div element eller table

Prøv at erstatte <div style="height=100px; width=100px"> med <div style="height:100px; width:100px;">

det virker ikke:

<html>
<head>
</head>
<body>
    <div style="height:10px; width:10px; border-style:1px">
        <img src="http://www.google.dk/images/hp0.gif">
    </div>
</body>

</html>

Aha...prøv med den her - den skulle ikke ændre størrelsen på dit <div>:
<html>
<head>
</head>
<body>
<div style="height:100px; width:100px; background-image:url(hp0.gif); background-repeat:no-repeat;"></div>
</body>
</html>

hep - glemte lige 1px border:

<html>
<head>
</head>
<body>
<div style="height:100px; width:100px; border: 1px solid black; background-image:url(hp0.gif); background-repeat:no-repeat;"></div>
</body>
</html>

det virker på den måde men jeg ville helst have at jeg kunne indsætte billedet mellem <div></div>. Hvis der nu skal indsætte flere billeder + tekst osv.

<ole>

- og hvad ønsker du skal ske, hvis billede+tekst kommer til at fylde for meget i forhold til div'ets størrelse?

Derudover er det sjældent smart at undvære dimensioner på billeder. Specielt IE ligner en kollikramt gnu i dødskramper, når den loader, hvis der ikke explicit er sat størrelser på sidens billeder.

/mvh
</bole>

Jep, jeg er enig med olebole (og dog er jeg ikke sikker på jeg ville være i stand til at spotte en kollikramt gnu, hvis den lå i dødskramper :-) )

Problemet ligger i kategorien "det-kan-lade-sig-gøre-men-ser-uterligt-ud" - med mindre du virkelig VIL have en fast bredde og højde uanset størrelsen på billedet (du kan jo altid tilføje flere <div>-tags med nye baggrundsbilleder eller tekst) så ville jeg anbefale at at lave thumbnails af billederne (med ens dimensioner) og så evt. linke til billedet i fuld størrelse.

Ja, én ting er selve opførslen under loading (som var det, jeg henviste til) ... en helt anden er, at det som oftest ser _meget_ grimt ud, når man resizer et billede i HTML/CSS (som boomshanka ganske rigtigt anfører).

Hele idéen med at lave thumbnail-billeder (små versioner, man kan klikke på og se det samme i stor størrelse) er, at man så undgår at downloade de store billeder på én gang - men først downloader dem enkeltvis, når de skal bruges.
At downloade alle de store billeder på én gang er vel nærmest at sidestille med 'brugertortur'  :)

Under alle omstændigheder bør billeder altid have de dimensioner, de skal vises i på en HTML-side.

hejsa selvom det ser kikset ud så skal der være fast/brede plus højde på div elementet. Og hvis billedet eller teksten er for stort så skal den formindskes så den kan være i div elementet. Det gør ikke noget hvis det ser kikset ud.

jeg fandt selv ud af det så tager  mine point igen. Løsningen på dette er at tilføje overflow: hidden; i div elementet.