Back to frontpage
Hét vraag- en antwoordplatform van Nederland

Hoe kan ik met HTML/CSS als volgt een tabel opmaken? (randen binnenin de tabel)

Stel, dit is mijn tabel:

data | data | data
data | data | data
data | data | data
data | data | data

Ik wil dus verticale lijnen tussen de cols maar niet aan de buitenzijde, ik heb zitten rommelen met colgroups maar dat werkte niet... Heeft iemand een idee?

Verwijderde gebruiker
13 jaar geleden
1.6K

Heb je meer informatie nodig om de vraag te beantwoorden? Reageer dan hier.

Geef jouw antwoord

Het is niet mogelijk om je eigen vraag te beantwoorden Je mag slechts 1 keer antwoord geven op een vraag Je hebt vandaag al antwoorden gegeven. Morgen mag je opnieuw maximaal antwoorden geven.

/
Geef Antwoord
+
Selected image

Het beste antwoord

je geeft cellen aan de rechterkant class = "rechts" en css:

td {
border-top: 0px;
border-bottom: 0p;
border-right: 1px solid #000000;
}
td.rechts {
border-right: none;
}

dan heb je ook geen dubbele borders (van 2px dus) tussen de kolommen in.
(Lees meer...)
Bronnen:
Verwijderde gebruiker
13 jaar geleden
Verwijderde gebruiker
13 jaar geleden
Toch is dit niet helemaal wat ik zoek, de lijn moet wel doorlopen. Nu ziet de code er zo uit: http://pastebin.com/0qDJhjSu
En als ik dan het voorbeeld bekijk zie ik dus geen doorlopende lijn in het midden maar een onderbroken lijn. Hoe kan ik dat oplossen?
Verwijderde gebruiker
13 jaar geleden
maak de table tag zo:
dat zou alle cellen tegen elkaar aan moeten zetten en je probleem oplossen.
Verwijderde gebruiker
13 jaar geleden
Ah, perfect! Dankjewel! Had ik eigenlijk zelf wel kunnen bedenken maar ja...

Andere antwoorden (1)

Je geeft je cellen aan de buitenkanten class="links" of class="rechts"

css:

td {
Border-top: 0px;
border-bottom: 0p;
border left, Border-right: 1px solid #000000;
}

td.links {
border-right: none;
}

td.rechts {
border-right: none;
}
(Lees meer...)
Verwijderde gebruiker
13 jaar geleden
Deel jouw antwoord

Het is niet mogelijk om je eigen vraag te beantwoorden Je mag slechts 1 keer antwoord geven op een vraag Je hebt vandaag al antwoorden gegeven. Morgen mag je opnieuw maximaal antwoorden geven.

/
Geef Antwoord
+
Selected image