Dynamisk billedstørrelse

Prøv at ændre vinduesbredden og se hvad der sker.

Ingen skalering

[Demo] <img src="tree.jpg" width="300" height="183" alt="[Demo]">

Billedet bør have konstant størrelse.

 

Skalering med HTML

[Demo] <img src="tree.jpg" width="50%" alt="[Demo]">

Billedet bør fylde ca. halvdelen af den gule boks i bredden.

 

Skalering med CSS

[Demo] <img src="tree.jpg" style="width: 50%" alt="[Demo]">

Billedet bør fylde ca. halvdelen af den gule boks i bredden.

 

Skalering efter skriftstørrelse

[Demo] <img src="tree.jpg" style="width: 10em" alt="[Demo]">

Skift skriftstørrelse i browseren for at se størrelsesændring af billedet. Billedet bør være proportionalt med skriftstørrelsen.

 

Skalering i fast boks

[Demo] <img src="tree.jpg" width="50%" alt="[Demo]">

Boksen bør have fast størrelse. Billedet bør have konstant størrelse.

 

Skalering i tabel

[Demo] <img src="tree.jpg" width="50%" alt="[Demo]">

Det er svært at sige hvad der bør ske her.

Billedbredden er afhængig af tabelbredden.

Tabelbredden er afhængig af billedbredden.

 

Toke Eskildsen
darkwing@daimi.au.dk
17. maj 2003