webForumDet fria alternativet

css div för thumbnailplacering

HTML & CSS

2 svar · 196 visningar · startad av SDCd

Medlem sedan jan. 2001795 inlägg
Frågan#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? :)

Medlem 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;
}
Medlem 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/

272 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
130 ms — deklarationer (db)
0 ms — hämta statistik (cache)
140 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)