[html/css] Plaatje herhaalt zich niet @ ie/firefox - Softwareontwikkeling

maandag 6 juni 2005 11:42

Acties:

Topicstarter

Ik wist niet zeker of ik hem hier kon posten of in P&W, dus als hij verkeert staat verzoek ik een mod vriendelijk dit topic alsnog over te zetten naar P&W.

Ik ben atm bezig met een website te maken voor mijn clan.
Maar het wil ff niet lukken met de code.
Ik zit hier al enige dagen mee te prutsen.
En samen met een html freak komen we er niet uit.

Het plaatje (links van het oranje) herhaald zich maar tot de helft.
Waar het aan ligt weet ik niet.
Ik heb al menig zoekmachines geprobeert en ook op tweakers.
Alleen ik heb niet een oplossing kunnen vinden voor dit probleem.
Hier de code van de index.html

code:

<html>
    <head>
        <title>
            Team-MonaD
        </title>
        <link rel="stylesheet" type="text/css" href="style.css" />
    </head>

    <body>
        <div align="center">
            <table border="0" class="main" cellpadding="0" cellspacing="0" width="800">
                <tr>
                    <td colspan="3" class="banner">
                        [img]"images/header.png"[/img]
                    </td>
                </tr>
                <tr>
                    <td class="menu" colspan="3">
                        <a class="menu" href="index64.html">News</a>
                        [img]"images/linksdot.png"[/img]
                        <a class="menu" href="index64.html">Info</a>
                        [img]"images/linksdot.png"[/img]
                        <a class="menu" href="index64.html">Members</a>
                        [img]"images/linksdot.png"[/img]
                        <a class="menu" href="index64.html">Links</a>
                        [img]"images/linksdot.png"[/img]
                        <a class="menu" href="index64.html">Contact</a>
                    </td>
                </tr>
                <tr>
                    <td class="main_top" width="12"></td>
                    <td class="main_middle_middle" width="776" rowspan="2" colspan="2">
                        <table border="0" class="content" cellspacing="0" cellpadding="2" width="100%">
                            <tr>
                                <td>    
                                    Welkomst text en shit.<br><br><br><br><br><br><br><br>fg<br><br><br>fg
                                </td>
                            </tr>
                            <tr>
                                <td class="news_head">
                                    <table width="100%" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td class="news_title">
                                                Dit is een nieuwsbericht
                                            </td>
                                            <td class="news_date">
                                                25-05-2005 22:55
                                            </td>
                                        </tr>
                                    </table>                                            
                                </td>
                            </tr>
                            <tr>
                                <td class="news_main">
                                    Dit is de inhoud van het nieuwsbericht
                                </td>
                            </tr>
                        </table>    
                    </td>
                </tr>
                <tr>
                    <td class="main_middle_left" width="12"></td>
                </tr>
                <tr>
                    <td class="main_bottom_left" width="12"></td>
                    <td class="main_bottom_middle" height="12" width="776"></td>
                    <td class="main_bottom_right" height="12" width="12"></td>
                </tr>
                <tr>
                    <td class="footer" colspan="3">
                        [img]"images/footer.png"[/img]
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>

En hier de css:

code:

/* Main */

body {
    background-color: #393939;
    margin-left: 0; 
    margin-top: 0; 
    margin-right: 0;
}

table.main{
    width: 800px;
}

td.banner{
    text-align: center;
}

td.menu{
    text-align: center;
}

a.menu:link{
    color: #ffffff;
}
a.menu:visited{
    color: #ffffff;
}
a.menu:hover{
    color: #b91d1d;
}
a.menu:active{
    color: #f1f1f1;
}

td.main_top{
    background-image: url('images/mainlb.png');
    background-repeat: no-repeat;
}
td.main_middle_left{
    background-image: url('images/mainlm.png');
    background-repeat: repeat-y;
}
td.main_middle_middle{
    background-color: #f48f00;
    padding: 5px;
    color: #ffffff;
}
td.main_bottom_left{
    background-image: url('images/mainlo.png');
    background-repeat: no-repeat;
}
td.main_bottom_middle{
    background-image: url('images/mainom.png');
    background-repeat: repeat-x;
}
td.main_bottom_right{
    background-image: url('images/mainro.png');
    background-repeat: no-repeat;
}

/* Nieuwstabel */

td.news_head{
    background-color: #ffffff;
    border: 1px solid black;
}
td.news_title{
    color: #000000;
}
td.news_date{
    text-align: right;
    font-weight: bold;
    color: #000000;
}
td.news_main{
    border: 1px solid black;
    border-top: none;
    background-color: #b4b4b4;
}

Ik zelf heb er weinig atm aan toe te voegen omdat het vrij simpel is.
Ik hoop dat jullie mij hiermee kunnen helpen.

They who buy the dip, deserves the rip.

maandag 6 juni 2005 11:46

Acties:

OkkE

CSS influencer :+

Een online voorbeeldje zou handig zijn, verder is het eerste dat me opvalt: je gebruikt imho teveel tabellen en je gebruikt xhtml tag-afsluiting terwijl je geen xhtml-doctype boven je document hebt.

[ Voor 1% gewijzigd door OkkE op 06-06-2005 11:48 . Reden: tiepvouten ]

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

maandag 6 juni 2005 11:50

Acties:

Danjel

Topicstarter

Idd ik was de online voorbeeld vergeten.
http://home.mjdsl.nl/~cxl/index64.html

Sorry.
En wat betreft xhtml tag afsluiting en chtml-doctype gebeuren.
Daar heb ik (nog) geen verstand van en ben ik ook nog niet in verdiept.

En wat betreft veel tabellen.
Ik ben een beetje erg tabel addicted.
En als er een manier is om dit simpeler te maken sta ik daar uiteraard voor open.
Maar ik zelf heb daar de kennis niet voor om dat zelf te fixen.

They who buy the dip, deserves the rip.

maandag 6 juni 2005 11:56

Acties:

André

Analytics dude

Zet eens een in je main-middle left TD:

code:

1	<td class="main_middle_left" width="12"> </td>

Verder vraag je om een alternatief: layers

Je zit toch met een html freak te kijken? Dan weet hij ongetwijfeld wel hoe je een CCS based layout in elkaar fietst

[ Voor 40% gewijzigd door André op 06-06-2005 11:58 ]

maandag 6 juni 2005 12:01

Acties:

Danjel

Topicstarter

Ah dat komt al in de buurt.
Der zit nu alleen een klein randje tussen :

code:

1	<td class="main_top" width="12"></td>

code:

1	<td class="main_middle_left" width="12"> </td>

Layers?
Daar heb ik nog nooit van gehoord eigenlijk...
* Danjel gaat ff googelen.

[ Voor 34% gewijzigd door Danjel op 06-06-2005 12:06 ]

They who buy the dip, deserves the rip.

maandag 6 juni 2005 12:10

Acties:

Verwijderd

layers is ook niet het goeie woord (foei andré), <layer> is namelijk een vage netscape uitvinding die we maar allemaal zo snel mogelijk weer vergeten

juiste zoekwoord: semantiek

[ Voor 33% gewijzigd door Verwijderd op 06-06-2005 12:12 ]

maandag 6 juni 2005 12:14

Acties:

André

Analytics dude

Met layers bedoel ik geen <layer>

maandag 6 juni 2005 12:21

Acties:

Verwijderd

<div> dan? lijkt me ook niet echt een zet in de goeie richting? zoeken op layers levert nogal wat diveritis sites op iha