Toon posts:

[css IE/mac]border-collapse workaround?

Pagina: 1

Acties:

42 views sinds 30-01-2008
Reageer

vrijdag 24 oktober 2003 10:06

Acties:

Verwijderd

Topicstarter

ik wil een simpel tabelletje maken met een solid border van 1px:

code:

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>tabel</title>
<style type="text/css">
td {
    height: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    margin: 0px;
    padding: 0px;
}
</style>
</head>

<body>
<table width="100" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
    <tr>
        <td>aap</td>
    </tr>
    <tr>
        <td>noot</td>
    </tr>
    <tr>
        <td>mies</td>
    </tr>
</table>
</body>
</html>

op zich gaat dit prima, behalve in IE(5.2) voor de mac: daar houd ik een dubbele scheidingslijn tussen de td's. in dit overzicht vond ik dat IE5 voor de mac border-collapse niet ondersteunt.

een mogelijkheid zou zijn om het met divjes te doen, en daar de margin-top op -1 te zetten, maar dit keer wil ik nu eens wèl tabulaire data in mijn table zetten

en een negatieve margin op mijn td's ipv de border-collapse werkt niet.

weet iemand een oplossing?

vrijdag 24 oktober 2003 10:27

Acties:

Verwijderd

Je kunt natuurlijk alle TD's alleen links en boven een border geven, en dan maak je voor de TD's links en onder twee classes aan, die de rechter en beneden border zetten. De TD in de links-onder hoek geef je dan beide classes mee.

Als je de TD margin dan op nul zet, moet het lukken.

vrijdag 24 oktober 2003 10:45

Acties:

Verwijderd

Topicstarter

een beetje omslachtig, maar het werkt wel!

vrijdag 24 oktober 2003 19:17

Acties:

BetuweKees

Flipje uit Tiel

border-style nuttig?
of misschien html table props FRAME en RULES?

Through meditation I program my heart to beat breakbeats and hum basslines on exhalation -Blackalicious || *BetuweKees was AFK; op de fiets richting China en verder

vrijdag 24 oktober 2003 19:30

Acties:

mjax

Verwijderd schreef op 24 oktober 2003 @ 10:27:
Je kunt natuurlijk alle TD's alleen links en boven een border geven, en dan maak je voor de TD's links en onder twee classes aan, die de rechter en beneden border zetten. De TD in de links-onder hoek geef je dan beide classes mee.

Als je de TD margin dan op nul zet, moet het lukken.

Kan makkelijker. Gewoon alle TD's 2 borders geven en de TABLE zelf de andere 2 borders. Klaar.

vrijdag 24 oktober 2003 20:02

Acties:

Verwijderd

Je kunt het ook zonder classes doen, met CSS (1, 2 of 3 weet ik niet). Het werkt in IE5.2.3/Mac, Mozilla1.1+, Safari 1.0. Maar het werkt niet in IE6/Win of Opera6.02/Mac, maar het is wel stoer:

code:

table {
  width: 100%;
}
td {
    margin: 0px;
}
td {
    border-right: 1px solid red;
    border-bottom: 1px solid red;
}
td:first-child {
    border-left: 1px solid blue;
}
tr:first-child td {
    border-top: 1px solid green;
}

edit:
Waarom verschijnen die dubbele linebreaks bij mij

[ Voor 67% gewijzigd door Verwijderd op 24-10-2003 20:05 . Reden: rare opmaak ]

vrijdag 24 oktober 2003 20:18

Acties:

Verwijderd

mjax schreef op 24 oktober 2003 @ 19:30:
[...]
Kan makkelijker. Gewoon alle TD's 2 borders geven en de TABLE zelf de andere 2 borders. Klaar.

Duh

Zit ik weer te ingewikkeld te denken, en niet te lezen...
Die van jou werkt overal in.

Maar hoe kom je van die cellpadding af (als CSS purist)

vrijdag 24 oktober 2003 21:50

Acties:

Verwijderd

Verwijderd schreef op 24 oktober 2003 @ 20:18:
[...]
Maar hoe kom je van die cellpadding af (als CSS purist)

Wat bedoel je?

zaterdag 25 oktober 2003 08:01

Acties:

mjax

Verwijderd schreef op 24 oktober 2003 @ 20:18:
[...]

Duh Zit ik weer te ingewikkeld te denken, en niet te lezen...
Die van jou werkt overal in.

Maar hoe kom je van die cellpadding af (als CSS purist)

Ik geef altijd bij de table cellspacing="0" cellpadding="0" op en de rest wordt geregeld in de stylesheet. De padding kun je in de stylesheet van de TD's regelen. Ik heb nog geen css attribuut gevonden dat cellspacing regelt helaas.

zaterdag 25 oktober 2003 10:53

Acties:

crisp

Devver

Pixelated

mjax schreef op 25 October 2003 @ 08:01:
[...]

Ik geef altijd bij de table cellspacing="0" cellpadding="0" op en de rest wordt geregeld in de stylesheet. De padding kun je in de stylesheet van de TD's regelen. Ik heb nog geen css attribuut gevonden dat cellspacing regelt helaas.

border-spacing

alleen IE ondersteund dat nog niet meen ik...

[ Voor 6% gewijzigd door crisp op 25-10-2003 10:53 ]

Intentionally left blank

Pagina: 1

Reageer