Hallo ich möchte in den CSS-Code meiner Homepage (siehe unten) ein neues Menü unter die Navigation setzen.
Wie geht das?
Code des Menüs:
Code der Page:
Text über dem Design: [quote]<div id="grass"></div> <div id="himmel"></div> <div id="sonne"> </div> <div id="baum"></div> <div id="logo"></div>[quote]
CSS-Code ohne Style Tags: [quote]/*Design made by
www.omba.de.tl || Design: Minecraft, Version: 1.0, Jetzt kostenlos auf
www.omba.de.tl holen!*/ td[height="102"] { position:absolute; top: 550px; left:50%; margin-left:-376px; } body { background-color: #61442e; background-image: url(http://img.webme.com/pic/o/omba-test/sand.png); cursor: crosshair; } #grass { width:100%; position:absolute; left: 0%; height: 110px; margin-top: 330px; background-image: url(http://img.webme.com/pic/o/omba-test/grass.png); } #himmel { width:100%; position:absolute; left: 0%; height: 441px; margin-top: -111px; background: #989cff; } #baum { position: absolute; left: 50%; top: 115px; margin-left: -435px; width: 259px; height: 330px; background-image: url(http://img.webme.com/pic/o/omba-test/baum2.png); } #sonne { position: absolute; left: 50%; top: -10px; margin-left: 235px; width: 238px; height: 238px; background-image: url(http://img.webme.com/pic/o/omba-test/sonnemine.png); } #logo { position: absolute; left: 17%; top: -190px; margin-left: -215px; width: 1280px; height: 673px; background-image: url(http://www.bilderhoster24.de/images/b4ql858eohfynk4q4kj.jpg); } #nav_container { position: absolute; left: 50%; top: 438px; margin-left: -710px; width: auto; height: auto; text-align: center; background-image:url(); } li.nav_element { display: inline-block; text-align: center; height:21px; padding: 13px; width: 231px; background-image:url(http://img.webme.com/pic/o/omba-test/button_minecraft.png); } li.nav_element a { font-size:17px; color: #000000; font-family: Tahoma; font-weight: bold; text-decoration: none; } li.nav_element:hover { height:21px; background-image:url(http://img.webme.com/pic/o/omba-test/button_minecraft_hover.png); } li.nav_element:hover a { font-size:17px; color: #fffaad; font-family: Tahoma; font-weight: bold; text-decoration: none; } #container { width: 900px; height: auto; margin: auto; overflow: hidden; } #content { float:left; margin-top: 550px; margin-bottom: 30px; width: 855px; padding: 20px; color: #000000; font-size: 15px; font-family: arial; text-align: left; background-color:#FFFFFF; border: 1px solid #000000; } #content a { font-size: 15px; color: #FFFFFF; text-decoration: none; font-family: arial; } #copyright { margin: auto; width: 900px; height: 152px; text-align: left; } h2#title{display:none;} h1#header {display:none;} #header-container {display:none;} #nav_heading{display:none;} #sidebar_heading {display:none;} #pre_content {display:none;} #pre_header {display:none;} #post_header {display:none;} #post_content {display:none;} #below_content{display:none;} #extraDiv2 {display:none;} #extraDiv3 {display:none;} #extraDiv4 {display:none;} #extraDiv5 {display:none;} #extraDiv6 {display:none;} div.header{display: none;} #counter{display:none;} [quote]
