"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