Avatar billede impulze Nybegynder
19. november 2008 - 15:33 Der er 7 kommentarer og
1 løsning

Problemer med tabel

God eftermiddag alle..

Har siddet i par timer og prøvet på lidt af hvert for at finde hvad jeg lige gør galt i tabellen (midte sektionen).
Det skulle ellers være ret nemt med at sætte almindelig html(+css) op, men denne gang har jeg lavet et eller andet og nu kan jeg ikke finde hoved eller hale i det :D

Derfor hvis der er en herinde, som ønsker nogen nemt tjente point, så kig her :)

(Ja, ved godt dokumentet ikke er under xhtml standart endnu :))



index.html:
----------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" href="style_body.css">
<link rel="stylesheet" type="text/css" href="style_images.css">

</head>
<body>

<div align="center">
<center>

<table id="sidetabel" width="900" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td id="topbarmenu" height="31" width="900" align="right" colspan="3">
            <div id="topmenu1">
            <b>
            <a href="#">L4D</a>&nbsp;
            <a href="#">BF2142</a>&nbsp;
            <a href="#">TZN</a>
            </b>
            </div>
    </td>
    </tr>

    <tr>
    <td id="portallogo" height="150" width="900" colspan="3">
    <img border="0" src="images/banner.jpg" width="900" height="150" alt="" />
    </td>
    </tr>

    <tr>
    <td id="hovedmenu" height="31" width="900" align="left" colspan="3">
            <div id="topmenu2">
            <b>
            <a href="#">Forside</a> &nbsp;
            <a href="#">Galleri</a> &nbsp;
            <a href="#">Kontakt</a> &nbsp;
            <a href="#">Login</a>
            </b>
            </div>
    </td>
    </tr>

    <tr>
    <td height="3" width="900"></td>
    </tr>

    <tr>
    <td width="200">

        <table border="0" width="200" cellspacing="0" cellpadding="0">
            <tr>
            <td id="topbar_left" height="31" background="images/200_topbar.jpg">Iste quidem</td>
            </tr>
           
            <tr>
            <td id="px200_text_left">

        Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque

            </td>
            </tr>
        </table>

    </td>

    <td width="3"></td>
    <td width="494">


        <table border="0" width="494" cellspacing="0" cellpadding="0">
            <tr>
            <td height="31" background="images/494_topbar.jpg" style="vertical-align: middle">
                <div id="topbar_middle" style="float: left">xx/xx-xx xx:xx:xx - Skrevet af Test</div>
                <div id="topbar_middle" style="float: right">equinae paulatim</div>
            </td>
            </tr>

            <tr>
            <td id="px494_text_middle" width="494">

        Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque

            </td>
            </tr>

            <tr height="3"></tr>

            <td height="31" background="images/494_topbar.jpg" style="vertical-align: middle">
                <div id="topbar_middle" style="float: left">xx/xx-xx xx:xx:xx - Skrevet af Test</div>
                <div id="topbar_middle" style="float: right">brevi vel toto est iunior</div>
            </td>
            </tr>

            <tr>
            <td id="px494_text_middle" width="494">

        Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque
   
            </td>
            </tr>
        </table>

    <td width="3"></td>
    <td width="200">

        <table border="0" width="200" cellspacing="0" cellpadding="0">
            <tr>
            <td id="topbar_right" height="31" background="images/200_topbar.jpg">Iste quidem veteres</td>
            </tr>
           
            <tr>
            <td id="px200_text_right">

        Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque

            </td>
            </tr>
        </table>

    </td>
    </tr>

    <tr>
    <td height="3" width="900"></td>
    </tr>

    <tr>
    <td id="bottombar" height="31" width="900" colspan="3"></td>
    </tr>
</table>

</center>
</div>
</body>
</html>
Avatar billede ssv Nybegynder
19. november 2008 - 16:04 #1
Hvad er det præcis der går galt? Og har du et link til siden online? Og så bør du skifte doc-type til HTML 4.01 Strict inden olebole kommer efter dig ;-)
Avatar billede impulze Nybegynder
19. november 2008 - 18:34 #2
Det er hermed ændret ;)
Den ligger på http://boller.nu/0002
Avatar billede zips Juniormester
19. november 2008 - 19:08 #3
Jeg går ud fra at dit problem er at dine bokse sidder forskudt som jeg ser det, det er dine colspan som skal være 5 og ikke 3.

Der er også en del andre fejl du kan se her http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fboller.nu%2F0002%2F

For at centere din side skal du først slatte <center></center> og ænder din <div align="center"> til <div id="side"> og indsætte dette i den css

#side {
margin:0 auto;
width: 900px;
}

De andre fejl er height som skal være i den css og husk kun et id navn på siden, da dette er unikt, ellers brug class som der kan være lige så mange du vil på en side
Avatar billede impulze Nybegynder
19. november 2008 - 21:33 #4
Nu er det html 4.01 Strict godkend.

Men kan ikke få den til at blive 3px i bredden imellem de tre rækker, hvad har jeg overset? :)
Avatar billede zips Juniormester
19. november 2008 - 22:29 #5
Du mangler at sætte colspan="5" på 2 af dine td det er disse to <td style="width:900px; height:3px"></td> som skal være <td colspan="5" style="width:900px; height:3px"></td>
Avatar billede impulze Nybegynder
19. november 2008 - 23:03 #6
Ahh selvfølgelig ja...
Siger mange tak - Send et svar :)
Avatar billede zips Juniormester
19. november 2008 - 23:04 #7
Her er et svar :)
Avatar billede zips Juniormester
20. november 2008 - 00:50 #8
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

Seneste spørgsmål Seneste aktivitet
46 min siden Tomt felt i Start Af ErikHg i Windows
I går 23:00 Hyperlink til tekst Af Nanarsi i Excel
18/0121:03 Forlænge ringetid Af 1Dorte i Apps til Android
17/0117:38 Video ikoner Af Malm i Windows
17/0117:27 Video ikoner Af logbuilders i Windows