Autor | Zpráva | ||
---|---|---|---|
18Mio18 Profil |
Ahoj potreboval by som pomoct s Css menu ... Budem velmi rad za vsetko co tu napisete .. teda hlavne za to co mi pomoze :)
Html: <!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=utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="styl.css" /> </head> <body> <div id="boxcenter"> <div id="heder"></div> <div id="boxnav"> <ul id="nav"> <li id="m1"><a href="#">1rrr</a></li> <li id="m2"><a href="#">2rrr</a></li> <li id="m3"><a href="#">3rrr</a></li> <li id="m4"><a href="#">4rrr</a></li> <li id="m5"><a href="#">5rrr</a></li> </ul> </div> <div> <br><br><br> <br> <a href="#"><img src="../images/logo.png" style="float:left;position: relative;left:17px;right:10px"/> <a href="#"><img src="../images/kodovanie1.png" style="float:left;position: relative;left:87px;right:10px"/> <a href="#"><img src="../images/flash.png" style="float:left;position: relative;left:140px;right:10px"/> </div> <div id="foot"> <div class="in"><img src="../images/peticka2.png" alt="Design,coding : 18Mio18" /> </div> </div> </div> </body> </html> Css img,div,h1,h2,h3,h5,p,ul,ol,li,form,dl,dd,dt,object { display: block; border: 0; margin: 0; padding: 0; } .blocker { clear: both; height: 1px; width: 10px; font-size: 1px; background-image: none !important; } body { font: .74em arial, helvetica, verdana, sans-serif; line-height: 1.6em; font-size: 15px; font-family: Arial,Verdana, sans-serif; color: white; text-align: left; font-style:italic; background: #97bbd5 url("../images/background2.jpg");top left;repeat-x; text-align: center; /* toto je len pre IE6*/ } #boxcenter { width: 1024px; margin: 0 auto; } /* toto centruje na stred pre FF, OP */ #heder { background-image:url("../images/heder1.jpg"); width:904px; height:156px; background-position:top; background-repeat:no-repeat; margin: 0 auto; } /*menu*/ #boxnav { width: 884px; height: 40px; margin: 0 auto; border: 1px solid white;} #nav { width: 884px; height: 30px; list-style: none; padding-left: 60px; /* bolo 50 px */ } /*index*/ #m1 a { width: 30px; height: 131px; background-image: url("buttons/home.gif"); background-position: 0 0; background-repeat: no-repeat; } /*portfolio*/ #m2 a { width: 30px; height: 131px; background-image: url("buttons/omne.gif"); background-repeat: no-repeat; margin-left: 11px; } /*grafika*/ #m3 a { width: 30px; height: 131px; background-image: url("buttons/referencie.gif"); background-repeat: no-repeat; margin-left: 11px; } /*tvorba webu*/ #m4 a { width: 30px; height: 131px; background-image: url("buttons/buduce-projekty.gif""); background-repeat: no-repeat; margin-left: 11px; } /*kontakt*/ #m5 a { width: 30px; height: 131px; background-image: url("buttons/kontakt.gif"); background-repeat: no-repeat; margin-left: 11px; } #obsah { background-color: #2ebeea; padding: 20px 60px; text-align: left;} #foot { height: 100px; width: 100%; position:absolute; left: 0; bottom: 0; } #foot .in { width: 1024px; margin: 0 auto; height: 50px; background: #000; color: #ffcc00; text-align: center } #foot p { padding: 25px 25px 0 25px; margin: 0; A prepacte som tu novy ... Potreboval by som poradit ako mam zrobit kazde tlacitko ine a ci mam dobre ten kod ... "Validita nie je Boh vie aka".. Dakujem... |
||
18Mio18 Profil |
#2 · Zasláno: 10. 2. 2009, 19:41:09
/*menu*/
#boxnav { width: 884px; height: 40px; margin: 0 auto; border: 1px solid white;} Tu mam vlastne ram (border) lebo tam aj tak nepojde ziadna farba ... |
||
panther Profil |
#3 · Zasláno: 10. 2. 2009, 20:13:35
18Mio18
„Potreboval by som poradit ako mam zrobit kazde tlacitko ine“ jaké tlačítko? Žádné jsem nikde nenašel. „a ci mam dobre ten kod“ jsou tam nějaké věci, které by tam být nemusely (v HTML i CSS), ale na začátečníka to není nejhorší. |
||
Bubák Profil |
panther
„jaké tlačítko? Žádné jsem nikde nenašel.“ To asi budou tyhle číslované "nudle": #m1 a { width: 30px; height: 131px; 18Mio18 „Potreboval by som poradit ako mam zrobit kazde tlacitko ine“ Dáš každému jiné pozadí, aspoň kód je tak napsaný. „ci mam dobre ten kod“ Díval jsem se zběžně jen na menu: - tlačítka nebudou mít tebou požadovaný rozměr "nudle" (to myslíš vážně, šířka 30px, výška 131px?), protože "a" (odkaz) není blok. Proč jak *** každému tlačítku samostatně deklaruješ rozměry a parametry pozadí, když to jde najednou? #nav a { display: block; width: 30px; height: 131px; background-repeat: no-repeat; margin-left: 11px; } |
||
18Mio18 Profil |
#5 · Zasláno: 10. 2. 2009, 22:01:08
jj dakujem to tlacitko je tvorene v gife no zatial som ho nechal tak aby sa nemenilo teda ziadny hover(zatial) .
|
||
18Mio18 Profil |
#6 · Zasláno: 10. 2. 2009, 22:06:28
Bubak dakujem. zabudol som povedat ze tie tlacitka su m1-m4 abo tak. Sorry s tymi rozmermi som sa pomylil...
|
||
18Mio18 Profil |
#7 · Zasláno: 11. 2. 2009, 08:11:52
panter ake veci v html a css si myslel?
|
||
18Mio18 Profil |
#8 · Zasláno: 11. 2. 2009, 15:29:28
???
|
||
Časová prodleva: 16 let
|
0