webForumDet fria alternativet
Logga in / Bli medlem

Anpassa text till bild?

HTML & CSS

1 svar · 455 visningar · startad av Lona

Medlem sedan apr. 200812 inlägg
Frågan#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.

391 ms totalt · 4 externa anrop · v20260731065814-full.5386d3bf
125 ms — deklarationer (db)
132 ms — hämta statistik (db)
127 ms — hämta tråd, inlägg och bilagor (db)
130 ms — ändringar (db)