September 7, 200818 yr Hi there. I'm new here, looking for some help and i found this forum at google. I hope you guys and girls can help me with a little problem. I got this webdesign made by my friend Under header with Zyxep.net there is some light as border. I can't get that sliced perfectly out and put into my CSS/divs. I got this far as my self http://zyxep.net/ I had this code. CSS body { margin: 0px; padding: 0px; background: #000; color: #fff; background-image: url(images/pattern.jpg); } #wrapper-top { background: #000 url(images/header_repeat.jpg) repeat-x; height: 47px; width: 727px; margin: 0px auto; } #wrapper-top ul { list-style: none; margin: 0; padding: 0; } #wrapper-top li { float: left; } #wrapper-top li#zyxep { background: #000 url(images/header_zyxep.jpg) no-repeat; width: 123px; height: 47px; } #wrapper-top li#portfolio { background: #000 url(images/header.jpg) no-repeat; width: 541px; height: 47px; } #wrapper-top li#hus { width: 33px; max-height: 47px; line-height: 47px; text-align: center; } #wrapper-top li#brev { width: 28px; max-height: 47px; line-height: 47px; text-align: center; } #wrapper-top li#wrap-streg { width: 2px; background: #000 url(images/header_streg.jpg) no-repeat; height: 47px; } #wrapper-header { background: transparent url(images/streg.jpg) top center repeat-x; height: 146px; } #header-left { background: transparent url(images/lys-left.png) top left no-repeat; height: 146px; } #header-right { background: transparent url(images/lys-right.png) top left no-repeat; height: 146px; } #header { width: 727px; height: 146px; background: transparent url(images/logo.jpg) no-repeat; } HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <title>S. Karberg</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" media="all" href="zyxep.css" /> </head> <body> <div id="wrapper-top"> <ul> <li id="zyxep"></li> <li id="portfolio"></li> <li id="hus"><img src="images/hus.png" border="0" alt="Hjem" /></li> <li id="wrap-streg"></li> <li id="brev"><img src="images/brev.png" border="0" alt="Kontakt" /></li> </ul> </div><!--header-top--> <div id="wrapper-header"> <div id="header-left"> </div><!--header-left--> <div id="header"> </div><!--header-logo--> <div id="header-right"> </div><!--header-right--> </div><!--wrapper-header--> </body> </html> Can anyone help me?? i am going to cut my hair if i can't get it to work perfectly.
Create an account or sign in to comment