Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc

[dasinn]

bune.as vrea sa fac un meniu orizontal .pana acum nici o noutate.am facut asta ,dar mai vreau ca la fiecare list item sa-mi dea o anumita imagine ca si background.am incercat sa dau un id separat pentru fiecare listitem dar imi da o harababura.poate sa-mi dea cineva un link cu ceva tutorial pentru asa ceva sau sa-mi spuna cum sa fac?multumesc.

html:__

<div class="meniutop">
<ul id="meniulist">
<li >item1</li>
<li >item2</li>
<li >item3</li>
<li >item4</li>
</ul>
</div>

css_____

.meniutop{height:39px;float:left;margin-left:340px;margin-top:20px;width:100%;}

#meniulist {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#bababa; list-style-type:none;height:39px;}

#meniulist li{
display: inline;
list-style-type: none;
padding-right: 20px;}


bun.ce nu reusesc.itemutile sa aiba un background de imagine.multumesc foarte mult.

[NooK]

folosesti clase
Cod: <li class="element unu">Item 1</li>
         <li class="element doi">Item 2</li>
 ...... etc.
css :

.element
{
width:???px;
height:???px;
si orice alta proprietate vrei sa fie comuna tuturor elementelor li
}

.unu
{
background:img('poza1.jpg') no-repeat top left;
}

.doi
{
background:img('poza2.jpg') no-repeat top left;
}

etc ...

[dasinn]

am inacecat asa dar nu-mi da imaginea numai la dimensiunea textului.
asta e cssul pe care l-am facut

css---------
.element{height:39px;width:94px;line-height:39px;}
.despre{background-image:url('meniubuton.png') ;background-repeat:none;;height:100px;;margin-left:20px;text-align:center;}

htmlul---------------

<div class="meniutop">
<ul class="meniulist">
<li class="element despre" >item</li>
<li class="element despre" >item</li>
<li class="element despre" >item</li>
<li class="element despre" >item</li>
</ul>
</div>

adica nu-mi toata imaginea si numnai o parte din ea.

[saitek]

Am citi asa repede,sper sa nu gresesc,pune width:auto la imagine..

[NooK]

In exemplul tau era de ajuns sa folosesti "<li class="element">" daca toate imaginile sunt la fel.
Height-ul elementului li trebuie sa fie egal cu cel al imaginii.Ar fi bine sa postezi un screenshot cu imaginea ca din ce spui nu imi pot da seama ce nu iti iese tie.

[dasinn]

nu am unde sa postez screen .ce nu-mi da?.imaginea din background apare doar jumate ca height.cam cat e textul din list item.

[NooK]

Te duci la poza , click dreapta > Properties , vezi ce height are , te intorci in fisierul css si modifici ".element{height:39px;width:94px;line-height:39px;} "
cu inaltimea pozei.poti sa stergi line-height.

[dasinn]

buna.am rezolvat problema.nu am facut in modul asta ci am gasit un tutorial foarte foarte bun in css.il postez aici si sper sa fie de folos (are aproape de toate,inclusiv exemple concrete}
[http://css.maxdesign.com.au/index.htm]

sper sa fie de folos.

[PHPRomania Bot]