Thead opmaken lukt niet

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Tom Tom

Tom Tom

18/05/2010 17:16:59
Quote Anchor link
Hallo allemaal.

Ik moet voor een klant een website slicen. Ik ben nu alleen al een aantal uren bezig om een thead in een tabel correct op te maken. Maar het wil maar niet lukken.

Probleem

Het probleem is dat ik voor de rij in de thead gebruik wil maken van ronde hoeken voor elke kolom. Een link naar een voorbeeld hoe ik het wil is onderaan te vinden. Ik heb al diverse dingen geprobeerd, zoals de border-collapse op collapse te zetten, maar helaas wil niks werken. Sommige delen worden herhaald, terwijl alle breedtes van de images wel kloppen(dat weet ik 100% zeker).

De Code

Ik maak gebruik van de volgende code:

CSS
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
table.cbnormal_table {
    width: 100%;
    color: #FFF;
    height: auto;
    padding: 0;
    border-collapse: collapse;
    margin: 0;
}
table.cbnormal_table .id {
    color: #7a726c;
    width: 34px;
    text-align: center;
}
table.cbnormal_table .title {
    width: 170px;
}
table.cbnormal_table .watch {
    width: 39px;
    text-align: center;
}
table.cbnormal_table thead .id {
    height: 20px;
    background-image: url('../images/tid.png');
    color: #FFF;
}
table.cbnormal_table thead .title {
    padding: 0;
    height: 20px;
    background-image: url('../images/ttitle.png');
    color: #FFF;
}
table.cbnormal_table thead .watch {
    height: 20px;
    background-image: url('../images/twatch.png');
    color: #FFF;
    text-align: left;
}


HTML

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<table class="cbnormal_table">
    <thead>
        <tr>
            <td class="id">#</td>
            <td class="title">Titel en artiest</td>
            <td class="watch">Kijk</td>
        </tr>
    </thead>

    
    <tr>
        <td class="id">1.</td>
        <td class="title">
            <a href="#">Big2 (The Opposites)</a><br />
            <strong>KRYPTONE</strong>
        </td>
        <td class="watch"><img src="/images/watchicon.png" alt="Kijk" /></td>
    </tr>
</table>


Voorbeelden


Zo moet het: http://img594.imageshack.us/i/zomoethet.png/
Zo is het: http://img594.imageshack.us/i/zoishet.png/

Danku

Alvast bedankt voor de moeite van het lezen!!
Gewijzigd op 18/05/2010 17:27:23 door Tom Tom
 
PHP hulp

PHP hulp

17/03/2025 06:43:02
 

18/05/2010 17:21:39
Quote Anchor link
An HTTP error occurred while getting:
http://i40.tinypic.com/1498htd.png

Details: "connect timed out".
 
Tom Tom

Tom Tom

18/05/2010 17:24:47
Quote Anchor link
Karl:
An HTTP error occurred while getting:
http://i40.tinypic.com/1498htd.png

Details: "connect timed out".

Dat is raar. bij mij werkt hij correct. Ik zal hem even uploaden op imageshack.

Edit

Zo moet het: http://img594.imageshack.us/i/zomoethet.png/
Zo is het: http://img594.imageshack.us/i/zoishet.png/
Gewijzigd op 18/05/2010 19:15:09 door B a s
 
Kurt Cobain

Kurt Cobain

18/05/2010 18:08:33
Quote Anchor link
Je moet de cell spacing en padding op 0 zetten. Kijk maar in je html handleiding.
 
Tom Tom

Tom Tom

18/05/2010 18:35:46
Quote Anchor link
Kurt:
Je moet de cell spacing en padding op 0 zetten. Kijk maar in je html handleiding.


helaas wil dat niet werken, ik heb nu

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<table class="cbnormal_table" cellpadding="0" cellspacing="0">


helaas nogsteeds hetzelfde resultaat
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.