Avatar billede dotcom1 Nybegynder
02. oktober 2006 - 14:37 Der er 9 kommentarer og
2 løsninger

Positionering af div

Hej.

Jeg skal lave følgende layout: http://komfrisk.dk/test/position.jpg Hvordan gøres det nemmest? Jeg kan sagtens sætte float:left på billedet - det svære er at få teksten til at rykke ned midt ud for billedet.

Nogen idéer?

Mvh.
Avatar billede hingebjerg Nybegynder
02. oktober 2006 - 14:54 #1
er det meningen at teksten ikke skal være en del af billedet?
altså at du skriver teksten "udvikler af de lyse timer" i HTML?
Avatar billede dotcom1 Nybegynder
02. oktober 2006 - 14:58 #2
Ja, jeg lavede bare opstillingen i photoshop, for at illustrere. Teksten skal være html.
Avatar billede hingebjerg Nybegynder
02. oktober 2006 - 15:02 #3
okay. jeg ved du har skrevet det i kategorien CSS. men SKAL det være med css?

hvis du satte det ind i en tabel ville du i hvert fald få den øskede effekt.

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="20%"><img name="" src="" width="200" height="400" alt=""></td>
    <td width="80%"><p>Bliv udvikler<br>
      af de lyse timer! </p>    </td>
  </tr>
</table>
Avatar billede hingebjerg Nybegynder
02. oktober 2006 - 15:02 #4
ellers kan du med css måske bruge
Top-margin:XXpx;
til noget
Avatar billede hingebjerg Nybegynder
02. oktober 2006 - 15:03 #5
og det er self margin-Top:XXpx;
Avatar billede olebole Juniormester
02. oktober 2006 - 15:11 #6
<ole>

- og hvis det skal gøres i CSS:

<table style="border-collapse:collapse">
<tr>
    <td><img src="http://www.eksperten.dk/img/elogo.png"></td>
    <td style="font:36px/30px verdana,sans-serif;padding-left:12px">Bliv udvikler af<br>de lyse timer</td>
</tr>
</table>

/mvh
</bole>
Avatar billede dotcom1 Nybegynder
02. oktober 2006 - 15:21 #7
Jeg kan bruge begge forslag. Læg et svar, begge to. :)
Avatar billede hingebjerg Nybegynder
02. oktober 2006 - 15:30 #8
okay ;)
Avatar billede olebole Juniormester
02. oktober 2006 - 15:39 #9
- gerne  ;o)
Avatar billede dotcom1 Nybegynder
02. oktober 2006 - 15:47 #10
Tak for hjælpen. :)
Avatar billede olebole Juniormester
03. oktober 2006 - 09:06 #11
- og tak for points  =)
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