Avatar billede noodrem Nybegynder
07. maj 2006 - 12:21 Der er 12 kommentarer og
3 løsninger

Positionering af element

Hej

Er det muligt at få billeder positioneret uafhængigt af tekst, altså så positioneringen af billedet ikke medfører at teksten rykkes ned?

Eksempel:

Tekst                                    Billede
Tekst
Tekst

Som i eksemplet at smide billedet derude, uden at det medfører at teksten under billedet rykkes ned således:

Tekst                                    Billede
                                         



Tekst
Tekst

Hvor mellemrummet mellem Tekst og Tekst er det som billedet fylder.
Avatar billede schwarz84 Nybegynder
07. maj 2006 - 12:31 #1
Tables er det oplagte og mest korrekte valg her:

<table>
<tr>
<td>
her skriver du teksten
</td>
<td>
Her indsætter du billedet
</td>
</tr>
</table>
Avatar billede noodrem Nybegynder
07. maj 2006 - 12:33 #2
Selvfølgelig :)
Avatar billede softspot Forsker
07. maj 2006 - 12:34 #3
Alternativt kan du sætte align på billedet:

<img src="blah.jpg" align="right">Tekst<br>Tekst<br>Tekst
Avatar billede softspot Forsker
07. maj 2006 - 12:35 #4
Hvis du benytter align, så vil teksten flyde omkring billedet (hvilket ikke vil være tilfældet med en table).
Avatar billede noodrem Nybegynder
07. maj 2006 - 12:51 #5
Oki, hvordan gør jeg så hvis jeg har noget tekst, og gerne vil have det til at stå lige under hinanden således:

Tekst:                Info
Tekst:                Kontakt
Tekst:                Andet
Avatar billede softspot Forsker
07. maj 2006 - 12:56 #6
Så er en tabel nok sagen :)
Avatar billede apo Praktikant
07. maj 2006 - 13:30 #7
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Table</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<style>
body,html {margin:0; height:100%;}
table {border-collapse:collapse;}
table td {padding:0;}
.tdWidth {width:100px;}
</style>
</head>
<body>

<table>
  <tr>
      <td class="tdWidth">Tekst:</td>
      <td class="tdWidth">Info</td>
  </tr>
  <tr>
      <td class="tdWidth">Tekst:</td>
      <td class="tdWidth">Kontakt</td>
  </tr>
  <tr>
      <td class="tdWidth">Tekst:</td>
      <td class="tdWidth">Andet</td>
  </tr>
</table>

</body>
</html>
Avatar billede webstuff Nybegynder
08. maj 2006 - 08:59 #8
Måske en meget god idé at sætte "vertical-align:top;" på din table's i din CSS :-)
Avatar billede noodrem Nybegynder
08. maj 2006 - 15:13 #9
Tak for svarene allesammen

Brugte lidt af alle jeres svar, så bare smid et svar så giver jeg point.
Avatar billede softspot Forsker
08. maj 2006 - 15:17 #10
Velbekomme :)
Avatar billede apo Praktikant
08. maj 2006 - 17:32 #11
Så kommer der også et svar herfra :-)
Avatar billede schwarz84 Nybegynder
08. maj 2006 - 17:48 #12
:-)
Avatar billede webstuff Nybegynder
09. maj 2006 - 19:00 #13
Hvis i venter på at jeg skal lægge et svar - så lad være ;o)
Avatar billede apo Praktikant
16. juni 2006 - 22:32 #14
:-(
Avatar billede softspot Forsker
28. november 2006 - 15:14 #15
Tak for point :)
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