bilder i text?

[Bullo]

Om man har en lång text, hur gör man då för att kunna placera en bild var man vill, och dessutom få texten att flyta runt bilden (som en textwrap)?

 

tacksam för svar!

FL

 

[Zyndrof.NET]

Det går om du använder layer men det finns säkert något bättre sätt...

 

----------------------------------------------------

M.V.H. Zyndrof.NET

 

[Bullo]

På vilket sätt menar du då? Att göra en stor layer där all text skrivs, och som dessutom innehåller en liten layer med bilden? Hur får man då texten att flyta runt layern? Den hamnar ju bakom.

 

Eller syftar du på att man ska göra många små layers så att det blir som ett pussel på hela sidan? Hur får man i så fall texten att länkas mellan layersen?

 

[dotgif]

Hej!

 

Du kan använda dig av standard html taggar. Om du t ex anger "ALIGN" på IMG taggen så kan du få texten att flyta, e g

<table width="500" cellspacing="0" cellpadding="0" border="0">
<tr valign="top">
	<td>
	<p>
	<img src="bild.gif" align="right" width="200" height="20" hspace="0" vspace="0">
	lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
	lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
	lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
	</p>
	</td>
</tr>
</table>

 

Mvh

 

Jimmy

 

 

[Bullo]

Men hur gör jag då för att få texten marginaljusterad? Det kommer ju alltid bli en redbrytning mellan den texten som är över bilden, och den som är jämte bilden (eftersom man måste lägga in koden för bilden mitt i själva texten.)

 

[Nilsson]

Jag skulle pyssla med styles och dess span tagg med attribut position: relative; men det blir iallafall en himla massa pyssel. Vad jag vet finns ingen motsvarighet till layout-programmens figursättning. Om det var det du var ute efter...

Är det bara till vänster eller höger du skall ha bilden kan du använda float.

 

 

[Bullo]

Skulle man kunna få lite kodexempel? Både på float och det andra du nämde =)

 

Är inte så bekant med något av dessa verktyg dessvärre.

 

[Nilsson]

Något så här...

 

<span style="position: relative; left: 10px; width: 100px; height: 40px;">Text

</span><br />

<span style="position: relative; left: 20px; width: 90px; height: 40px;">

Text</span> <img src="bild.jpg" style="width: 50px;"/>

<span style="position: relative; width: 90px; height: 40px;">Text</span>

 

Du får testa dig fram.

Lite förtydligande.

<span> istf <div> blocksätter inte alltså du slipper extra radbrytningar.

<relative> behåller texten i sitt flöde.

sedan får du jobba med bredder, höjder, left, right, top... ja vad du nu behöver.

Ett himla pyssel blir det iallafall och jag vet inget sätt att få texten att flöda naturligt mellan boxarna, såsom i layout-programmen.

Läs mer på http://www.w3.org/TR/1998/REC-CSS2-19980512/visuren.html.

Här hittar du även float-attributet

 

Lycka till med pysslet. //Ch