http://img300.imageshack.us/img300/5393/designyo4.png
so solls im endeffekt aussehn
gecodet bis jetzt soweit:
http://people.freenet.de/uqxtimbl/sinntod/index3.html
Html [b]
HTML
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"><head><title>sinntod.com</title><link rel="stylesheet" type="text/css" href="stylesheet2.css"></head><body><div id="Seite"><div id="Striche_links"><div id="head_abstand"><div id="header"><ul>[*][url='#']Home[/url][*][url='#']News[/url][*][url='#']Gallery[/url][/list]<ul>[*][url='#']Downloads[/url][*][url='#']Tutorials[/url][*][url='#']Music[/url][/list]<ul>[*][url='#']About[/url][*][url='#']Impressum[/url][*][url='#']Links[/url][/list]</div></div></div></div></body></html>[b] Css:
Code
div#Seite {
margin-top: 10px;
margin-left: 10px;
width: 588px;
background: #ffffff url(pink_border.gif) repeat-y;
padding-left: 8px;
overflow: hidden;
}
#Striche_links {
border-left-width:1px;
border-left-style:dotted;
border-color:black;
}
#head_abstand {
height: 65px;
}
#header {
padding-top: 0px;
background: url(logo.gif) no-repeat;
height: 58px;
padding-left: 230px;
padding-right: 0px;
font-family: Tahoma, Arial, Verdana;
font-size: 9px;
margin: 0 0 0 5px;
width: 560px;
border-bottom-width: 4px;
border-bottom-style:solid;
border-color:black;
overflow: hidden;
}
#header a {
text-decoration: none;
display: block;
color: white;
background: #000;
background-image: url(pfeil.gif);
background-position: 3px 4px;
background-repeat: no-repeat;
padding: 2px 2px 0px 6px;
margin: 2px 1px;
letter-spacing: 1px;
text-indent: 8px;
}
#header a:hover {
background: #f400c4;
background-image: url(pfeil.gif);
background-position: 3px 4px;
background-repeat: no-repeat;
}
#header ul {
list-style: none;
float: left;
width: 110px;
margin: 0px;
padding: 0px;
}
#header li {
margin: 0px;
padding: 0px;
}im IE schauts soweit(bei mir somindestends) richtig aus, im FF jedoch nicht
/e: hatte html code vergessen
