[HTML/CSS] geen border rechts...

[aqua_man]

ik heb dit probleem wel eerder gehad, maar nog nooit de oplossing kunnen vinden (zowel hier niet als op google)

het probleem is eigenlijk ook heel raar, ik heb een tabel:

code:

<center><table width='95%'>
 <tr><th colspan=3>Topic {topic} van gebruiker {user}</th></tr>
 <tr><td style='width: 110px;'><b>{user}</b></td>
 <td><a name='675'></a>
   Bericht 32 - 20:23:56 05-07-2004<br>
   [img]'/images/line.jpg'[/img]<br>
   {Bericht}<br>
   [img]'/images/line.jpg'[/img]<br>
   <font class=small>{citaat}</font>
  </td></tr>
</table></center>

stylesheet voor table, tr, th, td:

code:

table {
    border-width: 0px;
    border-collapse: collapse;
}
tr {
    vertical-align: top;
}
th {
    border-width: 1px;
    border-style: solid;
    border-color: #1BCCFF;
    background-color: #01A1FC;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #FFF;
    font-weight: 700;
    padding: 1px;
    text-align: left;
    text-indent: 10px;
}
td {
    border-width: 1px;
    border-style: solid;
    border-color: #01A1FC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
    padding: 1px;
}

het probleem is dat deze table maar aan drie kanten een border heeft: links, boven en onder. maar nergens een border rechts

iemand enig idee hoe dat komt en is er een oplossing voor?

[disjfa]

Lol als je de colspan van je th op 2 zet doet hij het.

Maar je weet dat de center tag niet meer gebruikt word, een table niet voor lay out gebruikt word, <font> werkt is ook te veroudert, je css erg omslachtig opschrijft, en ga nog maar door

[aqua_man]

oja, als jullie het zelf willen zien
klik hier

[aqua_man]

tnx!!

[Verwijderd]

disjfa schreef op 09 juli 2004 @ 00:06:

... je css erg omslachtig opschrijft ...

Die moet je dan eens uitleggen. Ik vind het allemaal erg duidelijk, en eenvoudig onderhoudbaar. Als je doelt op de 3 regels om 1 border te beschrijven: dat doe ik ook altijd, ik vind dat veel duidelijker. En stylesheets worden toch meestal wel gecached.

[disjfa]

Verwijderd schreef op 09 juli 2004 @ 00:09:
[...]
Die moet je dan eens uitleggen. Ik vind het allemaal erg duidelijk, en eenvoudig onderhoudbaar. Als je doelt op de 3 regels om 1 border te beschrijven: dat doe ik ook altijd, ik vind dat veel duidelijker. En stylesheets worden toch meestal wel gecached.

True, je pakt me wel. Maar hij zet dezelfde styles een paar keer per classe. Een font per stuk van de table. Dat zou je wel makkelijker kunnen zetten. een achtergrondkleur die hij ook in de table zou kunnen zetten.

Maar hier eindig je op eigen meningen om over te discusieren over wie wat handig vind Dus wel een voor je maar ik persoonlijk vind het wat omslachtig

[André]

Verwijderd schreef op 09 juli 2004 @ 00:09:
[...]

Die moet je dan eens uitleggen. Ik vind het allemaal erg duidelijk, en eenvoudig onderhoudbaar. Als je doelt op de 3 regels om 1 border te beschrijven: dat doe ik ook altijd, ik vind dat veel duidelijker. En stylesheets worden toch meestal wel gecached.

Gebruik jij dan ook liever:

margin-top: 1px;
margin-right: 2px;
margin-bottom: 3px;
margin-left: 4px;

ipv

margin: 1px 2px 3px 4px;

?

[Verwijderd]

André schreef op 09 juli 2004 @ 00:17:
[...]

Gebruik jij dan ook liever:

margin-top: 1px;
margin-right: 2px;
margin-bottom: 3px;
margin-left: 4px;

ipv

margin: 1px 2px 3px 4px;

?

Dat ligt eraan. Als ik zeker weet dat ale waarden altijd worden ingesteld, dan gebruik ik de versie met meerdere waarden op 1 regel. Mijn ervaring is echter dat je bij borders niet altijd aan alle waarden instelt, of dat je in een default stylesheet bijvoorbeeld de dikte en de stijl opgeeft, maar in een 'theme' stylesheet de kleur.

[André]

Verwijderd schreef op 09 juli 2004 @ 00:20:
[...]

Dat ligt eraan. Als ik zeker weet dat ale waarden altijd worden ingesteld, dan gebruik ik de versie met meerdere waarden op 1 regel. Mijn ervaring is echter dat je bij borders niet altijd aan alle waarden instelt, of dat je in een default stylesheet bijvoorbeeld de dikte en de stijl opgeeft, maar in een 'theme' stylesheet de kleur.

Hmm, daar zit wat in, zo had ik het nog niet bekeken. Vooral dat default/theme zinnetje.

[KompjoeFriek]

waarom doe je eigenlijk:

HTML:

<center><table width='95%'>
...
</table></center>

ipv

HTML:

<table width='95%' align='center'>
...
</table>

[disjfa]

André schreef op 09 juli 2004 @ 00:22:
[...]
Hmm, daar zit wat in, zo had ik het nog niet bekeken. Vooral dat default/theme zinnetje.

Mwa daar valt ook wat tegen in te brengen. Je wilt niet elke theme op elkaar laten lijken Maar dat is een heel andere discussie

en meneer boven mij.... align="center" ? wat is dat?

[ Voor 8% gewijzigd door disjfa op 09-07-2004 00:25 ]

[CrashOne]

Center is idd ook deprecated, maar goed, zoals al gezegt, het is allemaal al niet even netjes...

[aqua_man]

mn stylesheet heb ik nog eens lang geleden gemaakt, daarna nooit meer echt aangepast (alleen kleuren en een paar dingen toegvoegd) heb nu al wat veanderd:

code:

table {
    border-collapse: collapse;
}
tr {
    vertical-align: top;
}
th {
    background: #01A1FC;
    border: #1BCCFF 1px solid;
    color: #FFF;
    font: 700 11px Helvetica;
    padding: 1px;
    text-align: left;
    text-indent: 10px;
}
td {
    border: #01A1FC 1px solid;
    color: #000;
    font: 11px Verdana;
    padding: 1px;
}

wat doen jullie dan ipv align=center? kan dat ook in je stylesheet?

[aqua_man]

disjfa schreef op 09 juli 2004 @ 00:13:
[...]een achtergrondkleur die hij ook in de table zou kunnen zetten[...]

nee, want de gewone cellen wil ik transparant hebben

[disjfa]

aqua_man schreef op 09 juli 2004 @ 20:38:
[...]
nee, want de gewone cellen wil ik transparant hebben

Zoals ik al zei, dat zijn keuzes

Verder zoek eens naar text-align op www.w3schools.com of een andere site waar css word uitgelegd

[T-MOB]

Dat ligt er aan, als je de text binnen een element wil centreren gebruik je text-align: center;. Wil je een block-level element centreren dan gebruik je de margin:

code:

<div style="width:400px;margin: 0 auto;">gecentreerde div</div>

Dit doet qua CSS de truuk om te centreren.

Helaas werkt dit niet in ie < 6 (IE \0/). De volledige truuk is dus met text-align en margin:

code:

<body style="text-align: center;">
 <div style="width: 400px; margin: 0 auto; text-align: left;">
   gecentreerde div
 </div>
</body>

En dat werkt weer in alle browsers. Ow nog een laatste centreertruuk:"

code:

<div style=width: 400px; margin: 0 -200px; position: relative; left: 50%;>
 gecentreerde div
</div>

Deze werkt ook in alle browsers, (mits het venster breed genoeg is...)

[ Voor 9% gewijzigd door T-MOB op 10-07-2004 03:47 . Reden: [/code] ]