Hvordan skriver mann tekts rundt eit bilde ?

[albions]

Hvordan skriver mann tekts rundt eit bilde ? Teksten min blir enten under eller over bildet

[Jooakim]

Du må sette som background-image.

 

<p class="xx">Tekst</p>

 

CSS:

 

.xx {

height: bildets høyde;

width: bildets bredde;

background: url("bilde.jpg") no-repeat;

}

[albions]

Du må sette som background-image.

 

<p class="xx">Tekst</p>

 

CSS:

 

.xx {

height: bildets høyde;

width: bildets bredde;

background: url("bilde.jpg") no-repeat;

}

 

Takker og bukker

[Nano-]

Bakgrunnsbilde? Da kommer jo teksten over bildet, sikker på at du ikke heller vil ha teksten over, under og på siden?

<div>
<img src="noe.jpg" title="høne" id="bilde" />
<p>Lorem ipsum osv</p>
</div>

#bilde {
float: right;}

Utestet

[Jooakim]

Jeg skjønte ikke helt det med "rundt et bilde", men om det er på siden av det, er det jo like greit å skrive <p>Tekst<img src="xx.jpg alt="xx"" />Tekst</p>

[Wackamole]

Jeg skjønte ikke helt det med "rundt et bilde", men om det er på siden av det, er det jo like greit å skrive <p>Tekst<img src="xx.jpg alt="xx"" />Tekst</p>

Nei?

 

enkle måten

<img src="stitilbilde.jpg" align="left">

litt mer avansert men bedre:

#HTML
<img src="stitilbilde.jpg" class="img">
#CSS
.img {
float: left;
}

 

align & float kan man bruke right også, bare bytt det ut med left

[Jooakim]

Ah, da skjønner jeg hva han mener. Jeg personlig ville ha gjort det slik:

<img src="xx.jpg" class="right" alt="xx" />
<img src="xx.jpg" class="left" alt="xx" />

I CSS:

.right { 
float: right;
margin: 3px;
}

.left { 
float: left;
margin: 3px;
}

[AnaXyd]

Bruk av margin er viktig her.. Siste eksempelet er best!