Hur får jag en bildtext att hänga ihop med bilden?

HTML & CSS

7 svar · 449 visningar · startad av lillebror 7 juli 2005

lillebrorMedlem sedan apr. 20041 597 inlägg

Frågan7 juli 2005 19:22#1

Hej,

Jag har en enkel fråga. Hur kan jag få bildtexten att lägga sig dikt an mot nederkanten av en bild i en artikel?

Bifogar en bild...

Tack på förhand :)

m_soderlundMedlem sedan sep. 20026 425 inlägg

7 juli 2005 19:24#2

Testat sätta margin/padding?

img { margin: 0; padding: 0; }

lillebrorMedlem sedan apr. 20041 597 inlägg

7 juli 2005 19:30#3

Så här blev det...

icaaqMedlem sedan okt. 20005 273 inlägg

7 juli 2005 19:43#4

Lägger du texten i en p kan du behöva ta bort eventuell margin-top och padding-top på den med.

mv icaaq

zcorpanMedlem sedan dec. 20042 245 inlägg

7 juli 2005 19:53#5

img { display:block; }

lillebrorMedlem sedan apr. 20041 597 inlägg

7 juli 2005 19:54#6

zcorpan skrev:
img { display:block; }

Vad gör display-block?

m_soderlundMedlem sedan sep. 20026 425 inlägg

7 juli 2005 19:57#7

Visar bilder som block-level-element och inte som inline. Elementen i HTML och XHTML är uppdelade i block-levelelement och inline-levelelement. Läs här: HTML 4.0 Block-Level Elements

zcorpanMedlem sedan dec. 20042 245 inlägg

8 juli 2005 08:11#8

HTML4's "block-level" och "inline-level" är helt separat från CSS's "display"-egenskap. Att de flesta inline-element genererar inline-boxar per default, och de flesta blockelement genererar block-boxar per default ändrar inte situationen. (Till exempel en TABLE är ett blockelement, men har "display:table" per default.)

"display:block" gör att elementet genererar en block-box. Mer om detta fenomen går att läsa i Tommys serie Block och inline. :)