Avatar billede doeboy Nybegynder
04. december 2003 - 12:30 Der er 12 kommentarer

text wrap om billed css

Hejsa eksperter
Jeg sidder og laver nogle udtræk fra database
hvor den kan ske at dukke billed op midt i teksten
hvordan laver jeg med css så at billeder automatisk
tekstombrydes  altså tekst vedsiden af og forsætter under billed
har prøvet  kigge på lidt      css tuts  men har intet fundet
Avatar billede cdc Novice
04. december 2003 - 12:33 #1
du kan kun højre eller venstre stille et billed i cellen, ikke midt i
Avatar billede cdc Novice
04. december 2003 - 12:36 #2
Avatar billede doeboy Nybegynder
04. december 2003 - 12:38 #3
jeg mener  noget ligende dette
xxxxx
_____ xxxxxx
Pic  | xxxxxxx
_____|xxxxxxxxx
xxxxxxxxxxxxxxx

altså  billedet  selv justere sig i forhold til tekst
Avatar billede doeboy Nybegynder
04. december 2003 - 12:44 #4
aah  ok 
men sætter jeg så  bare div tags rund om  database udtræk  noget ligende dette
<div id="picture">
<% = billed(nyhed.Fields("indhold"))%>
</div>

og så laver denne i cssen
#picture {
    float:left;
    width: 100px;
Avatar billede cdc Novice
04. december 2003 - 12:47 #5
noget lignende ja, så smider du evnt en margin på så det bliver luft mellem text og billed
Avatar billede doeboy Nybegynder
04. december 2003 - 13:18 #6
Hvis du vil have points kan du lige smide svar =)
Avatar billede sx-power Nybegynder
07. oktober 2004 - 09:50 #7
CSS FIL:
img.float {
float:left;
}
p.margin {
margin-left: 1cm
}

HTML/PHP/ASP/... FIL:

<img class="float" width="100" src="billede.jpg">
<p class="margin">text text text</p><br><br><br><br><br>
<p>text efter pic</p>

ps: <br> er bare for at vise hvad du skal gøre efter billedet, for at teksten ikke bliver ude i den margin
Avatar billede sx-power Nybegynder
07. oktober 2004 - 09:52 #8
undskyld :s forkert svar, kommer med rigtigt, med margin om lidt
Avatar billede sx-power Nybegynder
07. oktober 2004 - 09:54 #9
img.float {
float:left;
margin-right: 8px
}

<img class="float" width="100" src="billede.jpg">
<p>text text text</p>

sådan, nu er den korrekt
Avatar billede sx-power Nybegynder
07. oktober 2004 - 09:55 #10
hele tiden mangler en detalje, undskyld ulejligheden
Avatar billede sx-power Nybegynder
07. oktober 2004 - 09:56 #11
#picture {
    float:left;
    width: 100px;
    margin-right: 8px;


<div id="picture">
<% = billed(nyhed.Fields("indhold"))%>
</div>
Avatar billede sx-power Nybegynder
07. oktober 2004 - 09:57 #12
ved godt det ikke var mig der hjalp først, men jeg kan godt lide at hjælpe folk
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