Avatar billede Dan Hansen Juniormester
05. juli 2008 - 15:47 Der er 9 kommentarer og
1 løsning

Billed og tekst står op af hinanden

Jeg er igang med at fylde ting på min hjemmeside (www.helledan.dk), men jeg har lidt problemer med et billede og noget tekst der står til højre for billedet.

Jeg har lavet billedet "left" orienteret, så teksten følger ned af på højre side af billedet - problemet er dog, at teksten står klistret helt op af billedet - der ville jeg gerne lige have lidt luft.

Nogen der kan se hvor i koden det går galt? - det første billede står i den første "a href tag" - Siden kan ses på www.helledan.dk under menu punkt "Om Vores familie".

KODEN:
<h2> …<span>  </span>Helledan.dk</h2>
<span style="font-size: 10pt; font-family: Verdana;"><strong>H</strong>ej og velkommen til vores hjemmeside.</span>

<span style="font-size: x-small;">På siden her, vil i kunne læse om vores familie, hvad vi laver, om vores ferie, vores ture og alt det spændende der sker i vores liv.</span>
<table class="MsoTableGrid" style="border-collapse: collapse" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; width: 488.9pt; padding-top: 0cm; background-color: transparent; border: #ece9d8" width="652" valign="top">
<p class="MsoNormal" style="margin: 0cm 0cm 0pt"><span style="font-size: 10pt; font-family: Verdana;"><strong>F</strong>amilien består af:</span></p>

<a href="http://www.helledan.dk/wp-content/uploads/2008/07/savannah-2008-05-014.jpg"><img class="alignleft size-thumbnail wp-image-50" style="FLOAT: left" title="Mor Helle" src="http://www.helledan.dk/wp-content/uploads/2008/07/savannah-2008-05-014-150x150.jpg" alt="Mor Helle" width="150" height="150" /></a><h2 class="MsoNormal" style="margin: 0cm 0cm 0pt">Mor Helle</h2>
Helle er født 1979.
Er uddannet pædagog.

Arbejder i en børnehave i Odder
men er nu på barsel.</td>
</tr>
<tr>
<td style="padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; width: 488.9pt; padding-top: 0cm; background-color: transparent; border: #ece9d8" width="652" valign="top">
<h2><a href="http://www.helledan.dk/wp-content/uploads/2008/07/img_6292.jpg"><img class="alignleft size-thumbnail wp-image-51" style="FLOAT: left" title="Far Dan" src="http://www.helledan.dk/wp-content/uploads/2008/07/img_6292-150x150.jpg" alt="Far Dan" width="150" height="150" /></a>Far Dan</h2>
Dan er født september 1979.
Er uddannet salgsassisten.

Arbejder som Servicekonsulent ved TDC i deres Enterprise Support.
Han går på barsel i 10 uger fra 24. oktober 2008.</td>
</tr>
<tr>
<td style="padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; width: 488.9pt; padding-top: 0cm; background-color: transparent; border: #ece9d8" width="652" valign="top">
<h2><a href="http://www.helledan.dk/wp-content/uploads/2008/07/savannah-2008-06-024.jpg"><img class="alignleft size-thumbnail wp-image-52" style="FLOAT: left" title="Savannah Juni 08" src="http://www.helledan.dk/wp-content/uploads/2008/07/savannah-2008-06-024-150x150.jpg" alt="Savannah Juni 08" width="150" height="150" /></a>Savannah</h2>
Savannah er født 23. januar 2008 kl. 09.44
Hun er datter af Helle og Dan.

Hendes beskæftigelse består i leg, spise, ble-opfyldning og soveforsøg.
Der udover smelter hun hjerter med hendes skønne smil.</td>
</tr>
</tbody></table>


Tak for hjælpen.
Avatar billede hundevennen Nybegynder
06. juli 2008 - 19:15 #1
lav en <td> celle mere til teksten i din tabel og midterstil teksten f.eks

eller sæt dette &nbsp; ind i koden der hvor du vil ha et mellemrum altså

&nbsp;Far Dan
&nbsp;Dan er osv.
Avatar billede roenving Novice
07. juli 2008 - 11:47 #2
Hrm, Word og lignende tekst-editorer kan ikke anbefales til at lave webkode, men her ser det nu ikke så galt ud ...

-- men du kan bare sætte en margin på, så skulle det virke som du vil have det:

...wp-image-51" style="float: left; margin-right:4px;" title="Far Dan" ...

-- jo så er der jo adskillige gange, hvor papir-længden pt er brugt, og det er ikke så heldigt, da der faktisk findes browsere, der tager det alvorligt, og benytter f.eks. 10pt i størrelse som ca. 3,5mm., mens de fleste browsere undersætter det til pixels, hvor det typisk vil blive 2,2 - 2,8 mm., altså væsentligt anderledes !-)
Avatar billede Dan Hansen Juniormester
13. juli 2008 - 19:29 #3
tak gutter - jeg vil kigge på det...
(når min lille datter tillader det) hehe.
Avatar billede Dan Hansen Juniormester
15. august 2008 - 22:21 #4
roenving - det der bekymre mig så, er at det hele er skrevet og lavet i Wordpress blog systemets egen editor - intet copy/paste fra word eller lign. Skrevet direkte i editoren i wordpress!

begge jeres svar gav jo den ønsket effekt - den mest korrekte er dog nok roenving's, da det andet jo egentlig er "rodet" og efterlader noget kode som ikke er flot at se på... og som man hele tiden skal tage højde for.

Derfor bruger jeg roenvings metode.

- Roenving - vil du ligge et svar?
Avatar billede roenving Novice
16. august 2008 - 01:34 #5
Oki '-)
Avatar billede roenving Novice
16. august 2008 - 01:42 #6
-- i øvrigt synes jeg ikke om at ligge på et webite, det er ret kikset at have en compuerskærm under sig, men jeg lægger gerne et svar ...

-- en ret udbredt syntaktisk fejl, som du kan vælge at springe op og falde ned på, men man lægger noget (har noget, man anbringer) men ligger selv (er selv den ting, der lægges ned !-)

'Han lægger hønen i reden, der lægger den et æg, men bagefter går den hen, hvor den helst vil ligge'
Avatar billede roenving Novice
16. august 2008 - 01:47 #7
.. ligge på et website, det er ret kikset at have en computerskærm under ...
Avatar billede roenving Novice
27. oktober 2008 - 16:04 #8
-- og tak for point ;~}
Avatar billede olebole Juniormester
28. oktober 2008 - 02:04 #9
<ole>

roenving >> men i Esbjerg ville det afhænge helt af, hvorlænge hønen havde lagt på reden!  ;D

/mvh
</bole>
Avatar billede roenving Novice
28. oktober 2008 - 16:25 #10
Yups !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