Hallo,
Ich habe versucht ein Hauptmenü dabei zu machen hat ja auch Funktionirt aber ich habe jetzt ein Problem mit dem Hauptmenü 4 warum
Und wie kann ich nen Rand machen wie auf dem bild:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=101593#top
Hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<link rel="shortcut icon" href="http://img.webme.com/pic/c/cheerleader-kevin/favicons.png" type="image/vnd.microsoft.icon" />
<title>+++ Kevins +++ Hompage +++ - Willkommen </title>
<style type="text/css">
<!--
body {
background-color: #2e3839;
margin: 5px;
font-family: tahoma, verdana, arial;
}
td {
font-family: tahoma, verdana, arial;
font-size: 13px;
color: #0029F8;
}
a {
font-size: 13px;
color: #0029F8;
text-decoration: none;
}
a:visited {
font-size: 11px;
text-decoration: none;
}
a:hover {
font-size: 11px;
text-decoration: underline;
}
a.std {
font-size: 11px;
color:#436123;
text-decoration: none;
}
a:visited.std { font-size: 11px; color:#436123; text-decoration: none; }
a:hover.std { font-size: 11px; color:#436123; text-decoration: underline; }
.small {
font-family: tahoma, verdana, arial;
font-size: 9px;
color: #000000;
}
.small a {
color: black;
}
.headline,.headline2,.headline3 {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: #FC0505;
}
.cont {
font-family: tahoma, verdana, arial;
font-size: 11px;
color: #000000;
}
.ro {
background-color:#E7E7E7;
}
html {
font-family: tahoma, verdana, arial;
font-size: 11px;
}
.bbc { color:#FFFFFF; background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:1px; text-decoration:none;}
td.nav {
background-image: url(http://theme.webme.com/designs/iceblue/images/button.gif);
background-repeat: none;
height: 33px;
width: 185px;
padding-left: 25px;
}
td.nav a {
color: #020AF1;
font-size:11px;
}
td.nav_heading {
background-image: url(http://theme.webme.com/designs/iceblue/images/heading_left.gif);
color: white;
padding-left: 15px;
line-height: 23px;
width: 185px;
height: 23px;
}
td.nav_head {
background-image: url(http://theme.webme.com/designs/iceblue/images/head_left.gif);
color: white;
padding-left: 15px;
line-height: 31px;
width: 185px;
height: 31px;
}
td.sidebar_heading {
background-image: url(http://theme.webme.com/designs/iceblue/images/heading_right.gif);
color: white;
padding-left: 15px;
line-height: 24px;
width: 168px;
height: 24px;
}
td.sidebar_head {
background-image: url(http://theme.webme.com/designs/iceblue/images/head_right.gif);
color: white;
padding-left: 15px;
line-height: 32px;
width: 168px;
height: 32px;
}
.shouty,.shouty2,.shouty3,.shouty4,.shouty5 {
background-color: #fafbfc;
background-image: url(http://theme.webme.com/designs/iceblue/images/shouty.gif);
background-repeat: no-repeat;
padding: 5px;
}
.shoutbox {
overflow: auto;
height: 300px;
width: 175px;
}
.nick {
font-weight: bold;
}
.shoutbox hr {
border: 0;
border-bottom: 1px dashed #0c2737;
}
.shoutbox input, .shoutbox textarea {
width: 155px;
}
.send {
margin-top: 5px;
color: black;
font-weight: bold;
width: 50px;
margin-left: auto;
margin-right: auto;
}
.RowLight, .RowDark {
padding-left: 10px;
height: 27px;
}
.RowLight {
background-image: url(http://theme.webme.com/designs/iceblue/images/stats_bg1.gif);
}
.RowDark {
background-image: url(http://theme.webme.com/designs/iceblue/images/stats_bg2.gif);
}
img { border: 0;}
.headline a, .footer_text, .footer_text a.nav {
color: white;
}
//-->
</style>
</head>
<body>
<FONT color="white"><style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
table.edit_main_table, table[height="102"]{width: 100% !important; margin: 0 auto;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_cbg{width:100%;}
td.headline{visibility:hidden;}
td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}
table#sidebar_heading_1,table#sidebar_heading_2,table#sidebar_heading_3,table#sidebar_heading_4,table#sidebar_heading_5{width:189px;}
td.edit_content{background-image:url(http://i40.tinypic.com/nqcm0o.jpg);background-color:#c0c0c0;border: 5px solid #ffffff;}
td.nav:hover{background-image: url(http://s2.imgimg.de/uploads/ohnetext6eba2844gif34afacf8gif.gif);background-color:#XXXXXX;width:
185px;height: 35px;border: 0px solid #ffffff;}
td.nav{background-image: url(http://s2.imgimg.de/uploads/ohnetext6eba2844gif34afacf8gif.gif);background-color:#XXXXXX;width:
185px;height: 35px;border: 0px solid #2D3738;}
td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}
td.edit_rechts_cbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}
body{background-image:url(http://i40.tinypic.com/nqcm0o.jpg);background-color:#XXXXXX;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}
td.edit_rechts_sbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}
td.edit_rechts_bottom{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://s2.imgimg.de/uploads/eog83224dd521jpg.jpg);
background-repeat:repeat;
background-color:#XXXXXX;font-family: arial;font-size: 14px;
color:#000000;border: 2px solid #000000;}
td.edit_content_top{display: none}
td.edit_content_top:hover{display: none}
td.edit_navi_headbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}
td.nav_heading{display: none}
td.sidebar_heading{background-image:url(http://s2.imgimg.de/uploads/ohnetext6eba2844gif34afacf8gif.gif);height: 35px;background-color:#XXXXXX;border: 2px solid #000000;}
td.edit_rb_footer{background-image:url();height: 30px;background-color:#XXXXXX;border: 0px solid #c0c0c0;}
td.edit_content_bottom2{background-image:url(URL);background-color:#000000;border: 0px solid #ffffff;}
td.edit_content_bottom{display: none}
td.nav_heading{font-family: arial;font-size: 12px;color: #000000;padding-left:26px;text-align: left;}
td.nav a{font-family: arial;font-size: 12px;color: #000000;text-decoration: none}
td.nav a:hover{font-family: arial;font-size: 12px;color: #ffffff;text-decoration: none}
tr.checked_menu td a{font-family: arial;font-size: 12px;color: #000000;text-decoration: none}
td.sidebar_heading{font-family: arial;font-size: 20px;color: #ffffff; text-align: center;}
td.edit_content_main div{overflow: hidden!important;}
td.edit_header_full{background-image:url(http://i40.tinypic.com/o56n9l.jpg);background-color:#XXXXXX;width:
100%; height: 340px;background-repeat: no-repeat;border: 0px solid #2D3738;}
-->
</style>
<style type="text/css">
<!--
td#nav_Abstand1{visibility:hidden;height:5px;}
td#nav_Abstand1 a{height:5px;display:none;}
td#nav_Abstand2{visibility:hidden;height:5px;}
td#nav_Abstand2 a{height:5px;display:none;}
td#nav_Abstand3{visibility:hidden;height:5px;}
td#nav_Abstand3 a{height:5px;display:none;}
td#nav_Abstand4{visibility:hidden;height:5px;}
td#nav_Abstand4 a{height:5px;display:none;}
td#nav_Abstand5{visibility:hidden;height:5px;}
td#nav_Abstand5 a{height:5px;display:none;}
td#nav_Abstand6{visibility:hidden;height:5px;}
td#nav_Abstand6 a{height:5px;display:none;}
td#nav_Abstand7{visibility:hidden;height:5px;}
td#nav_Abstand7 a{height:5px;display:none;}
td#nav_Abstand8{visibility:hidden;height:5px;}
td#nav_Abstand8 a{height:5px;display:none;}
td#nav_Abstand9{visibility:hidden;height:5px;}
td#nav_Abstand9 a{height:5px;display:none;}
td#nav_Abstand10{visibility:hidden;height:5px;}
td#nav_Abstand10 a{height:5px;display:none;}
td#nav_Abstand11{visibility:hidden;height:5px;}
td#nav_Abstand11 a{height:5px;display:none;}
td#nav_Abstand12{visibility:hidden;height:5px;}
td#nav_Abstand12 a{height:5px;display:none;}
td#nav_Abstand13{visibility:hidden;height:5px;}
td#nav_Abstand13 a{height:5px;display:none;}
td#nav_Abstand14{visibility:hidden;height:5px;}
td#nav_Abstand14 a{height:5px;display:none;}
td#nav_Abstand15{visibility:hidden;height:5px;}
td#nav_Abstand15 a{height:5px;display:none;}
td#nav_Abstand16{visibility:hidden;height:5px;}
td#nav_Abstand16 a{height:5px;display:none;}
td#nav_Abstand17{visibility:hidden;height:5px;}
td#nav_Abstand17 a{height:5px;display:none;}
td#nav_Abstand18{visibility:hidden;height:5px;}
td#nav_Abstand18 a{height:5px;display:none;}
td#nav_Abstand19{visibility:hidden;height:5px;}
td#nav_Abstand19 a{height:5px;display:none;}
td#nav_Abstand20{visibility:hidden;height:5px;}
td#nav_Abstand20 a{height:5px;display:none;}
-->
</style>
</style>
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }
/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }
/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 432px;
left: 0% !important;
width:1000px; }
/* Breite der Menüpunkte einstellen */
.menu li {
width: 160px;
float: left; }
/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #FF0000;
background-color: #FF0000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #000000; }
/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #000099;
background-image: url(URL);
color: #000000; }
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
font-size: 14px;
display: none;
width: 160px;
float: left; }
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
//-->
</style>
<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
"position: absolut;"
//-->
</script>
<!-- Ende des Scriptes -->
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Allgemeines/Hp</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://cheerleader-kevin.de.tl/">Intro</a></li>
<li><a href="http://kevins-community.mixxt.de/">Kevins-Comunity</a></li>
<li><a href="http://kevins-designs.de.tl/">Kevins-Designs</a></li>
<li><a href="http://kevins-spiele-gangsta.de.tl/Home.htm">Kevins Spiele</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptmenü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 1</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 1</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 2</a></li>
</ul>
</li>
</li> <li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4);">
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 1</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Music</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Metal Music !!!</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Bushido-_-Sido.htm">Bushido - Sido</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Remix - Techno</a></li
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Electro</a></li
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 1</a></li
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 2</a></li
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Simones Gedichte </a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="http://cheerleader-kevin.de.tl/Simones-Reich-_-Hompage.htm">Simones Reich !!!</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Simones-Gedichte.htm">Simones Gedichte</a></li>
<li><a href="http://cheerleader-kevin.de.tl/-Liebesgedichte.htm">Liebesgedichte</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Sehnsucht.htm">Sehnsucht</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Freundschaft_Simone.htm">Freundschaft</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Weltgeschehen.htm">Weltgeschehen</a></li>
<li><a href="http://cheerleader-kevin.de.tl/An-meine-Mama.htm">An-meine-Mama</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Gedichte-Allgemein.htm">Gedichte Allgemein</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 9</a></li>
<li><a href="http://cheerleader-kevin.de.tl/Titel-der-neuen-Seite.htm">Untermenü 10</a></li>
</ul>
</li>
</div>
<style type="text/css">
<!--
table.rb_neu{position:absolute;left:0px;top:1230px;}
-->
</style>
<!-- Hier beginnt jetzt die eigentliche rechte Box -->
<table class="rb_neu" width="185" border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="24" class="sidebar_heading" background="http://img.webme.com/designs/iceblue/images/heading_right.gif">Bild des Gangsta</td>
</tr>
<tr>
<td style="background-repeat: no-repeat;background-color: #fafbfc;padding:5px;" background="http://img.webme.com/designs/iceblue/images/shouty.gif" class="shouty"><img width="174" height="345" alt="Alternativer Text" src="http://s2.imgimg.de/uploads/ola00a0bb2png.png" /><br><br><p><br><br></td>
</tr>
<tr>
<td background="http://img.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer">
</td>
</tr>
</table>