/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Billede med tekstombrydning????
Fra : Martin


Dato : 29-06-04 12:11

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 (29-06-2004)
Kommentar
Fra : Mark Jespersen


Dato : 29-06-04 12:51

Martin wrote in dk.edb.internet.webdesign.html:

> 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 (29-06-2004)
Kommentar
Fra : Martin


Dato : 29-06-04 13:04

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 (29-06-2004)
Kommentar
Fra : Jane


Dato : 29-06-04 15:03

Martin skrev i <news:40e15ac3$0$23870$14726298@news.sunsite.dk>:

> 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

Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408937
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste