Discussion:
Billede med tekstombrydning????
(for gammel til at besvare)
Martin
2004-06-29 11:10:35 UTC
Permalink
Hej Alle

Jeg har et billede jeg gerne vil have tekstombrydning omkring.
Billedet skal være placeret øverst i højre hjørne, og tekst skal
automatisk ombrydes omkring billedet. Billedet placeres som det
skal, men teksten skjules bag billedet, hvorfor jeg med råd
herfra har anvendt en boks med float, placeret under billedet,
som teksten ombrydes omkring. Desværre ”rykkes” boksen lidt rundt
så tekstombrydningen i nogen tilfælde forekommer meget tilfældig.
Kan man definere tekstombrydning på billedet, men stadig besvare
placeringen, øverst i højre hjørne?? Eller har nogen et bedre
løsningsforslag?? (Løsningen skal bruges til Outlook brevpapir)


<style type="text/css">
BODY, p {
background-color : White;
margin-left : 10pt;
margin-right : 0pt;
margin-top : 10pt;
margin-bottom : 0pt;
width : 100%;
}
</style>

<style type="text/css">
div.boks {
width: 100px;
height: 100px;
border: 1px solid black;
background: Yellow;
float:right;
}
</style>
<div class="boks"></div>

<img border="0" src="billede.gif" width="100" height="100"
style="position:absolute; top: 10px; right: 0px;">
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
Mark Jespersen
2004-06-29 11:50:30 UTC
Permalink
Post by Martin
Jeg har et billede jeg gerne vil have tekstombrydning omkring.
Billedet skal være placeret øverst i højre hjørne, og tekst skal
automatisk ombrydes omkring billedet.
Jeg tror, at denne lille kode kan gøre det:

<html>
<head>
<style type="text/css">
img {
width: 100px;
height: 100px;
border: 1px solid black;
float:right;
}
</style>
</head>

<body>

<img src="billede.gif">
<p>Skriv din tekst her.</p>

</body>
</html>

float-egenskaben tilegnes billedet. Hvis du har flere billeder, kan
du evt. give billedet i højre hjørne et id, f.eks. id="top". Så skal
du i stylesheet'et ændre img {...} til img#top {...}

Mvh. Mark.
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
Martin
2004-06-29 12:04:19 UTC
Permalink
Hej Mark

Tak for svaret! Det har løst noget af problemet. Nu ombrydes teksten
som den skal, desværre rykkes billedet stadig lidt rundt, det skal står
i øverste højre hjørne - det kan jeg ikke får det til?
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
Jane
2004-06-29 14:03:27 UTC
Permalink
Post by Martin
som den skal, desværre rykkes billedet stadig lidt rundt, det skal står
i øverste højre hjørne - det kan jeg ikke får det til?
Jeg har noget fast i de øverste hjørner på min hjemmeside
og benytter følgende css du er velkommen til at blive
inspireret af.

#topright {
position:absolute;
top: 50px;
right: 50px;
}

Tilgengæld ville jeg så lade teksten flyde til venstre
istedetfor at lade billedet flyde til højre.

Hilsen Jane
--
æbleskrog.dk
Loading...