Geschrieben von fine am 02.04.2011 um 18:15:
Css
Meine Frage:
weiß nie mehr weiter >.<
und zwar will ich eine html seite entwerfen bzw muss ich >.<
ich möchte einen außenrahmen haben und in der mitte soll der inhalt stehen von der html seite jedoch soll die mitte weiß sein aber es funktioniert nicht >.< weiß aber nicht warum
Meine Ideen:
HTML seite bist jetzt :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><link rel="stylesheet" type="text/css" href="Style.CSS">
<h1> Die Mendelschen Gesetze</h1>
<h2> Die Regeln der Vererbung nach Johann Mendel</h2>
</head>
<body background="html-bg.jpg"
<div id="div style">
<ul>
<li><a href="Einleitung.htm">Einleitung</a></li>
<li><a href="Uniformitätsgesetz.htm">Das Uniformitätsgesetz</a></li>
<li><a href="Spaltungsgesetz.htm">Das Spaltungsgesetz</a></li>
<li><a href="3Gesetz.htm"> 3 Gesetz </a></li>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
</div>
</body>
und das die CSS datei dazu
body {background-attachment:fixed;
}
div style {background-color:#FFFFFF;
width:350pt;
height:50px;
}
h1 {
color:#8B4513;
font-size: 30pt;
font-weight: bold;
font-style: italic;
text-align: center
}
h2 {color:#8B4513;
font-size: 14pt;
font-weight: bold;
font-style: italic;
text-align: center;
}
menu { position:right;
top:60px;
left:0px;
width:180px;
}
text {margin-left:205px;
background-color:#FFFFCC;
padding:15px;
border-style:none;
border-width:1px;
}
a:hover {color:#8B4513;
text-decoration:underline;
}
a:active { color:;#8B4513
text-decoration:none
}
a:link { color:#8B4513;
text-decoration:none;
}
a:visited {color:#8B4513;
text-decoration:line-through;
}
der hintergrund ging leider auch nicht in die CSS datei hinein zu machen ... weiß auch nicht wo dort der fehler lag mein infolehrer jedoch auch nicht .. obwohls eig richtig geschrieben war und der fad auch stimmte
Geschrieben von nahri am 07.05.2011 um 15:45:
Hallo fine,
Vielleicht solltest du für ID's ein einziges Wort benutzen und nicht zwei.
Zudem fehlt der ID-Selektor in deiner CSS-Datei. Sind die "pt" beabsichtigt? Oder vielleicht ein kleiner Tippfehler?
Die Namensgebung ist jetzt auch nicht sooo ... :< Solltest du vielleicht nochmal überdenken.
Mein Vorschlag:
| php: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
|
/* php bzw. html file */
<div id="content"> ... </div>
...
/* css */
...
#content {
background-color:#FFFFFF;
width:350px;
height:50px;
/* platziert das ganze in der mitte der seite */
margin: auto;
...
} |
|
Gruß,
nahri