Diskusijų forumai
Diskusijų forumai     Kompiuterinė grafika, dizainas     Tinklalapių dizainas     meniu problemos


meniu problemos

dofka
Bendruomenės narys

 
Tema paskelbta: 2011-05-03 22:32:09
Kaip sukoduot toki meniu:


kad butu taip kaip img. as esu pabandes va:


kaip matot tas punkto fonas yra islindes i virsu ir ant kito punkto tekstas ne per vidrui.

Va kodas:

html:
<ul id="menu">
                       <li class="aktyvus"><a href="#">Pagrindinis</a></li>
                       <li><a href="#">Forumas</a></li>
                       <li><a href="#">Vaizdo įrašai</a></li>
                       <li><a href="#">Kings of Leon</a></li>
                       <li><a href="#">Albūmai</a></li>
                       <li><a href="#">Fotogalerija</a></li>
				</ul>


css:
body { background:#f3f3f3;}

a { text-decoration: none;}

#wrapper { width:100%; height:auto;}

#header { width:100%; height:211px; background:url(../images/header.png);}

#meniu_search { width:100%; height:46px; background:url(../images/meniu_line.png) repeat-x;}

#meniu { margin: 0 0 0 80px; font-family: Verdana, "Times New Roman", Times, serif; font-size:12px; }

#meniu li { display: inline; }
#meniu li a { display: block; float: left; height: 39px; padding: 15px 70px 0 13px; color: #4b4b4b; }
#meniu li a:hover { color: #b8ffef; background: url(../images/idubimas2.png) no-repeat }

#meniu li.aktyvus a { background: url(../images/idubimas2.png) no-repeat;  color: #6af9d9; }
Paskutinį kartą temą redagavo dofka (2011-05-04 15:42:29), redaguota kartų: 1
 


Atsakymai į temą

Imago
Bendruomenės narys

 
Atsakymas parašytas: 2011-05-04 14:32:44 [#1212] Atsakymo ID: 1212 Ilgalaikė nuoroda į atsakymą #1
nlb suprantu ko tau reikia? Sunku sakini cia parasei funny
dofka
Bendruomenės narys

 
Atsakymas parašytas: 2011-05-04 15:07:37 [#1213] Atsakymo ID: 1213 Ilgalaikė nuoroda į atsakymą #2
nu kaip sukoduot toki meniu butent kaip pavaizduota img .
Imago
Bendruomenės narys

 
Atsakymas parašytas: 2011-05-04 17:09:26 [#1214] Atsakymo ID: 1214 Ilgalaikė nuoroda į atsakymą #3
#meniu li a:hover {
	color: #b8ffef;
	background: #666;
	-moz-border-top-left-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
	-moz-border-top-right-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	-moz-box-shadow: inset 0 5px 5px #333;
	-webkit-box-shadow: inset 0 5px 5px #333;
	box-shadow: inset 0 5px 5px #333;
}

Turetu padetu su suapvalinimu+shadow. O del to, kur stovi tie buttons, koreguok ul elementa. Del teksto padeties, padding+height

Beje, tarpams tarp elementu naudok margin, o ne padding
#meniu li a {...
	padding: 15px 13px 0 13px;
	margin-right:57px;
}
Pask. redagavo Imago (2011-05-04 17:13:34), redaguota kartų: 1

dofka
Bendruomenės narys

 
Atsakymas parašytas: 2011-05-04 19:00:45 [#1215] Atsakymo ID: 1215 Ilgalaikė nuoroda į atsakymą #4
lmao dq lab lab. smile highfive  :*