login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS: Verticale lijntje rond td?

Offline foxie - 18/03/2005 20:52
Avatar van foxieNieuw lid Zou het met css mogelijk zijn om rond een <td>-tag aan de linker en rechter zijkant een fijn grijs lijntje te trekken van 1px breed.

In principe mag het langs de 4 kanten mar dan heb ik een probleem, mijn tabel ziet er zo uit:

..
<tr>
<td bgcolor="#797979">&nbsp;</td>
<td class="rand">Hier de inhoud</td>
</tr>

Mijn css rand:

td.rand
{
border:1px solid #797979;
border-collapse:collapse;
}

Dit werkt wel maar ik gebruik zoals je ziet eerst een lege <td></td> om een vaste witruimte te hebben vanaf de zijkant, en als daar die css rand op los laat (want dat is immers te linkerkant) dan zet hij hele die eerste <td> in een randje wat niet mooi is natuurlijk, het zou dus 1 geheel moeten worden.

Ik hoop dat dit duidelijk is en dat iemand me kan helpen.


Groeten,


Foxie

4 antwoorden

Gesponsorde links
Offline vinTage - 18/03/2005 21:31 (laatste wijziging 18/03/2005 21:55)
Avatar van vinTage Nieuw lid Ik begrijp je vraag niet 100%, maar met volgende style zijn alleen de zijkanten voorzien van een border.
php code - Bekijk de code zonder highlighting - Klap code in 
  1. .verticaal {
  2. 	border-right-width: 1px;
  3. 	border-left-width: 1px;
  4. 	border-right-style: solid;
  5. 	border-left-style: solid;
  6. 	border-right-color: #797979;
  7. 	border-left-color: #797979;
  8. }
Offline Legolas - 19/03/2005 08:26
Avatar van Legolas Onbekend Misschien td.rand veranderen in .rand
Offline Fenrir - 19/03/2005 09:01
Avatar van Fenrir PHP expert Wat is je probleem precies?
Krijgt de 1e cel ook een randje?
Dat kan niet, want alleen de 2e heeft een class.
Post mss eens een online voorbeeld, en een tekening van hoe het moet worden.
Offline foxie - 19/03/2005 12:22 (laatste wijziging 19/03/2005 12:22)
Avatar van foxie Nieuw lid Ik zal het proberen uit te legen adv volgende figuur:

http://www.pcmodders.be/cssprobleem.JPG

In de bovenste <tr> zie je hoe het nu is, een <tr> die bestaat uit een <td> en waarop een css class wordt uitgevoerd (dat rode stelst de rand voor..) zoals je ziet krijgt de rechterkant van de eerste cel ook een rode rand.

Ik zou het zo willen hebben zodat het wordt zoals in het 2de prentje..

Ik hoop dat ik wat duidelijker ben nu.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.324s