stilizzare una fotogallery con i css

[borgo italia]

sto facendo una fotog seguento l'articolo.
vorrei sapere
ho dato una width e height a <li>, ma se inserisco una foto o troppo testo il <li> si adatta.
è possibile fare in modo che le misure di <li> rimangano comunque fisse ed eventualmente tagli (non faccia vedere) quello che deborda?

p.s.
height è variabile faccio

<li style="height:<? echo $altezza ?> >.....

$altezza proviene da db

 

[PoLe]

Rieccoci

Prova ad aggiungere allo style quanto segue:

overflow:hidden;

:byebye:

 

[borgo italia]

sembra non funziare

echo "<li style=\"height:100px overflow:hidden\">12345678900 12345678900 123456789 12345678900 12345678900 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789 123456789<br><a href=\"http://www.borgo-*****.it\" target=\"_blank\">aaa</a></li>";

si allunga come un lenzuolo.


p.s.
adesso niente felpa?.....

 

[PoLe]

Prova a modificare col punto e virgola tra i 2 attributi CSS:

echo "<li style=\"height:100px[B][COLOR="Blue"];[/COLOR][/B]overflow:hidden;\">";

p.s.
adesso niente felpa?.....

Eh eh, adesso sto rimpiangendo quei giorni!

 

[borgo italia]

:beer:adesso funzia, grazie


così ti metti il cappotto:byebye:

 

[PoLe]

:beer:adesso funzia, grazie

Figurati
Mi raccomando, questo lo dico per tutti, quando si utilizzano stili all'interno dell'attributo style di un tag, utilizzare sempre il separatore [;], come segue:

<div style='color:#0000ff[COLOR="Red"][B];[/B][/COLOR]width:200px[B][COLOR="red"];[/COLOR][/B]height:100px[B][COLOR="red"];[/COLOR][/B]'>Ciao</div>

così ti metti il cappotto:byebye:

Sarà che sono un "nordico", ma il caldo proprio non lo sopporto
Viva l'inverno!!!

 

[borgo italia]

ho parlato troppo presto, funzia parzialmente

while($riga=mysql_fetch_array($foto)){
 echo "<ul>";
 $altezza=$riga[altezza];
 .....
 echo "<li style=\"height:".$altezza."px;overflow:hidden;\">...$foto..</li>";
 echo "</ul>";
}//fine while

tutti gli <li> prendono la stessa altezza = al primo inserito
es. se il primo= 100px ed il secondo=200 entrambi = 100 ed la seconda foto viene tagliata

:byebye:

 

[borgo italia]

dimenticavo:dormo:
nel css ho tolto l'altezza, lascando solo larghezza