ic hhab ein paar fragen über mein design
hier ist der code dafür:
<style type="text/css">
<!--
/*Text-und Link-Formatierung */
p, div, b{color: #000000;}
td.nav a{color: #XXXXXX;font-size: 13px;text-decoration: none;}
a:hover {color: #XXXXXX;font-size: 13px;text-decoration: none;}
a: link {color: #XXXXXX;font-size: 13px;text-decoration: none;}
a:active {color: #XXXXXX;font-size: 13px;text-decoration: none;}
a:visited {color: #XXXXXX;font-size: 13px;text-decoration: none;}
/* Header unsichtbar*/
td.edit_header_full{visibility: hidden;}
/*Titel im Header unsichtbar */
td.headline{visibility:hidden;}
/*Navigation eigene Buttons*/
td.nav{text-decoration: none; color:#000000; width: 185px;height: 40px;background-image:url(http://img.webme.com/pic/c/coolplace/button0082.gif);}
td.nav:hover{text-decoration: none;color: #000000; width: 185px;height: 40px;background-image:url(http://Hier Button 2);}
td.nav_heading{background-image:url(URL);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}
/*Hintergrund-Bild fixiert */
body{background-image:url(http://www.danute.de/Bilder/Layout/RoterHintergrund.gif);background-repeat:no-repeat;background-attachment: fixed;}
/*Textfeld-Bereiche unsichtbar*/
td.headline2{visibility:hidden;}
td.edit_content a{color:#XXXXXX;font-size: 13px;text-decoration: none;}
td.edit_content a:hover {color: #XXXXXX;font-size: 13px;text-decoration: none;}
td.edit_content_top{visibility:hidden;}
td.edit_content{background-image:url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image:url();background-color:transparent;}
/*Rechte Boxen unsichtbar*/
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{visibility:hidden;}
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image:url();background-color:transparent;border:0px dotted black;}
td.shouty2{;}
td.shouty3{;}
td.shouty4{;}
td.shouty5{;}
--></style>
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-290px;
width: 100%;
}
.menu li
{
width: 200px;
float: left;
}
.menu a
{
border: 1px solid #F2F2F2;
background-color:#000C32;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}
.menu a:hover
{
background-color: #000C32;
}
#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->
</style>
<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';
}
}
//-->
</script>
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Unterhaltung </a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://philipp7.de.tl/Galerie/index.htm">Galerie </a></li>
<li><a href="http://philipp7.de.tl/Forum-/index.htm">Forum </a></li>
<li><a href="http://philipp7.de.tl/Umfragen.htm">Umfragen</a></li>
<li><a href="http://philipp7.de.tl/Spiele.htm">Spiele </a></li>
<li><a href="http://philipp7.de.tl/Chat.htm">Chat </a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Musik </a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://philipp7.de.tl/Nirvana.htm">Nirvana </a></li>
<li><a href="http://philipp7.de.tl/Linkin-Park.htm">Linkin Park </a></li>
<li><a href="http://philipp7.de.tl/The-Beatles.htm">The Beatles </a></li>
<li><a href="http://philipp7.de.tl/Die-Toten-Hosen.htm">Die Toten Hosen </a></li>
<li><a href="http://philipp7.de.tl/Die--Ae-rzte.htm">Die Ärzte </a></li>
<li><a href="http://philipp7.de.tl/The-Kiss.htm">Kiss </a></li>
<li><a href="
http://philipp7.de.tl/Green-Day.htm">Green Day </a></li>
<li><a href="http://philipp7.de.tl/Red-Hot-Chili-Peppers.htm">Red hot cilli peppers </a></li>
<li><a href="http://philipp7.de.tl/Motorhead.htm">Motorhead </a></li>
<li><a href="http://philipp7.de.tl/Falco.htm">Falco </a></li>
<li><a href="http://philipp7.de.tl/Andere.htm">Andere </a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Kontakt</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Kontakt">Kontakt</a></li>
<li><a href="http://philipp7.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="http://www.1a-flashgaestebuch.de/cgi-bin/gb.pl?id=a49069">Virtuelles Gästebuch</a></li>
</ul>
</li>
</ul>
</div>
wieso ist am rand so ein grauer streifen?
wie ändere ich das?
wie kann man in der oberen leiste die selben buttons machen wie auf der rechten seite oder umgekehrt?
ich hoffe ihr versteht was ich meine
mfg
[/quote]