Danke ich habe es jetz in meiner externen CSS-Datei reingetan und es funktioniert aber nicht. Es erscheint nur der Text den ich zwischen das <div></div> eingegeben habe ohne die CSS-Attribute.
Was soll ich tun?
Du hast ja auch eine <table> und kein <div>!
Gruß
STEPHAN
Hat sich schon erledigt..
EDIT: Neues Problem:
Ich habe das ganze als Div abgespeichert und die Tabelle kommt auch so wie sie soll nur kommt sie immer untereinander. Logisch, nur wie kann ich es machen das das ganze von rechts nach links geht, also das die Tabellen nebeneinander sind?
Setz mal jede Tabelle in ein <div class="tabelle"> und definiere im css eine neue Klasse div.tabelle {float:left;}. Jetzt floaten die <div> linksseitig nebeneinander.
Gruß
STEPHAN
Oder ersetzte die <div> durch <span>. <div> wird Absatzmäßig formatiert, dass heißt jedes <div> in neu Zeile! <span> werden standardmäßig nebeneinander geschrieben...
Dürfte beides funktionieren...
Gruß
STEPHAN
Sorry aber das klappt alles nicht, was soll ich tun??
Hier das CSS:
body {
background: #006600;
font-family: "Trebuchet MS", Verdana;
font-size: 13px;
}
div#header {
width: 90%;
margin: 0px 50px;
padding: 5px;
text-align: center;
}
div#links {
position: absolute;
left: 50px;
margin-top: 20px;
width: 180px;
}
div#rechts {
position: absolute;
right: 50px;
margin-top: 20px;
width: 180px;
}
div#oben {
float: right;
right: 15px;
margin-top: 20px;
width: 75px;
}
div#inhalt {
margin: 20px 230px 0px 230px;
padding: 2px;
border: 1px solid #000000;
background: #666666;
color: #FFFFFF;
}
div#unten {
margin: 0px 230px;
border: 1px solid #000000;
border-top: none;
padding: 5px;
background: #009900;
color: #FFFFFF;
}
div.linkoben {
border-collapse: collapse;
width: 110px;
heigth: 25px;
border: 1px solid #000000;
}
div.naviname {
border: 1px solid #000000;
width: 160px;
max-height: 25px;
margin-top: 5px;
padding: 2px;
color: #FFFFFF;
font-weight: bold; margin-left:auto; margin-right:auto; margin-bottom:auto
}
div.menulink {
border: 1px solid #000000;
border-top: none;
background: #009900;
color: #FFFFFF;
width: 156px;
margin: auto;
padding: 1px 4px;
display: block;
}
div.menulink a {
color: #FFFFFF;
text-decoration: none;
display: block;
}
div.menulink:hover {
background: #669966;
}
div#content p {
padding: 3px;
margin: 0px;
}
h1 {
color: #FFFFFF;
font-weight: bold;
font-size: 18px;
padding: 4px;
}
h2 {
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
padding: 4px;
}
h3 {
color: #CC0000;
font-weight: bold;
font-size: 13px;
padding: 2px;
}
a:link, a:visited, a:active {
color: #FFFFCC;
text-decoration: none;
}
a:hover {
color: #FFCC00;
text-decoration: none;
}
x {
color: #00CCCC;
font-size: 13px;
padding: 2px;
font-family: "Trebuchet MS", Verdana;
}Und hier der Quellcode:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
<head>
<link href="style.css" type="text/css"
rel="stylesheet">
<title></title>
</head>
<body>
<div id="oben">
<div class="linkoben">Test 3</div>
<div class="linkoben">Test 4</div>
<div class="linkoben">Test 5
<div>
<div class="linkoben">Test 6</div>
</div>
<div id="links">
<div class="naviname">Test</div>
<div class="menulink">Test 2</div>
</div>
</div>
</div>
</body>
</html>Offensichtlich willst du zwei unterschiedliche Navis haben. Hierzu musst du den Links und nicht den div's die Klassen zuordnen.
Sieh dir mal die FAQ's I/2. und 5. an.
Zur Positionsbestimmung der beiden Menues brauchst du dann lediglich zwei div's, in die du den jeweiligen Navi-Code packst.
Danke ich hab eine andere Möglichkeit gefunden...
<div align="right">
<div style="text-align: center;"></div>
<table style="border-collapse: collapse; width: 404px; height: 21px;"
bgcolor="#800000" border="1" bordercolor="#000000"
cellpadding="0">
<tbody>
<tr>
<td>
<center></center>
<span style="color: rgb(255, 255, 255);"></span></td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
<td>
<center></center>
</td>
</tr>
</tbody>
</table>
</div>Kann mir irgendwer diesen Code so umschreiben das beliebig viele(hier 5) Tabellen auch per CSS dazukommen, die BG-Farbe #800000 und die Schriftfarbe #ffffff ist? Und die Zellen sollten 81*30 Pixel sein. Bitte das wäre sehr nett.