---
title: "Storlek på <div> med bildlänkar i"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/125143-storlek-på-div-med-bildlänkar-i"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mmmMange"
published: "2005-03-25T21:18:55.000Z"
updated: "2005-03-28T11:58:09.000Z"
replies: 7
views: 457
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/125143-storlek-på-div-med-bildlänkar-i"
---

# Storlek på <div> med bildlänkar i

## #1 — mmmMange, 2005-03-25T21:18Z

Har en \<div\> som innehåller ett par andra \<div\>'ar, som i sin tur innehåller ett par bildlänkar. Problemet är att div'arna inte ändrar storlek beroende på antalet/storleken på bildlänkarna... Har satt display: block på länkarna, men det hjälpte inte...

Såhär ser det ut alltså:

\<div id="thumbnails"\>
  \<div class="row"\>
    \<a\>\<img\>\</a\>
    \<a\>\<img\>\</a\>
    \<a\>\<img\>\</a\>
  \</div\>

  \<div class="row"\>
    \<a\>\<img\>\</a\>
    \<a\>\<img\>\</a\>
    \<a\>\<img\>\</a\>
  \</div\>

  \<div class="row"\>
    \<a\>\<img\>\</a\>
    \<a\>\<img\>\</a\>
    \<a\>\<img\>\</a\>
  \</div\>
\</div\>

Verkar som att row-divarna bara blir typ 1pixel höga och 100% breda, istället för att anpassa sig efter storleken på bilderna... Dett får till följd att thumbnails-diven också blir 100% bred, och alltså inte kan centreras (varken med \<center\> eller text-align: center. Kan inte ange en fast bredd på något heller, eftersom innehållet är dynamiskt, det tillkommer nya bilder och antalet bilder per rad kan ändras osv. 

Så hur göra för att lösa problemet?

Permalänk: https://www.webforum.nu/p/125143

## #2 — Karlsson, 2005-03-25T21:39Z

Varför inte float:a bilderna så att dom automatiskt byter rad när det inte längre finns plats?

Permalänk: https://www.webforum.nu/p/1580345

## #3 — mmmMange, 2005-03-25T21:49Z

Eftersom man skall kunna variera antalet bilder som visas på varje rad (genom en GET-parameter till ett PHP-skript) så kan de helt enkelt inte bara ligga bredvid varandra... 

Men för att återgå till problemet: VARFÖR påverkas inte höjden på row-divarna av innehållet?? Det borde de väl göra...?

Permalänk: https://www.webforum.nu/p/1580349

## #4 — Karlsson, 2005-03-25T22:15Z

Ja, naturligtvis. Såvida du inte använder koden du visar i första inlägget.

Permalänk: https://www.webforum.nu/p/1580359

## #5 — Insider, 2005-03-25T23:09Z

Testa med en lista istället. Det blir snyggare då och du slipper säkert problemet.

```
HTML:
<ul>
<li><a href="#"><img src="#" /></a></li>
<li><a href="#"><img src="#" /></a></li>
<li><a href="#"><img src="#" /></a></li>
</ul>

CSS:
li {
list-style-type:none;
display:inline;
}
```

Permalänk: https://www.webforum.nu/p/1580370

## #6 — jarvklo, 2005-03-27T20:14Z

Hmm..

Problemet måste ligga i din CSS för det är då inga problem med att få den HTML-kod du visar upp att göra som du vill ;)

Tycker det låter som om bilderna (eller något element som de ligger i) kan tänkas ligga utlagda via CSS med antingen "float" eller "position" så att de hamnar "i ett eget flöde"

Har du en länk till sidan så att man kan se *hela* HTML + CSS - koden ?

Permalänk: https://www.webforum.nu/p/1580902

## #7 — mmmMange, 2005-03-27T23:29Z

Här är några länkar till sidan och stilmallarna (eftersom sidan använder två stilmallar. 

Sidan:
<http://a-ringen59.homeip.net/photoalbum/photoalbum.php5?userid=1&layout=1>

Stilmall 1 (egentligen bara .roundbox som används från denna stilmall, har jag för mig):
<http://a-ringen59.homeip.net/photoalbum/css/mainstyle.css>

Stilmall 2:
<http://a-ringen59.homeip.net/photoalbum/css/photoalbum1.css>

Permalänk: https://www.webforum.nu/p/1580965

## #8 — mmmMange, 2005-03-28T11:58Z

Kom på att jag använde en annan stilmall också, och i den hade jag satt float: left i klassen .roundbox. Men om jag tar bort float: left; så hamnar ju bilderna på varsin rad... kan man få tabeller att hamna bredvid varandra utan att använda float?

Permalänk: https://www.webforum.nu/p/1581058

---

Tråden på webben: https://www.webforum.nu/amne/html-css/125143-storlek-på-div-med-bildlänkar-i