Anpassa text till bild?

HTML & CSS

1 svar · 459 visningar · startad av Lona

Medlem sedan apr. 200812 inlägg
Trådstart#1

Hur gör man smartast/lättast för att få en bildtext att alltid vara i rätt position i förhållande till bilden?
Jag vill alltså kunna ha en sida med vanlig text + en bild med tillhörande text (tex vem som fotat bilden) och att bildtexten då följer bilden oavsett skärmupplösning.
Om nu någon fattar vad jag menar... :OO .

Medlem sedan aug. 20039 340 inlägg
#2

Här är en bra utgångspunkt:

<style type="text/css">
.imageinfobox{
	float:right;
	border: 1px solid gray;
}

.imageinfobox img{
	display: block;
}
</style>

<div class="imageinfobox">
<img src="http://www.webforum.nu/images/wfstandard/logo_webforum.gif" />
Designer: Efraim Efraimsdotter
</div>Texten följer här...

Sen finns det en massa saker du kan göra med CSS för att få det att se snyggare ut. Vill du att bilden ska flyta på vänster sida, ändra float:right till float:left.

277 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
139 ms — hämta tråd, inlägg och bilagor (db)
134 ms — ändringar (db)