Navigationsleiste
Yoda12
- html
Hi ich hab bei mir eine Navigationsleiste auf meiner Homepage eingefügt nun hab ich aber das problem das ich daneben nichts mehr schreiben kann sonder nur unter der leiste geht`s weiter und neben der leiste ist alles lehr.Was kann ich machen das ich daneben auch was schreiben oder Bilder einfügen kann.
Das ist mein Pfad
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Webstyle produced NavBar</title>
<!-- Navbar def -->
<script language="JavaScript" type="text/javascript">
<!-- Dummy comment to hide code from non-JavaScript browsers.
if (document.images) {
links_B1_off = new Image(); links_B1_off.src = "links_B1.gif"
links_B1_over = new Image(); links_B1_over.src = "links_B1_over.gif"
links_B2_off = new Image(); links_B2_off.src = "links_B2.gif"
links_B2_over = new Image(); links_B2_over.src = "links_B2_over.gif"
links_B3_off = new Image(); links_B3_off.src = "links_B3.gif"
links_B3_over = new Image(); links_B3_over.src = "links_B3_over.gif"
links_B4_off = new Image(); links_B4_off.src = "links_B4.gif"
links_B4_over = new Image(); links_B4_over.src = "links_B4_over.gif"
links_B5_off = new Image(); links_B5_off.src = "links_B5.gif"
links_B5_over = new Image(); links_B5_over.src = "links_B5_over.gif"
links_B6_off = new Image(); links_B6_off.src = "links_B6.gif"
links_B6_over = new Image(); links_B6_over.src = "links_B6_over.gif"
links_B7_off = new Image(); links_B7_off.src = "links_B7.gif"
links_B7_over = new Image(); links_B7_over.src = "links_B7_over.gif"
links_B8_off = new Image(); links_B8_off.src = "links_B8.gif"
links_B8_over = new Image(); links_B8_over.src = "links_B8_over.gif"
links_B9_off = new Image(); links_B9_off.src = "links_B9.gif"
links_B9_over = new Image(); links_B9_over.src = "links_B9_over.gif"
}
function turn_off(ImageName) {
if (document.images != null) {
document[ImageName].src = eval(ImageName + "_off.src");
}
}
function turn_over(ImageName) {
if (document.images != null) {
document[ImageName].src = eval(ImageName + "_over.src");
}
}
// End of dummy comment -->
</script>
<!-- Navbar def end -->
</head>
<body bgcolor="#000000" text="BLACK">
<!-- Start of NavBar definition -->
<TABLE border="0" cellspacing="0" cellpadding="0">
<tr><td><img src="Links_top.gif" alt="" width="132" height="27"></td></tr>
<tr><td><a href="HTTP://www.yoda12.de" onmouseout="turn_off('links_B1')" onmouseover="turn_over('links_B1')" ><img name="links_B1" src="links_B1.gif" alt="Home" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="HTTP://www.yoda12.de/nirvana3" onmouseout="turn_off('links_B2')" onmouseover="turn_over('links_B2')" ><img name="links_B2" src="links_B2.gif" alt="Geschichte" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B3')" onmouseover="turn_over('links_B3')" ><img name="links_B3" src="links_B3.gif" alt="Abschied" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B4')" onmouseover="turn_over('links_B4')" ><img name="links_B4" src="links_B4.gif" alt="Selbstmord?" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B5')" onmouseover="turn_over('links_B5')" ><img name="links_B5" src="links_B5.gif" alt="Abschiedsbrief" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B6')" onmouseover="turn_over('links_B6')" ><img name="links_B6" src="links_B6.gif" alt="Die Musikchronographie" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B7')" onmouseover="turn_over('links_B7')" ><img name="links_B7" src="links_B7.gif" alt="Bilder" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B8')" onmouseover="turn_over('links_B8')" ><img name="links_B8" src="links_B8.gif" alt="Über mia" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B9')" onmouseover="turn_over('links_B9')" ><img name="links_B9" src="links_B9.gif" alt="Links" width="132" height="33" border="0"></a></td></tr>
<tr><td><img src="Links_bottom.gif" alt="" width="132" height="27"></td></tr>
</TABLE>
<!-- End of NavBar definition -->
</body>
</html>
Erstelle ich eine Tabelle werden danach aber keine bilder der buttons angezeigt die ich erstellt habe.
Hiiiiiiiiiilllllllllfffffffffeeeeee.
Hi
<table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td valign="top">
<TABLE border="0" cellspacing="0" cellpadding="0">
<tr><td><img src="Links_top.gif" alt="" width="132" height="27"></td>
<tr><td><a href="HTTP://www.yoda12.de" onmouseout="turn_off('links_B1')" onmouseover="turn_over('links_B1')" ><img name="links_B1" src="links_B1.gif" alt="Home" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="HTTP://www.yoda12.de/nirvana3" onmouseout="turn_off('links_B2')" onmouseover="turn_over('links_B2')" ><img name="links_B2" src="links_B2.gif" alt="Geschichte" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B3')" onmouseover="turn_over('links_B3')" ><img name="links_B3" src="links_B3.gif" alt="Abschied" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B4')" onmouseover="turn_over('links_B4')" ><img name="links_B4" src="links_B4.gif" alt="Selbstmord?" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B5')" onmouseover="turn_over('links_B5')" ><img name="links_B5" src="links_B5.gif" alt="Abschiedsbrief" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B6')" onmouseover="turn_over('links_B6')" ><img name="links_B6" src="links_B6.gif" alt="Die Musikchronographie" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B7')" onmouseover="turn_over('links_B7')" ><img name="links_B7" src="links_B7.gif" alt="Bilder" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B8')" onmouseover="turn_over('links_B8')" ><img name="links_B8" src="links_B8.gif" alt="Über mia" width="132" height="33" border="0"></a></td></tr>
<tr><td><a href="Links.html" onmouseout="turn_off('links_B9')" onmouseover="turn_over('links_B9')" ><img name="links_B9" src="links_B9.gif" alt="Links" width="132" height="33" border="0"></a></td></tr>
<tr><td><img src="Links_bottom.gif" alt="" width="132" height="27"></td></tr>
</TABLE>
</td>
<td valign="top">
Hier kommt anderer Text hin, auch Bilder, etc.
</td></tr></table>
So, jetzt hast du eine Tabelle in einer Tabelle. Wenn du mit CSS arbeiten willst kannst du valign="top" auch noch gegen style="vertical-align:top" austauschen.
Schöne Grüße
Johannes
Hi
'Tschuldigung, hab noch was vergessen,
</TABLE>
</td>
<td valign="top">
Hier kommt anderer Text hin, auch Bilder, etc.
</td></tr></table>
Hinter valign="top" solltest du hier noch width="100%" einfügen, sonst ist da ein ziemlicher Abstand zwischen navigationsleiste und inhalt.
Schöne Grüße
Johannes