Mine <span>s lægger sig i bunden i stedet for toppen

Ville være meget nemmere hvis du kan give os et link, hvor vi kan se problemet. Der kan være 1000 grunde til at det ikke virker, så det er meget hurtigere hvis vi kan finde den rigtige løsning første gang :o)

http://loewe-bose.dk/produkter/produkter.php?loewe

Loewe Mimo i midten skal længere op

Hvad med noget i den stil her:
<span style="position:absolute;top:0px;">

Naa, ok, der var jeg vist lidt hurtig.

hvad med et

vertical-align:top;

på hvert span ?

Dette var nok et tidspunkt hvor jeg ville benytte en <table> til opstillingen i stedet:

<div style='text-align:center;width:510px'>
<table>
<tr>
    <td>
            <span style='width:160px;margin:5px;padding:5px;border:1px solid #CCCCCC' onMouseOver='this.style.backgroundColor="#EAEAEA"' onMouseOut='this.style.backgroundColor="transparent"'>
                <a href='kategori.php?id=9' class='sort fed'>
                    <img src='../_grafik/billeder/thumb/produkter/11495889925102.jpg' alt='Se alle produkter inden for denne model - Klik her' style='border:none;width:100%;margin-bottom:5px'><br>
                    Loewe Individual
                </a>
            </span>
    </td>
    <td>
            <span style='width:160px;margin:5px;padding:5px;border:1px solid #CCCCCC' onMouseOver='this.style.backgroundColor="#EAEAEA"' onMouseOut='this.style.backgroundColor="transparent"'>
                <a href='kategori.php?id=12' class='sort fed'>
                    <img src='../_grafik/billeder/thumb/produkter/11495890903481.jpg' alt='Se alle produkter inden for denne model - Klik her' style='border:none;width:100%;margin-bottom:5px'><br>
                    Loewe Mimo
                </a>
            </span>
    </td>
    <td>
            <span style='width:160px;margin:5px;padding:5px;border:1px solid #CCCCCC' onMouseOver='this.style.backgroundColor="#EAEAEA"' onMouseOut='this.style.backgroundColor="transparent"'>
                <a href='kategori.php?id=10' class='sort fed'>
                    <img src='../_grafik/billeder/thumb/produkter/11495894956102.jpg' alt='Se alle produkter inden for denne model - Klik her' style='border:none;width:100%;margin-bottom:5px'><br>
                    Loewe Spheros
                </a>
            </span>
    </td>
</tr>
<tr>
    <td>
            <span style='width:160px;margin:5px;padding:5px;border:1px solid #CCCCCC' onMouseOver='this.style.backgroundColor="#EAEAEA"' onMouseOut='this.style.backgroundColor="transparent"'>
                <a href='kategori.php?id=7' class='sort fed'>
                    <img src='../_grafik/billeder/thumb/produkter/11495888701596.jpg' alt='Se alle produkter inden for denne model - Klik her' style='border:none;width:100%;margin-bottom:5px'><br>
                    Loewe Xelos
                </a>
            </span>
    </td>
    <td></td>
    <td></td>
</tr>
</table>
</div>

problemet er bare det er dynamisk, men hvis det ikke kan lade sig gøre med span'sne bliver jeg vel nødt til at arbejde med en tabel?

ja tabeller var nok den bedste løsning på problemet, undrer mig bare man ikke selv kan bestemme mere over span'sne... :S

smid et svar fennec, tak :)

Sorry... Havde ikke lige set, at du skreve, du havde prøvet med vertical-align:top

Men det virker da fint hos mig med vertical-align:top

Hvis det er udtræk fra en database kan du bruge "mod" kaldet (MOD i ASP, % i PHP) til at indsætte "</tr><tr>" ved hver 3 række:

Mener det er sådan her:
if counter MOD 3 = 0 then (ASP)
if(counter%3==0) (PHP)

.o) <-- One Eyed Jack

.. Hvis det endelig skal være, så ville jeg designmæssig holde dine span i samme brede/højde, også har dette problem faktisk løst sig selv :o)

ja men da billederne ikke har fast samme højde og der kan komme nogen der er højere end først antaget er det lidt svært at gætte hvilken højde span'sne skal være...

tror jeg har løst problemet med tabellen :) Tak for hjælpen

Det er derfor man opstiller nogle design kriterier. Her ville de så være at billeder max må have en vis højde/brede. Det er så op til brugeren at overholde disse krav. Evt gennem et billedkomponent at tjekke om billed overholder kravet, og hvis ikke resize den til acceptabel størrelse. Men det kan så give andre problemer, hvis man ændre layout på et senere tidspunkt :o)