Søg
Avatar billede venchil Nybegynder
07. marts 2005 - 16:16 Der er 23 kommentarer og
1 løsning

Tabel-kludder

Er ved at lave et layout til en side ved navn madskjaer.dk, men jeg har lidt problemer.
Der er vist generelt problemer med min kodning, men jeg forstår ikke, hvorfor noget af teksten jeg har sat mellem <table> og </table> ikke kommer med i tabellen, men blot er udenfor. HTML-koden:

----------------------------------------
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>Madskjaer.dk</title>
<style>
* {font-size: 8pt}
* {font-family: verdana, arial, sans-serif;}
a {text-decoration: none}
a:hover {text-decoration: underline}
#madskjaer {font-size: 24pt}
#madskjaer {font-family: arial rounded mt bold, verdana, arial}
#tabel {border= 1px solid #555555}
</style>
</head>
<body link="#000000" vlink="#000000" alink="#000000" bgcolor="#f5fbe5">

<table style="width:650px" align="center">
       
    <td style="width:150px">
    <table id="tabel" style="width:150px;height:100%" bgcolor="#555555">
    <tr rowspan><font color="#555555"><div id="madskjaer" align=right>&nbsp;</div></font></tr>
    <td><b><font color="#ffffff">Menu</font></b></td>
    </table>
    </td>

    <td style="width:500px">
    <table id="tabel" style="width:500px;height:100%" bgcolor="#555555">
    <tr rowspan><font color="#555555"><div id="madskjaer" align=right>madskjaer.dk</div></font></tr>
    <td><b><font color="#ffffff">Indhold</font></b></td>
    </table>
    </td>
   
    <tr>
    <td style="width:150px">
    <table id="tabel" style="width:150px;height:100%" bgcolor="#d8e6b3">
    <td>
&nbsp;- <a href="main.php?id=forside.php">Forside</a>
<br>&nbsp;- <a href="main.php?id=profil.php">Profil</a></br>
&nbsp;- <a href="main.php?id=portfolio.php">Portfolio</a>
<br>&nbsp;- <a href="main.php?id=gaestebog.php">Gæstebog</a></br>
    </td>
    </table>
    </td>
   
    <td style="width:500px">
    <table id="tabel" style="width:500px;height:100%" bgcolor="#d8e6b3">

    <td style="width:50%"><b>Profil:</b><br>Fritekst:</br>Ehm... velkommen til madskjaer.dk! Håber du nyder besøget. For det gør jeg! Jeg har arbejdet ret længe på siden, og jeg er meget glad for at kunne præsentere lidt information om mig selv. Der er egentlig ikke så meget at sige. Kig dig omkring!</td>
   
    <td style="width:15%" align="right">
    Navn:
    <br>Alder:</br>
    Højde:
    <br>Vægt:</br>
    Født:
    <br>Bopæl:</br>
    Skole:
    <br>Status:</br>
   
    <td style="width:35%">
    Mads Kjær
    <br>12 år</br>
    146 cm
    <br>32½ kg</br>
    4. Marts 1993
    <br>Odense C</br>
    H. Hørlücks Skole
    <br>Single</br>
    </td>
    </div>

    <table>
    <td style="width:106"><img src="billede.jpg" width="100" height="75px" align="center" border="1px"></div></td>
    <td style="width:394">Jeg er den heldige (med)ejer af en digital-kamera, og det er klart at jeg ofte tager billeder af mig selv. Dette er bare et af mange, i kan se resten under portfolio.</td>
    </table>

    </table>
    </td>   
</table>
</body>
</html>
----------------------------------------
Avatar billede venchil Nybegynder
07. marts 2005 - 16:17 #1
Forresten: Tester i IExplorer, er godt klar over at der er problemer i firefox, men ved ikke helt hvordan jeg skal løse dem...
Avatar billede jps6kb Novice
07. marts 2005 - 16:26 #2
Denne tabel:

  <table>
    <td style="width:106"><img src="billede.jpg" width="100" height="75px" align="center" border="1px"></div></td>
    <td style="width:394">Jeg er den heldige (med)ejer af en digital-kamera, og det er klart at jeg ofte tager billeder af mig selv. Dette er bare et af mange, i kan se resten under portfolio.</td>
    </table>

er ikke i en container i den forrige tabel. Derfor kommer den udenfor..

<td>
  <table>
    <td style="width:106"><img src="billede.jpg" width="100" height="75px" align="center" border="1px"></div></td>
    <td style="width:394">Jeg er den heldige (med)ejer af en digital-kamera, og det er klart at jeg ofte tager billeder af mig selv. Dette er bare et af mange, i kan se resten under portfolio.</td>
    </table>
</td>

vil nok hjælpe lidt på det.. men kan se der er lidt rod med dine tabeller.. prøv at gå dem igennem igen.
Avatar billede venchil Nybegynder
07. marts 2005 - 18:07 #3
Har prøvet, men så kommer teksten jo bare til at stå ved siden af alt det andet.
Det er meningen at det skal stå nedenunder...
Avatar billede venchil Nybegynder
07. marts 2005 - 18:09 #4
Det hjælper jo lidt at sætte <tr> og </tr> rundt om, men det fylder stadig kun 50% procent, altså kun den første Table Data (<td>) boks angivet.
Avatar billede roenving Novice
07. marts 2005 - 18:09 #5
-- og så mangler der også en række, som kan rumme dine celler ?-)

-- og så laver du adskillige grimheder ...

For at starte fra en ende af:

-- <?xml-deklarationen fra starten er 'spildte Guds ord på Balle-Lars', da den aldrig nogensinde kan gøre gavn i den sammenhæng, du her bruger (faktisk gør det bare 100% sikkert, at IE ikke vil respektere dine css-angivelser efter bogstavet !-)

-- xhtml er måske brugbart, når IE kommer i version 8 (version 7 forventes i 2007 !-), og FireFox/Mozilla kommer i version 2 eller 3, indtil videre er det spild af gode kræfter (læs f.eks. oleboles artikler om sagen !-)

-- et style-tag er efter standarden ugyldigt, hvis du ikke angiver en type-attribut: <style type="text/css">

-- at bruge pt som enhed i en skærmting er tåbeligt, selv om een af browserne fejlagtigt oversætter det direkte til px, alle andre browsere forsøger at finde den nærmeste ækvivalent til den 1/3 tomme du har angivet med 24pt, 0,8467 cm., hvilket jo ser højst forskelligt ud på forskellige skærme: Brug _aldrig_ pt til andet end papir-angivelser !o]

-- så gider jeg ikke gå længere end at påpege, at vlink, alink m.v. vist allerede var deprecated før html-4-standarden kom til verden i 1998, altså er det noget absolut vrøvl i xhtml ...
Avatar billede venchil Nybegynder
07. marts 2005 - 19:08 #6
Takker roenvig, ku' jeg godt bruge til noget... Meeen, så skulle jeg vel næsten tage at "omformulere" det hele til HTML 4.1, kan heller ikke se fordelene i XHTML indtil version  2 kommer, men alligevel vil jeg jo gerne leve op til de forskellige standarter.
Avatar billede roenving Novice
08. marts 2005 - 01:48 #7
Det er selvfølgeligt godt at være på forkant med udviklingen, men bruger man alink m.v. er det i forvejen ikke xhtml ...

-- og jeg kan anbefale, at du bruger html 4.01, som er den nyeste standard, som alle browsere honorerer, det kan så diskuteres, om man vil bruge transitional (som endnu giver det, jeg ser som den bedste performance) eller strict (som er en standard, som er tættere på xhtml !-), men som kræver endnu skarpere conformance ...

-- selv skriver jeg kode, som (bortset fra de ugyldige html-4 afsluttede xhtml-tag !-) er fuldt xhtml-kompatibelt, men holder det stadig som html 4.01 transitional ...

-- min kode skal kun have udskiftet transitional med strict, og dtd-linket ændret, før det er 4.01-strict !-)

PS. Se også: http://www.w3.org/QA/2002/04/valid-dtd-list.html !o]
Avatar billede olebole Juniormester
08. marts 2005 - 11:51 #8
<ole>

roenving >> jeg må erklære mig helt enig ... med den ene undtagelse, at du også skal udskifte en hel del scripting, da scripting under XHTML er en hel del forskellig fra scripting under HTML  ;o)

venchil >> XHTML-standarden gør intet for dine brugere eller deres browsere før om et par år - og til den tid skal din server sættes op til at serve dine dokumenter som XHTML ... og ikke som nu: text/html. Ellers gør XHTML stadig alt værre.

Du skal ikke 'leve op til de forskellige standarder', hvis de kun gøre livet mere surt for dine brugere. Meningen med at overholde standarder er at gøre noget bedst muligt. Derfor bør du vente endnu et par år, før du kaster dig ud i XHTML  ;o)

/mvh
</bole>
Avatar billede roenving Novice
08. marts 2005 - 14:18 #9
Zq rart, at du er enig med dig selv, gamle dreng, for i ovenstående er jeg jo stort set på citat-vognen det meste af tiden !-)

-- og nåeh, ja, jeg har jo nok et enkelt script rundt omkring, hvor jeg f.eks. udnytter formelementers nære slægtskab m.v., så det kan godt være, at jeg skulle nøjes med at bruge formuleringen:

-- min html- og css-kode skal kun have udskiftet transitional med strict, og dtd-linket ændret, før det er 4.01-strict !-)
Avatar billede olebole Juniormester
08. marts 2005 - 14:34 #10
Nåja ... og så skal alle img-tags skiftes ud, da de bortfalder i XHTML2.0 - og XForms vil også komme til at erstatte alm. HTML-forms, som vi kender dem (det er dog ikke sikkert, det vil blive endelig fuldbyrdet i V.2.0) ... for ikke at tale om XML Events (men så er vi igen henne i scripting).

Det bliver ikke så få af dagens 'tag-lukkere', der får sig en grimmert på opleveren til den tid  ;o)
Avatar billede venchil Nybegynder
08. marts 2005 - 15:48 #11
Hmmmm... Jeg får erroren

I was not able to extract a character encoding labeling from any of the valid sources for such information. Without encoding information it is impossible to reliably validate the document. I'm falling back to the "UTF-8" encoding and will attempt to perform the validation, but this is likely to fail for all non-trivial documents.

Når jeg vil teste dokumentet med W3, men er

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Content-Type: text/html; charset=iso-8859-1

Ikke godt nok?
Avatar billede olebole Juniormester
08. marts 2005 - 15:50 #12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
... osv, osv ...
Avatar billede venchil Nybegynder
08. marts 2005 - 17:21 #13
Jaeh... indlæget hedder jo stadig "tabel-kludder", så lavede det hele igen. Men nu virker det ikke, efter at dokumentet er blevet skiftet til HTML 4.1

----------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Madskjaer.dk</title>
<style type="text/css">
* {font-size: 8pt}
* {font-family: verdana, arial, sans-serif;}
a {text-decoration: none}
a:hover {text-decoration: underline}
#madskjaer {font-size: 24pt}
#madskjaer {font-family: arial rounded mt bold, verdana, arial}
</style>
</head>
<body link="#000000" vlink="#000000" alink="#000000" bgcolor="#f5fbe5">

<table style="width:650px" align="center">
       
    <tr>
    <td style="width:150px">
    <table id="tabel" style="width:150px;height:100%" bgcolor="#555555">
    <tr><font color="#555555"><div id="madskjaer" align=right>&nbsp;</div></font></tr>
    <td><b><font color="#ffffff">Menu</font></b></td>
    </table>
    </td>

    <td style="width:500px">
    <table id="tabel" style="width:500px;height:100%" bgcolor="#555555">
    <tr rowspan><font color="#555555"><div id="madskjaer" align=right>madskjaer.dk</div></font></tr>
    <td><b><font color="#ffffff">Indhold</font></b></td>
    </table>
    </td>
    </tr>

    <tr>
    <td style="width:150px;height:100%">
    <table style="width:150px;height:100%" bgcolor="#cccccc">
    <tr>
    <td style="width:100%">
    Hejsa!
    <br>Hejsa!</br>
    </td>
    </tr>
    </table>
    </td>

    <td style="width:500px;height:100%">
    <table style="width:500px;height:100%" bgcolor="#cccccc">
    <tr>
    <td style="width:100%">
    Hejsa!
    </td>
    </tr>
    </table>
    </td>
    </tr>
</table>
</body>
</html>

----------------------------------------

Tabellerne med Hejsa! skulle gerne være oppe i toppen, ligegyldigt hvor meget den anden tabel flytter sig nedad, eftersom der kommer mere tekst i. Men det ser ikke ud til at virke, hvad er galt?
Avatar billede olebole Juniormester
08. marts 2005 - 17:34 #14
Ja, og koden svarer stadig til overskriften  ;o)

    <tr><font color="#555555"><div id="madskjaer" align=right>&nbsp;</div></font></tr>

*host-host*  :)
Avatar billede venchil Nybegynder
08. marts 2005 - 17:38 #15
Ups... Det var bare en hurtig løsning. Kunne man ikke bare sætte en <table style="height:24px"> ind?
Avatar billede olebole Juniormester
08. marts 2005 - 17:44 #16
Det er i hvert fald valid kode, men hvor vil du indsætte det? Jeg er ikke helt klar over, hvordan du gerne vil have det til at se ud ... kan du forklare det (eller vise et billede), kan jeg godt give dig et kode eksempel, der holder
Avatar billede venchil Nybegynder
08. marts 2005 - 19:13 #17
Tak skal du have Olebole :D
Det skal jo helst se ud ligesom det første eksempel jeg gav, men det skal jo være valid :(

ellers http://www.darkcloud.dk/animepark/screen.jpg
Avatar billede venchil Nybegynder
11. marts 2005 - 19:09 #18
Nå, det ser ud til at Olebole ikke giver svar fra sig indtil videre.. Det er også næsten ligemeget... Lavede designet lidt om.

Men der er én error jeg ikke kan forstå, når jeg validerer mit dokument med W3.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.darkcloud.dk%2Fanimepark%2Fforside.html
Avatar billede olebole Juniormester
11. marts 2005 - 19:23 #19
Sorry ... jeg har vist ikke fået mails fra dette spm. Din valideringsfejl opstår, fordi du har lagt et div mellem et table-tag og et tr-tag ... det kan man ikke  :)
Avatar billede venchil Nybegynder
11. marts 2005 - 20:10 #20
Hvordan kan jeg så få det samme resultat som hvis min <div> var mellem <table> og <tr>?
Avatar billede roenving Novice
11. marts 2005 - 23:52 #21
Ved at udnytte at et tr-tag også er block-level ...
Avatar billede venchil Nybegynder
13. marts 2005 - 19:22 #22
Undskyld, men jeg forstår ikke helt hvad du mener, roenving
Avatar billede venchil Nybegynder
14. marts 2005 - 19:25 #23
Har fundet en løsning. Olebole (evt. roenving) gidder du/i lægge et svar?
Avatar billede olebole Juniormester
14. marts 2005 - 19:56 #24
et svar  :)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »