---

Hej alle. Jeg sidder og prøver at få flyttet en hel tekst op, men
det lader ikke til det dur når jeg skriver dette ind: <span
style="margintop: 1px;"> Det jeg vil er at den skal rykkes op så
den næsten står i toppen af siden.

Håber der er nogle som kan Hjælpe´

Hilsen Joachim

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Joachim skrev:

> Hej alle. Jeg sidder og prøver at få flyttet en hel tekst op, men
> det lader ikke til det dur når jeg skriver dette ind: <span
> style="margintop: 1px;">

Nej, det skal det heller ikke. I HTML er der to typer omklamrende
elementer: inline og blok.

<span> er et inline-element. Det betyder bl.a. at man ikke kan
bestemme hvor det skal stå. Det kommer til at stå der hvor det
får plads i den linje det hører til.

<div> og <p> er blokelementer, så dem kan du placere selv. De
kan mange af de samme ting, men rent logisk så er <div> det
overordnede element. Det kan f.eks. bruges til hele
tekstafsnittet i en artikel, og så kan <p> bruges til at opdele
det i afsnit.

Prøv at putte din tekst i en div. Så kan du angive placeringen i
en style-kommando.

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen:
> <span> er et inline-element. Det betyder bl.a. at man ikke kan
> bestemme hvor det skal stå. Det kommer til at stå der hvor det
> får plads i den linje det hører til.

Alt med måde..
Om margin, står der :
"These properties apply to all elements, but vertical margins will not
have any effect on non-replaced inline elements."

http://www.w3.org/TR/CSS21/box.html#propdef-margin

Altså lige præcis margin-top og margin-bottom har ingen effekt på
inline elementer. Men højre og venstre margins, skal faktisk virke på
inline elementer også.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Birger Sørensen skrev:

> Altså lige præcis margin-top og margin-bottom har ingen effekt på
> inline elementer. Men højre og venstre margins, skal faktisk virke på
> inline elementer også.

Okay.

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

Joachim wrote in dk.edb.internet.webdesign.html:
> Hej alle. Jeg sidder og prøver at få flyttet en hel tekst op, men
> det lader ikke til det dur når jeg skriver dette ind: <span
> style="margintop: 1px;"> Det jeg vil er at den skal rykkes op så
> den næsten står i toppen af siden.
>
> Håber der er nogle som kan Hjælpe´
>
> Hilsen Joachim
>
Hej Joachim

forstår jeg dig ret, ønsker du at flytte noget opad.
det du gør med din indætning er at du rykker noget nedad.

hvis du skal have det opad. så skal du skrive:
<span style="margintop: -1px;">

håber du får held med det

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

"Joachim" <maxisailerjoachim@hotmail.com> skrev

> Hej alle. Jeg sidder og prøver at få flyttet en hel tekst op, men
> det lader ikke til det dur når jeg skriver dette ind: <span
> style="margintop: 1px;"> Det jeg vil er at den skal rykkes op så
> den næsten står i toppen af siden.

Bortset fra Bertels og Birgers svar kan jeg da lige få øje på en fejl i
koden:
"margintop" skal rettes til "margin-top".

---

Hej jeg har nu prøvet de forskellige ting, men ikke med det store
held. Var en skrivefejl med margintop lavede et andet indlæg da jeg
ikke kunne finde ud af at redigere dette, men her er html koden:

<font face="Trebuchet MS, Sans-Serif" color="#33333" size="4">
Teamet
   </font> </h2><font face="Trebuchet MS, Sans-Serif" color="#33333"
size="2">
   
   <table>
   <tr> <td>    <span style="font-weight: bold;"> <a target="_self"
href="Joachim.html" target="indhold">Joachim </a></span> <br />
   Skipper <br />
    Alder: 14 år <br />
    Erfaring: Optimist og yngling</td> <td>
    <img src="Joachim.jpeg"/> <br /> <br /> <br />

Når jeg sætte det ind ligger billedet forhøjt i forhold til teksten.
Nogle som kan skrive den så en af delene bliver rykket op eller ned?
Behøver ikke være præcist bare så jeg ved hvordan jeg rykker det så
kan jeg jo altid selv ændre de tal som skal flytte det op og ned.

Joachim
- Tak for de hurtige svar.


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Den 04-02-2009, skrev Joachim:
> Hej jeg har nu prøvet de forskellige ting, men ikke med det store
> held. Var en skrivefejl med margintop lavede et andet indlæg da jeg
> ikke kunne finde ud af at redigere dette, men her er html koden:
>
> <font face="Trebuchet MS, Sans-Serif" color="#33333" size="4">
> Teamet
>    </font> </h2><font face="Trebuchet MS, Sans-Serif" color="#33333"
> size="2">
>    
>    <table>
>    <tr> <td>    <span style="font-weight: bold;"> <a target="_self"
> href="Joachim.html" target="indhold">Joachim </a></span> <br />
>    Skipper <br />
>     Alder: 14 år <br />
>     Erfaring: Optimist og yngling</td> <td>
>     <img src="Joachim.jpeg"/> <br /> <br /> <br />
>
> Når jeg sætte det ind ligger billedet forhøjt i forhold til teksten.
> Nogle som kan skrive den så en af delene bliver rykket op eller ned?
> Behøver ikke være præcist bare så jeg ved hvordan jeg rykker det så
> kan jeg jo altid selv ændre de tal som skal flytte det op og ned.
>
> Joachim
> - Tak for de hurtige svar.

Ikke så godt.
Det ligner XHTML rodet sammen med forældede koder (font), og det kan
umuligt validere.
Der er temmelig gode chancer for at hvis du vælger en anden browser,
ser siden anderledes ud.

Har du ikke et link?
Det er ret besværligt at skulle kreere noget selv, der kan reproducere
den fejl du mener at opleve - samtidig med at chancen for at få det
samme resultat er gangske minimal.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Joachim skrev:
> Hej jeg har nu prøvet de forskellige ting, men ikke med det store
> held. Var en skrivefejl med margintop lavede et andet indlæg da jeg
> ikke kunne finde ud af at redigere dette, men her er html koden:
>
> <font face="Trebuchet MS, Sans-Serif" color="#33333" size="4">
> Teamet
>    </font> </h2><font face="Trebuchet MS, Sans-Serif" color="#33333"
> size="2">
>    
>    <table>
>    <tr> <td>    <span style="font-weight: bold;"> <a target="_self"
> href="Joachim.html" target="indhold">Joachim </a></span> <br />
>    Skipper <br />
>     Alder: 14 år <br />
>     Erfaring: Optimist og yngling</td> <td>
>     <img src="Joachim.jpeg"/> <br /> <br /> <br />
>
> Når jeg sætte det ind ligger billedet forhøjt i forhold til teksten.
> Nogle som kan skrive den så en af delene bliver rykket op eller ned?
> Behøver ikke være præcist bare så jeg ved hvordan jeg rykker det så
> kan jeg jo altid selv ændre de tal som skal flytte det op og ned.

Som Birger skriver ville det være ret nyttigt med et link.
Mit bud på en løsning ville være

table{vertical-align:top;}

i et stylesheet.

Du kunne passende supplere med

h2 {font-family; "trebuchet MS", verdana, arial, sans-serif;
font-size:1.1em;}
td {font-size:0.8em;}
td a {font-eight:bold;}

Så ku' du droppe de der inline styles og den forfærdelige
font-markør. Den afgik ved døden i forrige århundrede.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

Hej alle. Her er linket til hjemmesiden:
http://www.danish-matchrace.dk/test/Teamet.html

Gætter på i godt kan se at teksten og billedet er forskudt det skal
jeg have gjort så det står ud fra hinanden

Joachim

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Joachim forklarede den 04-02-2009:
> Hej alle. Her er linket til hjemmesiden:
> http://www.danish-matchrace.dk/test/Teamet.html
>
> Gætter på i godt kan se at teksten og billedet er forskudt det skal
> jeg have gjort så det står ud fra hinanden
>
> Joachim

Du ved.
Man er nødt til at råbe højt på vandet, selvom man bruger Megafon.
Somme tider tror ungerne man råber, fordi man sur, eller de har gjort
et eller andet sindsygt galt.
Også selvom ordene er at det er skidegodt, men at de godt kan gå en
smule højere.

Det her bliver lidt af det samme. Men prøv at holde fast i, at jeg
prøver at hjælpe dig.
Du bruger doctype XHTML. "Sidste skrig" - selvom ikke alle herinde er
enige om at det er det bedste at bruge.
Du bruger pænt små bogstaver som XHTML kræver.
Og alle enkelte tags, som ikke har sluttags, er fint afsluttede med />.
Men så...
Du bruger tags og HTML attributter som forsvandt midt i '90erne.
Du bruger tabeller til opbygning af siden - men der er ikke een eneste
afslutning af et <tr> tag? ALLE tags skal afsluttes i XHTML.
Dine link - <a ...> - har TO target attribut angivelser? XHTML kender
ikke target! Og selv om det gjorde, hvilket af dem er det så meningen
skal bruges?
Jeg kunne godt blive ved, men jeg vil spare dig.

Doctypen - den første linie i dokumentet - fortæller browseren hvilket
sprog du har skrevet koden i, og den fortolker din kode som værende det
sprog.
Men det er det ikke, og den fortår ikke det meste af det der står, og
er nødt til at gætte sig til havd du mener.
Det er lidt ligesom at holde et foredrag på spansk, for en flok
mennesker der kun forstår tysk.

Hvordan går det på vandet, hvis sejlerne ikke forstår de instrukser
træneren giver?
Nej vel?

Her er en liste, over de ting i din kode, browserne ikke forstår:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.danish-matchrace.dk%2Ftest%2FTeamet.html&charset=%28detect+automatically%29&doctype=Inline&group=0
Eller gå selv til
http://validator.w3.org/
og skriv eller kopier adressen ind.
Der er 142 fejl.

Jeg ved godt, du bare beder om hjælp til at flytte et billede en lille
smule. Men der er ingen herinde, der kan hjælpe dig med en holdbar
løsning.
Der er to billeder - Joachim og Philip. Koderne der bruges til at vise
de to og deres data, er nøjagtigt ens. Men de kommer ikke ens ud. Det
er fordi det er et andet sted der er noget (helt) galt.
Og det eneste der er at gøre ved det, er at rette de fejl der er.

Jeg kan forstå, hvis det virker helt uoverskueligt.
Hvis det var mig selv, ville jeg fjerne tabellen til design. Den hører
ikke til der. Det er i orden med sejlerne og deres data, for det er
tabulære data. Men det er faktisk ikke i orden til designet.
Så faktisk er det fra begyndelsen en "om'er".
Fastholdelse af tabeldesignet, vil gøre arbejdet med vedligeholdelse og
opdatering af siden, til et større arbejde end det er at designe den
forfra nu. Og jeg vil skyde på, at den vil skulle designes om i løbet
af et halvt år.

Du er nødt til at tage hjemmesidedesign lige så alvorligt som
sejladsen. Det kan aldrig blive venstrehåndsarbejde.
Ellers gør du både dig selv og "teamet" en bjørnetjeneste.
Hvis jeg havde tid, ville jeg tilbyde dig at gøre det for dig - i hvert
fald at komme rigtigt i gang. Men tidspunktet er helt forkert. Om et
par måneder måske.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Birger Sørensen <sdc@bbsorensen.com> skrev :

>XHTML kender
>ikke target!

Der bruges xhtml transitional på siden og der findes det.
--
Kerim
Når der svares på et indlæg, svar venligst under det citerede
og skær venligst det væk, du ikke svarer på.