Hey,
Ich arbeite gerade an einem Deisgn für ein kleines Hobby von mir und ein paar kumpels.
Das Design ist so gut wie fertig es sind nur noch ein paar kleine Bugs vorhanden!
http://ms-beta.de.tl
1. Das Menü hängt zu weit oben
2. Die Sidebox sollte mit dem Content mit gehen (damit es geschlossener aussieht)
Hier der Code
Über dem Design
Code: </td></tr></table>
<div id="Design">
<div id="Header"></div>
<div id="rechts">
<div id="content_top"></div>
<div id="menu">
<div style="text-align: right;"><script language="JavaScript"><!-- Begin
btn1 = new Image;
btn1.src = "http://img.webme.com/pic/m/ms-beta/home.png";
btn2 = new Image;
btn2.src = "http://img.webme.com/pic/m/ms-beta/home_h.png";
btn3 = new Image;
btn3.src = "http://img.webme.com/pic/m/ms-beta/gbook.png";
btn4 = new Image;
btn4.src = "http://img.webme.com/pic/m/ms-beta/gbook_h.png";
btn5 = new Image;
btn5.src = "http://img.webme.com/pic/m/ms-beta/forum.png";
btn6 = new Image;
btn6.src = "http://img.webme.com/pic/m/ms-beta/forum_h.png";
btn7 = new Image;
btn7.src = "http://img.webme.com/pic/m/ms-beta/bericht.png";
btn8 = new Image;
btn8.src = "http://img.webme.com/pic/m/ms-beta/bericht_h.png";
// End -->
</script><a onmouseout="lnk1.src=btn1.src" onmouseover="lnk1.src=btn2.src" href="http://synabyte.bplaced.net"> <img src="http://img.webme.com/pic/m/ms-beta/home.png" name="lnk1" alt="home" style="border: 0px solid; width: 136px; height: 43px;" /></a><!-- News --><a onmouseout="lnk2.src=btn3.src" onmouseover="lnk2.src=btn4.src" href="http://synabyte.bplaced.net"><img src="http://img.webme.com/pic/m/ms-beta/gbook.png" name="lnk2" alt="home" style="border: 0px solid; width: 136px; height: 43px;" /></a><!-- bericht --><a onmouseout="lnk3.src=btn5.src" onmouseover="lnk3.src=btn6.src" href="http://synabyte.bplaced.net"><img src="http://img.webme.com/pic/m/ms-beta/forum.png" name="lnk3" alt="home" style="border: 0px solid; width: 136px; height: 43px;" /></a><!-- videos --><a onmouseout="lnk4.src=btn7.src" onmouseover="lnk4.src=btn8.src" href="http://synabyte.bplaced.net"><img src="http://img.webme.com/pic/m/ms-beta/bericht.png" name="lnk4" alt="home" style="border: 0px solid; height: 43px;" /></a></div></p>
Code: h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
li.nav_element{display:none;}
body
{ background-image: url(http://img.webme.com/pic/m/ms-beta/bg.png);
background-color: #545454;
background-repeat:repeat-x;}
p, div, b{
font-family: Sans-Serif;
font-size: 12px;
text-decoration: none;}
#Header {
background-image: url(http://img.webme.com/pic/m/ms-beta/header.png);
background-repeat: no-repeat;
width: 900px;
height: 163px;
float : left;
}
#Design{ background-color: #00ff00;
margin : 0 auto;
margin-top: 10px;
margin-bottom: 10px;
width : 955px;
}
#menu {width:955px; height: 0px;
float:right;}
#content {
width: 727px;
padding: 10px;
color: #363636;
background-image: url(http://img.webme.com/pic/m/ms-beta/contentmiddle.png);
display: inline;
float: left;
overflow: auto;}
#sidebar_container {
width: 198px; background-color: #ffffff;
background-image: url(http://img.webme.com/pic/m/ms-beta/containerbg.png);
color: #363636;
font-size:small;
text-align: left;
padding: 5px;
float:right;}
--> </style>
<table style="margin: 0px auto; margin-top: 0px;" cellpadding="0" cellspacing="0" ><tr><td>
<style type="text/css"> <!--