Problem bei Code
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aktuelleren code
code
display
element
fehler
fenster
glauben
hilfe
http
jemand
leere zeile
oberen code
problem
quellcode
rahmen
resultat
tabelle
texteditor
url
zeile
-
Hi
ich habe einen Code für eine Menübar geschrieben und habe dabei offensichtlich einen Fehler gemacht, den ich jetzt aber nicht finde.
Hier der Code:
<div style="background-image:url(layout/bar/background.png);height:75px;position:absolute;top:105px;left:0px;width:100%"> <table border="0" style="width:100%"> <tr> <td style="text-align:center;width:25%" valign="top">Bla</td> <td style="text-align:center;width:25%" valign="top">Bla</td> <td style="text-align:center;width:25%" valign="top">Bla</td> <td style="text-align:center;width:25%" valign="top">Bla</td> </tr> </table> </div>
Im Css ist dazu noch kein Code jedenfalls wird die Bar nach unten versetzt angezeigt, der Hintergrund ist aber normal. Ich glaube, dass irgendwo eine leere Zeile ist, habe aber mit Google Chrome das "Element untersucht", aber dort nichts gefunden.
Kann mir jemand helfen? LG -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ich versteh dein problem nicht ganz..
Hab deinen Code mal eben schnell auf HTML Testseite getestet (1:1 kopiert) und außer, dass die Tabelle 105px nach unten verschoben ist durch "top:105px" ist sie eigentlich oben am Fenster..
MfG CnP -
Mhm, hier noch mal den aktuelleren Code, beim alten hab ich wohl zu viel verändert.
<div style="background-color:gray;height:75px;position:absolute;top:105px;left:0px;width:100%;" id="bar_div"> <table border="1" style="width:100%;height:100%"> <tr> <td style="text-align:center;width:25%" valign="top"> <a><img src="layout/bar/text/sonderangebote.png"></a> </td> </tr></table></div>
Das Resultat:
http://www.jmarshall.com/easy/html/render.cgi
Ihr werdet sehen, dass die tabelle (mit border) etwas unterhalb des divs (grauer kasten) ist.
LG
Edit: Ups, der Link funzt nicht richtig.
Gebt hier einfach den oberen Code ein und klickt auf DISPLAY
Beitrag zuletzt geändert: 15.6.2011 2:51:51 von squid -
Mach mal bitte einen Screenshot...
-
Okay... Bitte mal nen Link auf deinem Webspace, wo man das SO live sehen kann.
-
Es liegt an deinem Texteditor. Da ist ein Steuerungszeichen im Quellcode (Zeile 43).
Hier mal dein Originalquellcode, ohne diesen Fehler:
<head> <link rel="stylesheet" type="text/css" href="layout/bar.css" /> </head> <body style="margin:0px;"> <div style="margin-top:10px;margin-left:18px;margin-bottom:4px;height:92px;"> <img src="layout/logo.png" height="90"> </div> <div style="position:absolute;top:0px;right:0px;width:700px;"> <img src="img/layout_business.png"> </div> <div style="background-image:url(layout/bar/background.png);height:75px;position:absolute;top:105px;left:0px;width:100%;" id="bar_div"> <table border="1" style="width:100%;height:100%"> <tr> <td style="text-align:center;width:25%" valign="top"> <a><img src="layout/bar/text/sonderangebote.png"></a> </td> <td style="text-align:center;width:25%;" valign="top"> <ul> <li> <a><img src="layout/bar/text/produkte.png"></a> <ul class="ebene_1"> <li> <a> <table border="0" style="width:100%;border-bottom:1px solid #999999;" cellspacing="0"> <tr><td id="bar_td">A</td></tr> <tr><td id="bar_td"> <div id="bar2ebene">X<div id="bar2hover">ABC</div></div> </td></tr> <tr><td id="bar_td">B</td></tr> <tr><td id="bar_td">C</td></tr> </table> <br /><br /><br /><br /><br /><br /> </a> </li> </ul> </li> </ul> </td> <td style="text-align:center;width:24%" valign="top"> <ul> <li> <a><img src="layout/bar/text/zubehoer.png"></a> <ul class="ebene_1"> <li> <a> <table border="0" style="width:100%;border-bottom:1px solid #999999;" cellspacing="0"> <tr><td id="bar_td">A</td></tr> <tr><td id="bar_td"> <div id="bar2ebene">X<div id="bar2hover">ABC</div></div> </td></tr> <tr><td id="bar_td">B</td></tr> <tr><td id="bar_td">C</td></tr> </table> <br /><br /><br /><br /><br /><br /> </a> </li> </ul> </li> </ul> </td> <td style="text-align:center;width:25%" valign="top"> <a><img src="layout/bar/text/support.png"></a> </td> </tr> </table> </div> </body> -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
