miglu149
mm1

Imię: Piter
Pomógł: 30 razy Wiek: 30 Dołączył/a: 21 Lip 2008 Posty: 2220
|
Wysłany:
2008-12-22, 12:08 [CSS] Strona w CSS i Divach.
|
|
|
Witam. Mam problem, ponieważ od wczoraj próbuję zrobić stronę w divach (mój pierwszy raz ), ale mi nie wychodzi. Co mam źle?
style.css Kod * { margin: 0px; padding: 0px; } body { padding-top: 0px; background-color: #FFFFFF; color: #FFF; font-family: verdana, arial, sans-serif; text-align: left; letter-spacing: 1px; overflow: auto; } a {color: #FFF;font-size: 14px;} a:hover {color: #01a9c0;} .more{float: left;} .clear{clear:both;} p{ margin: 20px 0px 20px 0px;line-height: 16px;font-size: 14px;} #container { margin: 0px auto; width:873px; } #menu { background-image:url(../menu1.gif); width:862px; height:160px; position:relative; } #menu li{ position:absolute; top:37px; list-style-type: none; } #m01 {left:80px;} #m02 {left:337px;} #m03 {left:612px;} #menu a{ font-family: verdana, tahoma, sans-serif; font-size: 18px; font-weight:bolder; color:#FFFFFF; text-decoration:none; text-transform: uppercase; } #menu a:hover {color: #06368f;} #header { background-image:url(../images/header.gif); background-repeat:repeat-y; width:873px; height:10px; } #welcome { width:230px; margin: 50px 0px 0px 100px; float:left; display:inline; } #welcome h2{ margin: 0px 0px 20px 0px; } #welcome p{ width:200px; } #middle { background-image:url(../images/head2.gif); width:873px; height:21px; }
index.html Kod <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Strona</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <body> <div id="container"> <div id="menu"> <ul> <li id="m01"><a href="home.php">Strona Glowna</a></li> <li id="m02"><a href="download.php">Oferta</a></li> <li id="m03"><a href="imprezy.php">Kontakt</a></li> </ul> </div> <div id="header"> <div id="welcome"> <h2>Witaj</h2> <p>Witaj na naszej stronie.</a></p> </div> <div class="clear"></div> </div> <div id="middle"></div>
Proszę o pomoc.
|
|