Avatar billede hansgeist Nybegynder
06. januar 2004 - 14:34 Der er 10 kommentarer og
1 løsning

Findes der noget css som svarer til <img align="left"

Hej

Jeg vil gerne have min tekst til at flyde til højre rundt om et billede og jeg vil ikke bruge en tabel. Da jeg ikke har adgang til at ændre i html koden på det pågældende dokument må jeg bruge css.

Findes der noget css der svarer til <img align="left" ???

Jeg har forsøgt mig med dette:

#left img {
    align: left;
    }

og så har jeg skrevet noget html i stil med dette:

<p id="left"><img src="...">tekst bla bla bla</p>

Men det løser ikke problemet for billedet kommer til at stå oven på tekstn og kun den første linie starter ud for billedets bund.

Har du et bud på en løsning?

Mv HansGeist
Avatar billede medions Nybegynder
06. januar 2004 - 14:42 #1
style="text-align: center:"

//>Rune
Avatar billede jefr Nybegynder
06. januar 2004 - 14:42 #2
Avatar billede bearhugx Nybegynder
06. januar 2004 - 14:44 #3
<p> <img src="billede.jpg" style="float:left;"> bla bla bla....</p>
Avatar billede medions Nybegynder
06. januar 2004 - 14:45 #4
bearhugx> Hvorfor er du aldrig på ICQ mere?

//>Rune
Avatar billede hansgeist Nybegynder
06. januar 2004 - 14:46 #5
Ok. Jeg har selv fundet på denne løsning. Kommenter hvis du mener at det er helt ude i skoven. Men det virker :-)

#venstre {
    position: static;
    float: left;
    margin-right : 20px;
    margin-bottom: 20px;
}

Html koden ser så nogenlunde sådan ud:

<div id="venstre"><img></div><p>tekst bla bla bla</p>
Avatar billede bearhugx Nybegynder
06. januar 2004 - 14:47 #6
Jeg kan simpelthen ikke holde styr i alle de chat-programmer - så jeg besluttede mig for kun at bruge ét - MSN Messenger - det kunne min mor også finde ud af, så nu chatter vi uproblematisk sammen...
Avatar billede hansgeist Nybegynder
06. januar 2004 - 14:48 #7
Ok medions. Din løsning ser mere enkel ud. Den prøver jeg lige.
Avatar billede bearhugx Nybegynder
06. januar 2004 - 14:50 #8
hansgeist >> to ting som ville hjælpe ....

1) gør det til en class - så kan du bruge definitionen flere steder (uden at have duplikeret ID'er)

2) sæt class'en direkte på img-tag'et, der er ikke grund til et div rundtom....

dvs.
.udeTilVenstre {
    float: left;
    margin-right : 20px;
    margin-bottom: 20px;
}

<p><img src=".." class="udeTilVenstre"/> tekst bla bla bla</p>

På denne måde får du også kommunikeret at billede hører til det givne afsnit, ved at det er et underelement der :-)
Avatar billede hansgeist Nybegynder
06. januar 2004 - 15:00 #9
text-align virker ikke desværre.

flot-left firker fint tak for det bearhugx.

;-) HansGeist
Avatar billede bearhugx Nybegynder
06. januar 2004 - 15:03 #10
HansGeist >> øhh ... tager proints selv ??? ...

Både jefr og jeg havde allerede foreslået float:left inden dit indlæg kom...

jeg undres...
Avatar billede hansgeist Nybegynder
06. januar 2004 - 15:07 #11
Hej bearhugx

Tak for rådet. Jeg kan godt følge dig, men jeg kan ikke komme til img tagen da den dukker op fra et pearl script som jeg ikke vil eller magter at pille ved.

Din løsning virker fint og jeg kan jo bare sætte den på alle billederne inden for min design div sådan:

#sidedesign img {
    float: left;
    margin-right : 20px;
    margin-bottom: 20px;
}

<div id="sidedesign"> <img src="..> <img src="..></div>

Tak for det.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester