Avatar billede danic Nybegynder
16. november 2006 - 08:07 Der er 9 kommentarer og
1 løsning

Korrekt opsætning af html side?

Jeg arbejder på et design, jeg er ikke til at det "smarte" autogeneret kode, og ønsker derfor selv at kode det i en editor.

Jeg har forsøgt mig med denne her side, problemet er at jeg ikke kan få det øverste billede og menuen til altid at ligge i toppen af siden (har prøvet valing="top uden held").
http://www.projectworld.dk/test.php

I ørvigt, Man hvad gør man nu til-dags, er tabeller stadig OK eller benytter man kun CSS ?
Avatar billede fennec Nybegynder
16. november 2006 - 08:33 #1
Dette virker fint hos mig:
<td valign="top" height="10"><img src="http://www.projectworld.dk/testtop.gif"></td>

Det er vigtig at det står på en linje da der er en bug i IE som ellers giver et lille mellemrum tilsidst.
Avatar billede fennec Nybegynder
16. november 2006 - 08:34 #2
Det er egentlig kun </td> der skal stå på samme linje, så dette virker:
<td valign="top" height="10">
  <img src="http://www.projectworld.dk/testtop.gif"></td>

Dette virker ikke:
<td valign="top" height="10">
  <img src="http://www.projectworld.dk/testtop.gif">
</td>
Avatar billede kinderaeg Nybegynder
16. november 2006 - 09:26 #3
Du kan starte med at sætte din doctype ind, der hvor den skal være, nemlig som det første i dit dokument (før <html>) og så findes der ingen height-attribut på table, den får højden fra de child-elementer den indeholder.
Avatar billede fennec Nybegynder
16. november 2006 - 09:48 #4
Der er desuden mange andre fejl end dem som kinderaeg nævner. Få din side til at validere efter w3:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.projectworld.dk%2Ftest.php

Hvis du bruger FF, vil jeg anbefale at installere "HTML Validator 0.7.9.5".
Avatar billede danic Nybegynder
16. november 2006 - 13:31 #5
Hvis der ikke findes en height-attribut på table, hvorfor virker den så?
Avatar billede fennec Nybegynder
16. november 2006 - 13:37 #6
Den findes ikke officelt i w3 standarden, men den er indbygget i nogle browsers. Brug style i stedet. Det virker i alle:
<table ... style="height:100%;">
Avatar billede kinderaeg Nybegynder
16. november 2006 - 13:42 #7
Fordi nogle browserproducenter vælger at implementere deres egen fortolkning af elementerne. Tag et smut forbi http://w3.org/ og læs om gængse standarder. Hvis du vælger ikke at følge dem (standarderne), kan det godt være du kan få et ok resultat i en enkelt eller to browsere, men din side bliver ikke særlig porterbar og det kan yderligere resultere i dårlige resultater mht søgemaskiner, hvis man ikke følger standarderne ordentligt.
Du kan læse lidt om height på tables i nedenstående link, ellers skal du se om du kan få fat i olebole, han plejer at være ret skarp mht standarder mv.
http://apptools.com/examples/tableheight.php
Avatar billede roenving Novice
17. november 2006 - 01:32 #8
-- det skal til fennec 16/11-2006 13:37:01 tilføjes, at en relativ længde sat med css skal forholde sig til det omkransende elements højde, hvorfor det er nødvendigt også at:

<style type="text/css">
  html,body{height:100%;}
</style>
Avatar billede danic Nybegynder
17. november 2006 - 10:48 #9
Ah.. mange tak!
Avatar billede fennec Nybegynder
17. november 2006 - 10:53 #10
.o) <-- One Eyed Jack
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