Grafik Optimierung

Rosi · 21.09.2012, 11:21:09

Zitat von: "Ok"Hallo,
Dokumententyp? ist doch gesetzte *<DOCTYPE>*

http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=Dokumententyp

im ersten Moment etwas verwirrend

Holli · 21.09.2012, 11:34:29

Selfhtml ist nicht mehr aktuell, was HTML5 angeht: http://www.w3.org/QA/2002/04/valid-dtd-list.html

Ok · 21.09.2012, 23:53:58

Hallo,

ich komm jetzt nicht ganz mit, was mein Fehler nun ist, hier mal mein HTML und CSS Code!

HTML

Zitat<!DOCTYPE html>
<html>

<head>
<title>Brackenheim Wetter</title>

<meta charset="UTF-8">
<meta name="description" content="Private Wetter Station 74336 Brackenheim">
<meta name="author" content="DG">
<meta name="keywords" content="Brackenheim Wetter, brackenheim wetter, Brackenheim, brackenheim">

<link href="seite_brackene.css" type="text/css" rel="stylesheet">
</head>

<body>
<div id="site">
<div id="kopf">
<h1><img src="Brackenheim_Wappen.png" alt="Brackenheim Wetter" width="95" height="100"/></h1>
<p id="slogan">Private Wetterstation Brackenheim</p>
</div>

<div id="main">
<p>Aktuell - 5 Minütig</p>
<p>
<uL>
<li>Temperatur: [actual_th7_temp_c:-] °C</li>
<li>Luftfeuchte: [actual_th7_hum_rel:-] %</li>
<li>Luftdruck: [actual_thb1_sealevel_hpa:-] hPa</li>
</uL>
</p>
<div id="imgcenter"><img src="temperatur24.png" width="450" height="220" alt="Temperatur 24h" /></div>
<div id="imgcenter"><img src="luftfeuchte24.png" width="450" height="220" alt="Luftfeuchte 24h" /></div>
<div id="imgcenter"><img src="luftdruck24.png" width="450" height="220" alt="Luftdruck 24h" /></div>
</div>
<div id="fuss">
<p>Messung vom [actual_date0_puredate_local] · [actual_date0_time_local] Uhr</p>
</div>
</div>

</body>
</html>

CSS

Zitat* {
margin: 0;
padding: 0;
}

body {
color: black;
font-size: small;
font-family: Verdana, Arial, sans-serif;
}

#site {
color: black;
width:500px;
margin:20px auto;
border: solid 1px black;

}

#kopf {
position: relative;
background-color: #FF2939;
color: white;
height: 100px;
padding: 10px 20px;
}

h1 {
font-size: 1.5em;
}

#slogan {
position: absolute;
top: 25px;
right: 20px;
left: ;
font-size: 1.3em;

}

#main {
background-color: white;
padding: 5px 15px;
}

#main p {
padding-top: 5px;
font-size: 1.4em;
}

#main ul {
list-style-type: none;
padding: 20px 30px;
font-size: 1.3em;
}

#imgcenter {
text-align: center;
margin-top: 5px;
}

#fuss {
background-color: #FF2939;
color: #ffffff;
padding: 3px;
font-size: x-small;
text-align: center;
}

Wetterstationsforum.info - Archiv

Neuigkeiten:

Grafik Optimierung

Rosi

Holli

Ok