[HTML] Border van tabellen dunner

[Rexomnium]

ff een vraagje. Hoe krijg ik de borders van mijn tabellen net zo dun als hier op GoT?

Als ik

code:

<table width="95%" border="1" cellspacing="0" cellpadding="5" align="center">

gebruik, krijg ik een border van 2 pixels. Wat moet ik gebruiken om dat dunner te maken?

[Verwijderd]

Stylesheets eigenlijk.

code:

#standaardBox
{
    border: 1px solid blue;
}

En in je html: "voorbeeldje"

code:

<div id="standaardBox">
Hier komt dus datgene wat ik omkaderd wil hebben
</div

[Dark Blue]

Ja, maar dat is maar de helft van de oplossing. Je zou het dan ook nog weer in de tabel moeten aanroepen. Dit onderstaande werkt meteen:

code:

<table width="95%" cellspacing="0" cellpadding="5" align="center" style="border: 1px solid #000000;">

Ennuh, je tabellen in procenten maken is vragen om moeilijkheden met diverse resoluties... maargoed, ik zeg niks misschien is het wel juist handig in jouw geval

[crisp]

brrrr in-line css
beter nog zo; dit in je head-sectie:

code:

<style type="text/css">
table.dunrandje {
  border: 1px solid blue;
}
</style>

met:

code:

<table class="dunrandje" width="95%" cellspacing="0" cellpadding="5" align="center">

De rest van de attributen hebben ook CSS-equivalenten; lijkt me een mooie huiswerk opgave voor topicstarter

[SchizoDuckie]

voor de volledigheid even een handig linkje voor lars

http://www.w3schools.com/css

[Grom]

Ik kan me voorstellen dat de topic starter hiernaar zoekt:

<style type="text/css">
td{
border-top:0px solid red;
border-right:1px solid red;
border-bottom:1px solid red;
border-left:0px solid red;
}
</style>

Ivm zijn cellspacing van 0 en een border van 2px.

Een duik in CSS lijkt me een goed advies.

Kijk eens of je nog ergens het gratis Topstyle-lite kunt downloaden van www.bradsoft.com
Is imo echt een aanrader om (de beginselen van) css te leren kennen.

[Roland]

je kan ook een pixel in een table en zijn TD zetten, Zo doe ik dat:

code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td hier de pixel als background height="1" width="1"><hier de pixel als img height="1" width="1"></td>
    <td hier de pixel als background height="1" width="1"><hier de pixel als img height="1" width="1"></td>
    <td hier de pixel als background height="1" width="1"><hier de pixel als img height="1" width="1"></td>
  </tr>
  <tr>
    <td hier de pixel als background height="1" width="1"><hier de pixel als img height="1" width="1"></td>
    <td>Hier komt de inhoud van je table</td>
    <td hier de pixel als background height="1" width="1"><hier de pixel als img height="1" width="1"></td>
  </tr>
  <tr>
    <td hier de pixel als background height="1" width="1"><hier de pixel als img height="1" width="1"></td>
    <td hier de pixel als background height="1" width="1"><hier de pixel als img height="1" width="1"></td>
    <td hier de pixel als background height="1" width="1"><hier de pixel als img height="1" width="1"></td>
  </tr>
</table>

[Grom]

Auww dat doet pijn

[Roland]

Wat doet pijn?

[drm]

Roland: Wat doet pijn?

_{[mode=nonsubtile]}
vieze, ouwe, non-css, slecht onderhoudbare meuk-html doet pijn, denk ik
^[/mode]

Dark Blue:
Ja, maar dat is maar de helft van de oplossing. Je zou het dan ook nog weer in de tabel moeten aanroepen. Dit onderstaande werkt meteen:

code:

<table width="95%" cellspacing="0" cellpadding="5" align="center" style="border: 1px solid #000000;">

Hier hoef je tenslotte niets in de tabel aan te roepen Ik snap je punt niet helemaal...

X-terior:
Stylesheets eigenlijk.

code:

#standaardBox
{
    border: 1px solid blue;
}

En in je html: "voorbeeldje"

code:

<div id="standaardBox">
Hier komt dus datgene wat ik omkaderd wil hebben
</div

Mja, 't lijkt me idd logischer om classes te gebruiken, want dit mag je eigenlijk niet 2x gebruiken. Een id is maar voor 1 element per pagina.

css:

code:

table.thinline {
   border-collapse:collapse;
   border:1px solid #000000;
   width:95%;
   align:center;
   margin-left:auto;
   margin-right:auto;
}

table.thinline td {
   border-collapse:collapse;
   border:1px solid #000000;
   padding:5px;
}

html:

code:

<table class="thinline">
   <tr>
      <td>Dun lijntje</td>
      <td>Vind je niet?</td>
   </tr>
</table>

[Grom]

_{[mode=nonsubtile]}
vieze, ouwe, non-css, slecht onderhoudbare meuk-html doet pijn, denk ik
^[/mode]

Je haalt me de woorden uit de mond

[crisp]

drm schreef op 27 augustus 2002 @ 10:51:
[...]

drm: doe jij altijd andermans huiswerk?

[Roland]

Grmbl Grmbl Grmbl

Ja je hebt gelijk, maar ik ben zo weinig met html bezig dat ik css al helemaal links laat liggen.

Maar zo heeft RexomniuM weer wat meer mogelijkheden en oplossingen!

[drm]

crisp:
drm: doe jij altijd andermans huiswerk?

Heb er wel een handje van, ja...

_edit:
note to /me : niet meer werk voor anderen doen

[Rexomnium]

Jongens en meisje, hartelijk bedankt voor jullie hulp.

Het is gelukt

[Dark Blue]

drm schreef op 27 augustus 2002 @ 10:51:
Hier hoef je tenslotte niets in de tabel aan te roepen Ik snap je punt niet helemaal...

Dat komt omdat X-terior hem al gauw weer had aangepast voordat jij het las. Het eerste wat er stond in zijn post was een stukje css, het stukje wat je dus in de header moet plaatsen. En het stond er een beetje verloren, zonder uitleg hoe je het dus in de tabel (dmv een class) weer aan moest roepen. Vandaar

[drm]

Dark Blue:
Het eerste wat er stond (...) zonder uitleg hoe je het dus in de tabel (dmv een class) weer aan moest roepen. Vandaar

dmv een id dus

code:

#ditiseenID {
}

.ditiseenCLASS {
}

mgoed, never mind.

[Reignman]

weet dat het een oud topic is... maar het is nu eenmaal precies wat ik zoek

ik heb nu een mooi dun blauw randje om mijn table heen..

code:

.urenTabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: normal;
    color: #000040;
    text-decoration: none;
    border: 1px solid #000040;      
}

maar hoe krijg ik de lijntjes ertussen ook zo dun..? (dus elke regel.. nu is het alleen de buitenrand)?

[Willem]

code:

table.urenTabel,
table.urenTabel td {
  border-collapse:collapse;
}

[drm]

het staat er gewoon al

Een oud topic kicken + dat dan ook nog eens niet lezen = doorn in mijn oog.