webForumDet fria alternativet

Text bredvid bild

HTML & CSS

5 svar · 444 visningar · startad av Choronzon

Medlem sedan aug. 20011 346 inlägg
Frågan#1
<span class="tCollection"><img style="float:right" src="testa.jpg">Lorum</span><br /><a href=Test6.jsp?a=1&ampb=34" class="readMore">L&auml;s mer »</a></td>

Effekten verkar bli den jag önskar, nämligen att texten ska vara till vänster och bilden höger, men är det rätt syntax? Känns lite konstigt att ange bilden först..

Medlem sedan feb. 20011 198 inlägg
#2

Syntax

Fungerar inte detta?

Lorum<img src="testa.jpg">
Medlem sedan aug. 20011 346 inlägg
#3

Re: Syntax

yohpops skrev:

Fungerar inte detta?

Lorum<img src="testa.jpg">

jo antagligen :OO

Men hade det varit frågan hade jag nog skrivit så från början

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In nec dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Cura <img src="testa.jpg">

funkar däremot inte för mig.

men strunt samma, jag gör en td till...

Medlem sedan okt. 20005 273 inlägg
#4

Re: Text bredvid bild

Choronzon skrev:

<span class="tCollection"><img style="float:right" src="testa.jpg">Lorum</span><br /><a href=Test6.jsp?a=1&ampb=34" class="readMore">L&auml;s mer »</a></td>

Effekten verkar bli den jag önskar, nämligen att texten ska vara till vänster och bilden höger, men är det rätt syntax? Känns lite konstigt att ange bilden först..

Fungerar det? isf tycker jag inte att det ser konstigt ut att du har bilden på fel sida om texten.

Det jag dock tycker ser lite konstigt ut är att du lagt en bild (block-element) i en span (inline-element). Jag hade nog lagt allt i en div. Men nu kanske jag är ute på tunn is, rätta mig någon, om jag har fel. :)

mv icaaq

Medlem sedan aug. 20011 346 inlägg
#5

Re: Re: Text bredvid bild

icaaq skrev:

Choronzon skrev:

<span class="tCollection"><img style="float:right" src="testa.jpg">Lorum</span><br /><a href=Test6.jsp?a=1&ampb=34" class="readMore">L&auml;s mer »</a></td>

Effekten verkar bli den jag önskar, nämligen att texten ska vara till vänster och bilden höger, men är det rätt syntax? Känns lite konstigt att ange bilden först..

Fungerar det? isf tycker jag inte att det ser konstigt ut att du har bilden på fel sida om texten.

Det jag dock tycker ser lite konstigt ut är att du lagt en bild (block-element) i en span (inline-element). Jag hade nog lagt allt i en div. Men nu kanske jag är ute på tunn is, rätta mig någon, om jag har fel. :)

mv icaaq

Japp verkar faktiskt funka!

<table width="500" border="0" cellpadding="0" cellspacing="0">
	<tr class="whiteBg">
		<td valign="top" width="500">
		<span class="Bold">Utveckling av kvalitetsprodukter</span><br />
		<span class="Collection"><img style="float:right" src="http://images.google.com/images?q=tbn:C_jZdt9cBccJ:[url]www.nottingham.ac.uk/icons/top-level/xmas-card-trent-thumbnail.gif[/url]">Vi utvecklar och marknadsf&ouml;r kvalitetsprodukter av h&auml;stfolk f&ouml;r h&auml;stfolk!</span><br /><a href="#" class="readMore">L&auml;s mer »</a></td>
	</tr>
</table>
Medlem sedan feb. 2003774 inlägg
#6

Re: Re: Text bredvid bild

icaaq skrev:

Choronzon skrev:

<span class="tCollection"><img style="float:right" src="testa.jpg">Lorum</span><br /><a href=Test6.jsp?a=1&ampb=34" class="readMore">L&auml;s mer »</a></td>

Effekten verkar bli den jag önskar, nämligen att texten ska vara till vänster och bilden höger, men är det rätt syntax? Känns lite konstigt att ange bilden först..

Fungerar det? isf tycker jag inte att det ser konstigt ut att du har bilden på fel sida om texten.

Det jag dock tycker ser lite konstigt ut är att du lagt en bild (block-element) i en span (inline-element). Jag hade nog lagt allt i en div. Men nu kanske jag är ute på tunn is, rätta mig någon, om jag har fel. :)

mv icaaq

Bilder är normalt inline, och nu är bilden dessutom en float och ligger helt utanför sidans "flow". Så detta är ok.

Och för att svara Choronzons fråga, om syntaxen är rätt, så är svaret ja.

253 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)