html und css ... button ist verschoben, warum?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aussagen
background
beitrag
body
button
display
fehler
klasse
layout
margin
menu
men
none
page
tabelle
unterschrift
verzicht
zeile
zwischenzeit
-
hallo
ich hab die codes hier aber das beim layout ist der button "hallo" irgendwie verschoben...warum?
index.html:
<html>
<head>
<link rel="stylesheet" type="text/css" href="Style/style.css" media="screen" />
</head>
<body bgcolor="blue">
<table bgcolor="white" border="1" align="center" width="860" height="100%">
<tr><td height="100">
<img src="jubimages/jubworld.gif" border="0" />
</td></tr>
<tr><td>
<table width="820" border="1" align="center" height="100%" cellpadding="5">
<tr><td width="140" valign="top">
<ul id="menu">
<li><a href="index.html">hallo</a></li>
</ul>
</td><td width="530" valign="top">
Text der da hin soll.... COOL
</td><td width="130" valign="top">
Hier am rand...
</td></tr>
<tr><td height="20" colspan="3">
<p align="right"><font size="-1">Text unterschrift mit ? by jubworld ..</font></p>
</td></tr></table>
</td></tr></table>
</body>
</html>
style.css:
body {
margin: 0;
}
table {
table-layout: fixed;
}
#menu {
list-style: none;
}
#menu li a {
font-weight: bold;
height: 17px;
width: 130px;
text-decoration: none;
color: #505050;
display: block;
padding: 5px 0 6px 5px;
background: #f4f4f4;
border-left: 4px solid #cccccc;
}
#menu li a:hover {
background: #eaeaea;
color: #286ea0;
border-left: 4px solid #286ea0;
}
hier k?nnt ihr das layout sehen: www.jubworld.de/NEUEhp/
SRY hab den fehler selber gefunden. musste bei li noch margin:0 und padding:0
thx
Beitrag ge?ndert am 11.07.2006 23:14 von jubworld -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
ja ganz einfach
durch <ul> und <li> wird das ganze einger?ckt
der punkt einer list steht normal schon nich ganz links und der text erst recht nich
?berlege ob du nicht auf <ul><li> verzichten kannst
man kann ja ne tabelle in der tabelle machen oder zumindest mehrere zeilen
also
<td>
<table>
<tr><td class="menue"><a href="...">- punkt 1</a></td></tr>
<tr><td><a href="...">- punkt 2</a></td></tr>
<tr><td><a href="...">- punkt 3</a></td></tr>
</table>
</td>
und statt id menue machst ne klasse in die css
.menue
EDIT:
na toll nun habsch mir ne l?sung ausgedenkt getut und dann ?nderst deine aussage genau in der zwischenzeit
Beitrag ge?ndert am 11.07.2006 23:26 von robin -
sorry aber danke.. hab halt selbst auch nachgedacht...
hab jez aber ein anderes problem...
www.jubworld.de/NEUEhp/
man siehts so nich, aber:
oben habt ihr die codes von der page und ich muss jez wissen warum um die weisse table bzw die "grundtable" immernoch einen 1px border hat.... auch wenn ich alles auf border="0" bzw border:0; setze...
wie kann ich das beheben?
mfg -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
