Positionera bild bredvid text med CSS

Om jag har en text som ser ut så här:

          Text text
          Text text

          #########
          #########
          #En bild#
          #########
          #########

          Text text
          Text text
          Text text

Hur gör jag då med CSS för att positionera bilden så här:

          Text text
          Text text

######### Text text
######### Text text
#En bild# Text text
#########
#########

Alltså, förflytta bilden så den lägger sig vänster om texten och samtidigt ska efterstående textstycke flyttas upp. Jag har testat med position:relative på bilden med ett negativt värde, och då flyttas bilden dit jag vill, men det blir ju bara ett stort tomrum där bilden "skulle varit".

Ja du... det finns nog flera sätt.

Ett kan ju vara att du lägger bilden som float:left och sedan kanske joxar med texten genom att formatera p-taggen med t.ex. margin-left:100px eller nåt....

"floatar" du bilden kanske du vill ha lite marginal åxå.....

Varför ska du ha lager ? Duger inte gammla goda, hederliga tabeller ?

<table>
<tr>
<td>

<table>
<tr>
<td hight="xx">
<!--avstånd ovanför bilden-->
</td>
<td>
<img src=....>
</td>
</table>

</td>
<td>

<table>
<tr>
<td>
första text bla bla bla
</td>
<td hight="xx">
<!-- avstånd mellan texter-->
</td>
<td>
andra text bla bla bla
</td>
</table>

</td>
</tr>
</table>

(OBS denna tabeln är helt gjord på frihand och behöver skysteras en del, men jag hoppas du fattar i alla fall.)

Menar du något liknande detta?

.bildtext img{
	float: left;
	padding-top: 50px;	
}
<div class="bildtext"><p><img  src="dinbild.jpg" alt="" />Text text text text
 text Text text text text text 
Text text text text text  </p></div>

Tabeller är varken goda eller hederliga i designväg, gamla kan du däremot få.
Varför skulle man vilja designa en sida med en tagg som är tillför uppmärkning av tabulerad data? Det låter jättedumt när det faktiskt finns bra alternativ till det.
För att inte tala om användavänlighets- och åtkomstproblem som tabelldesigner kan skapa. Dessutom har fortfarande vissa webläsare problem med inkrementell rendering av tabeller.

Alltså jättedumt att lösa det hela med tabeller.

Mr T skrev:

Varför ska du ha lager ? Duger inte gammla goda, hederliga tabeller ?

<table>
<tr>
<td>

<table>
<tr>
<td hight="xx">
<!--avstånd ovanför bilden-->
</td>
<td>
<img src=....>
</td>
</table>

</td>
<td>

<table>
<tr>
<td>
första text bla bla bla
</td>
<td hight="xx">
<!-- avstånd mellan texter-->
</td>
<td>
andra text bla bla bla
</td>
</table>

</td>
</tr>
</table>

(OBS denna tabeln är helt gjord på frihand och behöver skysteras en del, men jag hoppas du fattar i alla fall.)

colione skrev:

Tabeller är varken goda eller hederliga i designväg, gamla kan du däremot få.
Varför skulle man vilja designa en sida med en tagg som är tillför uppmärkning av tabulerad data? Det låter jättedumt när det faktiskt finns bra alternativ till det.
För att inte tala om användavänlighets- och åtkomstproblem som tabelldesigner kan skapa. Dessutom har fortfarande vissa webläsare problem med inkrementell rendering av tabeller.

Alltså jättedumt att lösa det hela med tabeller.

Hehe...jag håller med helt i det här fallet trots att jag inte alls tycker att det är fel med tabeller i komplicerade layouter eftersom CSS tyvärr inte klarar en del "självklara" grejer. Jättedumt.

Men jag måste fråga: vad 17 är "inkrementell" rendering? Är det ett påhittat ord? Och om det finns nåt som heter så, vad är det för webbläsare som har svårt för det? Låter nästan jättedumt tycker jag. :)

Men jag måste fråga: vad 17 är "inkrementell" rendering? Är det ett påhittat ord? Och om det finns nåt som heter så, vad är det för webbläsare som har svårt för det? Låter nästan jättedumt tycker jag. :)

http://guider.idg.se/glossary/view.jsp?id=1047779692330131408&url=area=i

mv icaaq

Danne V

Exempel på det kan du se på din sida... i FF om någon behöver zooma

I detta fallet innebär det att webbläsare inte kan visa en tabell förrän hela tabellen, med alla data, är laddad. En inkrementell laddning av en tabell visar de inladdade cellerna direkt.

icaaq, tanten och coilone;

Tackar!

Fast jag hade ju svarat fel... :-) måste ju påpekas, men kanske det ändå ger lite till de som funderar på att använda tabeller till design, förutom det som colione skrev förstås som är mycket viktigare.

tanten skrev:

Fast jag hade ju svarat fel... :-)

Noterade nåt konstigt, men lät det passera. Dagens motto är "var snäll".