/ 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
Tekstopbrydning omkring billede med CSS - ~
Fra : Henrik Arvedsen


Dato : 08-12-06 13:04

Jeg er ved at lave følgende site:
http://www.henrikarvedsen.com

Mit problem er, at billedet og teksten står for tæt. Både billede
og tekst er indsat i samme boks #content.
Billedet er indsat i html-filen på gammeldags manér, som jeg
helst skulle væk fra.

Hvorledes kan problemet løses med CSS, således at teksten flyder
omkring billedet med en større margin?

Jeg har læst en række andre indlæg i forummet omkring nogenlunde
samme problem, men fandt ikke svaret.

Med venlig hilsen
Henrik Arvedsen

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Ukendt (08-12-2006)
Kommentar
Fra : Ukendt


Dato : 08-12-06 15:53


"Henrik Arvedsen" <mail@nettradeinvest.dk> skrev i en meddelelse
news:45795493$0$49197$14726298@news.sunsite.dk...
> Jeg er ved at lave følgende site:
> http://www.henrikarvedsen.com
>
> Mit problem er, at billedet og teksten står for tæt. Både billede
> og tekst er indsat i samme boks #content.
> Billedet er indsat i html-filen på gammeldags manér, som jeg
> helst skulle væk fra.

Sådan indsætter man nu engang billeder som har betydning for indholdet. Rent
designmæssig grafik kan man med fordel indsætte ved hjælp af CSS, men ikke
aktuelt her:

men fjern formateringen fra html koden, så der står følgende tilbage

<img src="images/henrik5.jpg" alt="Henrik Arvedsen / henrikarvedsen.com"
height="267" width="200">

Godt du har husket den alternative tekst, men du bør give billedet en title
også, for at undgå at IE 6 fejlagtigt viser den alternative tekst som title.
Skal billedet ingen titel have efterlader du det blot tomt, altså sådan her:

<img src="images/henrik5.jpg" alt="Henrik Arvedsen / henrikarvedsen.com"
title="" height="267" width="200">

> Hvorledes kan problemet løses med CSS, således at teksten flyder
> omkring billedet med en større margin?

du skal så bruge følgende css:

#content img {
float: left;
margin-right: 20px; /* eller anden ønsket margin */
border: 1px solid black;
}

> Jeg har læst en række andre indlæg i forummet omkring nogenlunde
> samme problem, men fandt ikke svaret.

Dette er som sådan ikke et forum, men en nyhedsgruppe, og vær derfor
opmærksom på alle ikke læser via html.dk . Man kan søge i disse grupper
via eksempelvis google ved at vælge "Grupper"

God fornøjelse


--
Med venlig hilsen - Carsten Sørensen

Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste