Avatar billede SimonBStoevring Nybegynder
12. januar 2011 - 17:23 Der er 9 kommentarer og
1 løsning

Justér billede til venstre og fortsæt tekst

Hej,

Jeg prøver på at justere et billede i blandt noget tekst til venstre og så skal teksten fortsætte ned ved siden af billedet, som er 50 pixels bredt.

Jeg kan ikke få det til at virke ordentligt. Her er mit forsøg med en almindelig align="left" og det ved jeg naturligvis godt, at det ikke vil virke, men hvordan kan jeg så få teksten til at fortsætte ned?

http://mbftp.dk/beta/test.php

Jeg håber, at I kan hjælpe mig.
Avatar billede SimonBStoevring Nybegynder
12. januar 2011 - 17:27 #1
Teksten og billedet er forresten i et div-objekt, som jeg ikke kender højden på. Det gør det noget kun sværer, synes jeg.
Avatar billede michael_stim Ekspert
12. januar 2011 - 18:33 #2
Først og fremmest skal det være HTML med en gyldig doc type. Derefter kan du f ex lægge det i en div med float: left;
Avatar billede SimonBStoevring Nybegynder
12. januar 2011 - 19:26 #3
michael_stim, jeg har lige prøvet og det giver mig det samme. Kan jeg få dig til at give et eksempel?
Avatar billede DGudiksen Nybegynder
12. januar 2011 - 19:49 #4

<div id="site">
  <div id="billede" style="float: left;">
    <img src="dit.billede">
  </div>
  <div id="content_text" style="float: left; width: auto;">
  <p>Her kommer alt min tekst</p>
  </div>
</div>


Burde virke, hvis du har sat korrekte doctypes, valideret siden osv..
Avatar billede SimonBStoevring Nybegynder
12. januar 2011 - 20:13 #5
DGudiksen, det ser ud til kun at virke, når ikke teksten bliver længere end div-objektet. Det er lidt ærgerligt. Min dictype er HTML 4.01 strict, men jeg har prøvet de andre.
Avatar billede DGudiksen Nybegynder
12. januar 2011 - 20:30 #6
http://www.tizag.com/cssT/float.php

muligvis at det kunne bruges?
Avatar billede SimonBStoevring Nybegynder
12. januar 2011 - 20:37 #7
DGudiksen, jeg tror, at jeg har fået det til at virke med din version ved at sætte bredden til 90%. Det tror jeg ikke, giver problemer.

Det jeg så ikke helt kan finde ud af er, hvordan jeg får hver enkelt til at reagere som et samlet div. Så jeg kan smide en <hr /> ind i mellem. Du kan se, at jeg har lagt en ind nu, men den ligger til højre for den første forekomst. Den skulle gerne adskille de to.
Avatar billede DGudiksen Nybegynder
12. januar 2011 - 20:44 #8
prøv lige at smid din kode herind, så jeg kan se den :=)
Avatar billede SimonBStoevring Nybegynder
12. januar 2011 - 20:53 #9
DGudiksen, jeg har lige fået det til at virke ved at bruge et 1 pixel højt div-objekt i stedet for en hr. Nu ser det ud til at virke. Du kan se koden på

http://mbftp.dk/beta/test.php

Mange tak for hjælpen :-)
Avatar billede DGudiksen Nybegynder
12. januar 2011 - 20:54 #10
det var så lidt :=)
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