webForumDet fria alternativet

css div för thumbnailplacering

2 svar · 196 visningar · startad av SDCd

SDCdMedlem sedan jan. 2001795 inlägg
#1

Då står man här och balanserar på css-träskets kant...
En fundering som jag har är, kan man på något smidigt sätt skapa div som automatiskt placerar sig under varandra om utrymmet är till höger för litet?

Tankeexempel:
Om man placerar 3st tumnagelbilder i varsin div som sedan placeras i en större div. Denna "container" div har en fixerad bredd. Om man nu lägger till en till tumnagelbild och den inte får plats bredvid de andra tre, skall den automatiskt placeras rakt under den första osv.
Om man nu skulle få för sig att öka bredden på "container" div, så att den 4:e bilden skulle få plats, skall den automatiskt placera sig bredvid bild nummer 3. osv osv

Någon som hänger med? :)

OlleBoopMedlem sedan feb. 20001 861 inlägg
#2

Ja!
Du kan tom skippa divarna och bara lägga ut bilderna "efter varandra".
Vill du ändå använda en div per bild måste du antingen "floata" den:

div.thumbnail {
    float: left;
}

eller omvandla den till ett inlinelement:

div.thumbnail {
    display: inline;
}
SDCdMedlem sedan jan. 2001795 inlägg
#3

Tack för hjälpen!
Hittade även denna artikel som kanske andra kan hjälpas av.
http://www.alistapart.com/articles/practicalcss/

130 ms totalt · 3 externa anrop · v20260731065814-full.91fd2ad2
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)