Avatar billede snuf Nybegynder
19. februar 2004 - 13:19 Der er 10 kommentarer og
2 løsninger

Tekst rundt om billede med DIV

Jeg har en kode der ser nogenlunde sådan her ud:

<div id="stor_box">
  <div id="foto"><img src="firkantet_foto.jpg"></div>
  <div id="tekst">Yada yada yada</div>
</div>

CSS´et:

#stor_box {
    width:500px;
    padding: 15px 15px 15px 15px;
}

#firkantet_foto {
    margin: 0px 5px 5px 0px;
}

#tekst {
    margin: 5px 5px 5px 5px;
    font-family: verdana;
    font-size: 11;
}

Fotoet er altså oppe i överste, venstre hjörne af 'stor_box'. Jeg vil imidlertid gerne have at teksten "smyger" sig rundt om fotoet (der er meget mere tekst end i eksemplet). Som det er nu, starter teksten under fotoet, mens den burde starte oppe på fotoets övre, höjre kant.

Kan dette göres uden brug af TABLE?

Behöver jeg overhovedet 'tekst'-DIV´en? Det fungerer heller ikke hvis jeg fjerner den.

Jeg uddyber gerne på opfordring.

På forhånd tak.
Avatar billede taskmgr Nybegynder
19. februar 2004 - 13:22 #1
Prøv:

#firkantet_foto {
    margin: 0px 5px 5px 0px;
    float:right;
}
Avatar billede snuf Nybegynder
19. februar 2004 - 13:32 #2
Jow jow...

Så hopper billedet over i höjre side af 'stor_box', og teksten smyger sig rundt til venstre for det. Men billedet skal stå i venstre side, så det er desvärre ikke nogen god lösning.
Avatar billede bearhugx Nybegynder
19. februar 2004 - 13:35 #3
snuf : jamen så float'er du da bare left i stedet ...

dvs.
#firkantet_foto {
    margin: 0px 5px 5px 0px;
    float:left;
}
Avatar billede snuf Nybegynder
19. februar 2004 - 13:39 #4
Ja! Det gör jeg da bare! Og det virker!

Synes nu at jeg havde prövet det, men åbenbart ikke...

Mange tak!
Avatar billede taskmgr Nybegynder
19. februar 2004 - 13:40 #5
Det er tilladt at tænke selv ;)
Avatar billede snuf Nybegynder
19. februar 2004 - 13:40 #6
BTW... Smider du lige et svar, bearhuqx?
Avatar billede taskmgr Nybegynder
19. februar 2004 - 13:40 #7
svar
Avatar billede taskmgr Nybegynder
19. februar 2004 - 13:42 #8
svar
Avatar billede taskmgr Nybegynder
19. februar 2004 - 13:42 #9
sorry
Avatar billede bearhugx Nybegynder
19. februar 2004 - 13:44 #10
taskmgr >> det var jeg også lige ved at skrive!!!

snuf >> jeg synes helt klart at det er taskmgr, som er kommet med løsningsmodellen til dette problem -- at der så er taget fejl af højre/venstre - det gør jeg sgu også en gang i mellem...

Men det er helt klart ham (hende?) som har løst dit problem og derfor bør have points - ikke jeg....
Avatar billede taskmgr Nybegynder
19. februar 2004 - 13:47 #11
bearhugx: Jeg syn's det burde være Eksperten's slogan... og jeg er i øvrigt en han :)
Avatar billede snuf Nybegynder
19. februar 2004 - 13:49 #12
Hvor ädelt, bearhuqx :o)
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