Just nu i M3-nätverket
Jump to content

bilder i text?


Bullo

Recommended Posts

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

 

Link to comment
Share on other sites

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

 

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

M.V.H. Zyndrof.NET

 

Link to comment
Share on other sites

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?

 

Link to comment
Share on other sites

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

 

 

Link to comment
Share on other sites

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.)

 

Link to comment
Share on other sites

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.

 

 

Link to comment
Share on other sites

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.

 

Link to comment
Share on other sites

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

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...