tr een border geven

woensdag 2 oktober 2002 10:04

Topicstarter

Oke voor de duidelijkheid ook ff wat html.

code:

<tr class="head">
    <td width="20">&nbsp;</td>
    <td width="100">Datum</td>
    <td>Titel</td>
    <td width="20">&nbsp;</td>
  </tr>

Acties:

Verwijderd

ja dat snap ik wel
maar je wil dus dit:

code:

 ______________________
|______________________|

ipv:
 ________________________
|______|______|______|____|

woensdag 2 oktober 2002 10:05

Acties:

woensdag 2 oktober 2002 10:05

Topicstarter

Yep zo wil ik het ja

Acties:

woensdag 2 oktober 2002 10:06

je moet _NOOIT_ een CSS style een class meegeven die al de naam heeft van een HTML element. Noem 'm dan bijvoorbeeld .trmeteenrandje of zo, maar geen head!

Acties:

woensdag 2 oktober 2002 10:07

be

|HunterPro| schreef op 02 oktober 2002 @ 10:05:
je moet _NOOIT_ een CSS style een class meegeven die al de naam heeft van een HTML element. Noem 'm dan bijvoorbeeld .trmeteenrandje of zo, maar geen head!

so true

en verder border:1px solid black; is genoeg

disjfa - disj·fa (meneer)
disjfa.nl

Acties:

woensdag 2 oktober 2002 10:07

Topicstarter

|HunterPro| schreef op 02 oktober 2002 @ 10:05:
je moet _NOOIT_ een CSS style een class meegeven die al de naam heeft van een HTML element. Noem 'm dan bijvoorbeeld .trmeteenrandje of zo, maar geen head!

Thnx voor de tip. Heb hem ff ge-renamed naar tablehead. Dit mag wel hé?

Acties:

woensdag 2 oktober 2002 10:10

frankschers schreef op 02 oktober 2002 @ 10:07:
[...]

Thnx voor de tip. Heb hem ff ge-renamed naar tablehead. Dit mag wel hé?

ja, tenzij je een htmltag <tablehead> kunt gebruiken

Acties:

woensdag 2 oktober 2002 10:11

Topicstarter

disjfa schreef op 02 oktober 2002 @ 10:06:
[...]

so true

en verder border:1px solid black; is genoeg

Maar ik krijg nog steeds geen border om de "tr" heen.

Acties:

Verwijderd

en zoiets:

<table border=1>
<tr><td width=100%>
<table border=0>
<tr>
<td width=100>test</td><td width=200>jaja</td>
</tr>
</table>
</td></tr>
</table>

woensdag 2 oktober 2002 10:13

Acties:

woensdag 2 oktober 2002 10:14

be

Verwijderd schreef op 02 oktober 2002 @ 10:11:
aaahhrrggg

kan jij mischien ff minimaal html 4.0 standaarden leren

disjfa - disj·fa (meneer)
disjfa.nl

Acties:

Verwijderd

jajaja, weet ik, 't gaat ff om het principe

woensdag 2 oktober 2002 10:17

Acties:

woensdag 2 oktober 2002 10:19

be

hmmz... k zit t idd net ff te onderzoeken en ik heb t zelfde probleem als jij

bij een tr werkt t nie maar bij een td wel

wtf kan dan

disjfa - disj·fa (meneer)
disjfa.nl

Acties:

woensdag 2 oktober 2002 10:29

* HunterPro denkt aan een tr met height 1 en een background-color: #000000; tussen elke andere tr in

Acties:

Verwijderd

of zoiets dan: ?

<html>
<head>
<style type="text/css">
.bordertje {border: 1px solid black; width: 50%}
</style>
</head>

<body>
<div class="bordertje">
<table border=0>
<tr>
<td width=100>test</td><td width=200>kjakaka</td>
</tr>
</table>
</div>
</body>
</html>

woensdag 2 oktober 2002 10:31

Acties:

Verwijderd

|HunterPro| schreef op 02 oktober 2002 @ 10:19:
/me denkt aan een tr met height 1 en een background-color: #000000; tussen elke andere tr in

pak dan een <hr> snel safe en simpel

woensdag 2 oktober 2002 10:33

Acties:

woensdag 2 oktober 2002 10:41

Verwijderd schreef op 02 oktober 2002 @ 10:31:
[...]

pak dan een <hr> snel safe en simpel

dus jij wilt daar een td met colspan ter breedte van je table voor gebruiken? En dan ook nog eens de CSS properties van die hr aanpassen zodat ie precies er uitziet zoals jij wilt? Lijkt me iets meer code dan gewoon een <tr class="lijntje"></tr>

Acties:

woensdag 2 oktober 2002 10:46

be

Verwijderd schreef op 02 oktober 2002 @ 10:29:
of zoiets dan: ?

1. die stopt m om heel de tabel
2. leer ff html4.0 standaarden

disjfa - disj·fa (meneer)
disjfa.nl

Acties:

Verwijderd

disjfa schreef op 02 oktober 2002 @ 10:41:
[...]

1. die stopt m om heel de tabel
2. leer ff html4.0 standaarden

jajaja, weet ik, nogmaals: 't gaat ff om het ideetje, dus idg een <div> gebruiken om de border goed te krijgen...

Maar misschien ff voor iedereen: leg ook ff uit wat je bedoelt met het 'houden aan html 4.0 standaarden'

woensdag 2 oktober 2002 10:47

Acties:

woensdag 2 oktober 2002 10:48

f0pc0dert

|HunterPro|:
je moet _NOOIT_ een CSS style een class meegeven die al de naam heeft van een HTML element. Noem 'm dan bijvoorbeeld .trmeteenrandje of zo, maar geen head!

waarom niet?

code:

1	tr.head { /* ... */ }

niks mis mee hoor.

edit:

Overigens heb ik 't ook altijd vreemd gevonden dat een border-style voor een tr niet werkt.

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

Acties:

woensdag 2 oktober 2002 10:53

Topicstarter

disjfa schreef op 02 oktober 2002 @ 10:41:
[...]

1. die stopt m om heel de tabel
2. leer ff html4.0 standaarden

Waar staan die standaarden dan precies?

Acties:

woensdag 2 oktober 2002 10:55

f0pc0dert

css:

code:

   table {
      border:1px solid #000000;
      border-collapse:collapse;
   }
   td {
      border-collapse:collapse;
   }
   tr.head {
      border:1px solid #000000;
   }
   
   tr.head td {
      border-top:1px solid #000000;
      border-bottom:1px solid #000000;
   }

HTML:

<table>
   <tr class="head"><td>melp</td><td>blaat</td></tr>
   <tr><td>spef</td><td>nek</td></tr>
   <tr><td>lerp</td><td>sjaak</td></tr>
</table>

dit is de netste oplossing die ik zo 1,2,3 kan verzinnen

edit:

hmzz, mozilla denkt er anders over...

tja, dan moet je denk ik gewoon een hele zut aan classes gaan kloppen

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

Acties:

woensdag 2 oktober 2002 11:00

Topicstarter

drm schreef op 02 oktober 2002 @ 10:47:
[...]

waarom niet?
code:
1
tr.head { /* ... */ }
niks mis mee hoor.

edit:

Overigens heb ik 't ook altijd vreemd gevonden dat een border-style voor een tr niet werkt.

Bij mij werkt die border nog niet hoor. Ik heb ook dit al geprobeerd.

code:

TR.tablehead {
    font-family : Verdana;
    font-size : 10px;
    color : GrayText;
    background-color : f9e230;
    border-width : 1px;
    border-color : black;
}

Acties:

woensdag 2 oktober 2002 11:07

be

we zijn er nu al achter dat je in een tr geen border kan meegeven maar wel een tagnaam zoals "head". dat bedoelde meneer drm hoogstwaarschijnlijk

en standaarden.... www.w3.com

disjfa - disj·fa (meneer)
disjfa.nl

Acties:

woensdag 2 oktober 2002 11:09

Topicstarter

drm schreef op 02 oktober 2002 @ 10:53:

code...

dit is de netste oplossing die ik zo 1,2,3 kan verzinnen

edit:

hmzz, mozilla denkt er anders over...

tja, dan moet je denk ik gewoon een hele zut aan classes gaan kloppen

Ik krijg in IE6.0 om de gehele table een border.

Acties:

woensdag 2 oktober 2002 11:15

be

frankschers schreef op 02 oktober 2002 @ 11:07:
[...]
Ik krijg in IE6.0 om de gehele table een border.

code van drm:

code:

table {
      border:1px solid #000000;
      border-collapse:collapse;
   }

duh krijg je die

disjfa - disj·fa (meneer)
disjfa.nl

Acties:

Hangloozz

{ @$%&# }

Ik doe het meestal op deze manier:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Tietol</title>
    <style type="text/css">
    <!--
    .rand{
        border-top: thin solid #000000;
        border-left: thin solid #000000;
        border-right: thin solid #000000;
    }
    
    .afsluiter{
        border: thin solid #000000;
    }
    -->
    </style>
</head>

<body>

<table width="500" border="0" cellspacing="0" cellpadding="0" align="left">
    <tr>
        <td class="rand">
        
            <table width="500" border="0" cellspacing="0" cellpadding="0" align="left">
                <tr>
                    <td>blaat</td>
                    <td>mekker</td>
                    <td>melp</td>
                    <td>pauper</td>
                </tr>
            </table>        
        
        </td>
    </tr>
    <tr>
        <td class="rand">
        
            <table width="500" border="0" cellspacing="0" cellpadding="0" align="left">
                <tr>
                    <td>blaat</td>
                    <td>mekker</td>
                    <td>melp</td>
                    <td>pauper</td>
                </tr>
            </table>        
        
        </td>
    </tr>
    <tr>
        <td class="afsluiter">
        
            <table width="500" border="0" cellspacing="0" cellpadding="0" align="left">
                <tr>
                    <td>blaat</td>
                    <td>mekker</td>
                    <td>melp</td>
                    <td>pauper</td>
                </tr>
            </table>        
        
        </td>
    </tr>
</table>

</body>
</html>

www.jurgroessen.nl

woensdag 2 oktober 2002 11:18

Acties:

woensdag 2 oktober 2002 11:23

Topicstarter

disjfa schreef op 02 oktober 2002 @ 11:09:
[...]

code van drm:
code:
1
2
3
4
table {
      border:1px solid #000000;
      border-collapse:collapse;
   }
duh krijg je die

Wat doet die border=collapse?

Acties:

woensdag 2 oktober 2002 11:24

f0pc0dert

disjfa:
we zijn er nu al achter dat je in een tr geen border kan meegeven maar wel een tagnaam zoals "head".

classname

dat bedoelde meneer drm hoogstwaarschijnlijk

zelfs voor jou is het gewoon drm.

Hangloozz:
Ik doe het meestal op deze manier:
code:
1
[meuk]

Mjah, dat zou dus de allerlaatste oplossing zijn. Ik zou het dan nog liever zo doen:

css:

code:

   table, td {
      border-collapse:collapse;
   }
   
   tr.head td.first {
      border-left:1px solid #000000;
   }
   
   tr.head td.last {
      border-right:1px solid #000000;
   }
   
   tr.head td {
      border-top:1px solid #000000;
      border-bottom:1px solid #000000;
   }

code:

<table>
   <tr class="head">
      <td class="first">Blaat</td>
      <td>lerp</td>
      <td>melp</td>
      <td class="last">woei</td>
   </tr>
   <tr>
      <td>spef</td>
      <td>w00t</td>
      <td>sjaak</td>
      <td>piet</td>
   </tr>
   <tr>
      <td>spef</td>
      <td>w00t</td>
      <td>sjaak</td>
      <td>piet</td>
   </tr>
</table>

_{leve css2, first-element, last-element}

edit:

frankschers:
Wat doet die border=collapse?

Die voorkomt 't gebruik van cellspacing="0"

De borders "collapsen" volledig, kortom cel1 border rechts, is dezelfde border als cel2 border links

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

Acties:

Verwijderd

Bij mij werkt ut gewoon met <tr border="1">

woensdag 2 oktober 2002 11:24

Acties:

Dope-E

The one and only Dope

Styles op een tr werkt alleen in ie! je zult om elke tr een td moeten fabrieken en die style op de td toepassen.

twitter.com/curly_sanders

woensdag 2 oktober 2002 11:25

Acties:

woensdag 2 oktober 2002 11:29

be

drm schreef op 02 oktober 2002 @ 11:23:
[...]

classname

class name een tag name meegeven

soms blaat ik onzin... soms zeg ik t ook gewoon goed

(en nee dat gebeurt niet vaak nee

)

disjfa - disj·fa (meneer)
disjfa.nl

Acties:

Verwijderd

Dope-E schreef op 02 oktober 2002 @ 11:24:
Styles op een tr werkt alleen in ie! je zult om elke tr een td moeten fabrieken en die style op de td toepassen.

of bedoel je elke tr als aparte tabel uitvoeren? dat is mijn oplossing nog wel eens

woensdag 2 oktober 2002 11:33

Acties:

Hangloozz

{ @$%&# }

drm schreef op 02 oktober 2002 @ 11:23:

spande met een voorbeeld z'n CSS spierballen

scusa mio, maar dat werkt in IE5.0 dus niet...
oeps, copy/paste foutje

daarentegen is die van mij niet zo fraai maar erg werkzaam..da's ook wat waard

Enne mophor; da's dus ook mijn oplossing.....al dat gezeik met wel/niet werken van CSS, en dan nog eens of browser X het wel/niet ondersteund..

www.jurgroessen.nl

woensdag 2 oktober 2002 18:46

Acties:

OkkE

CSS influencer :+

Ik zou het toch net als Hangloozz doen; gewoon je <td> voorzien van een border-top, border-left en border-right.

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

donderdag 3 oktober 2002 01:30

Acties: