[HTML] Krijg tabel niet goed...

donderdag 16 mei 2002 15:27

Topicstarter

Ik heb de volgende code:

code:

<table cellspacing="0" cellpadding="0" border="0" align="center">
  <tr> 
    <td bgcolor="#000000" height="1" colspan="6" valign="top"></td>
  </tr>
  <tr> 
    <td bgcolor="#000000" width="1" height="64" valign="top"></td>
    <td height="64" colspan="6" valign="top">&nbsp;</td>

  </tr>
  <tr> 
    <td bgcolor="#000000" height="1" colspan="6" valign="top"></td>
  </tr>
  <tr> 
    <td bgcolor="#000000" width="1" height="400" valign="top"></td>
    <td width="186" height="400" valign="top"></td>
    <td bgcolor="#000000" width="1" height="400" valign="top"></td>
    <td width="526" height="400" valign="top"></td>
    <td bgcolor="#000000" width="1" height="400" valign="top"></td>
  </tr>
  <tr> 
    <td bgcolor="#000000" height="1" colspan="6" valign="top"></td>
  </tr>
</table>

Ik wil graag om alle 'vakken' een zwarte rand heen. Nu is dat bijna overal gelukt behalve rechtsbovenaan

Als ik gewoon een column toevoeg verspringt de column er onder naar links

_{klik hier voor een voorbeeld}

Acties:

Verwijderd

Hmm,

table border=1 bordercolor="#000000" cellpadding=0 cellspacing=0

Dit zou gewoon alle rande zwart moeten maken...easy as that...

edit:
Hmmm, er zitten nog wat vage extra strepen dan...

donderdag 16 mei 2002 15:29

Acties:

donderdag 16 mei 2002 15:29

hmmm ligt 't nou aan mij, of is dat wel een heeel wazige manier om tabellen te maken?

"Happiness is a way of travel, not a destination."
--Roy Goodman

Acties:

LuCarD

Certified BUFH

code:

<table cellspacing="0" cellpadding="0" border="0" align="center">
  <tr> 
    <td bgcolor="#000000" height="1" colspan="6" valign="top"></td>
  </tr>
  <tr> 
    <td bgcolor="#000000" width="1" height="64" valign="top"></td>
    <td height="64" colspan="5" valign="top">&nbsp;</td>
    <td bgcolor="#000000" width="1" height="64" valign="top"></td>  
  </tr>
  <tr> 
    <td bgcolor="#000000" height="1" colspan="6" valign="top"></td>
  </tr>
  <tr> 
    <td bgcolor="#000000" width="1" height="400" valign="top"></td>
    <td width="186" height="400" valign="top"></td>
    <td bgcolor="#000000" width="1" height="400" valign="top"></td>
    <td width="526" height="400" COLSPAN="3" valign="top"></td>
    <td bgcolor="#000000" width="1" height="400" valign="top"></td>
  </tr>
  <tr> 
    <td bgcolor="#000000" height="1" colspan="6" valign="top"></td>
  </tr>
</table>

Op donderdag 16 mei 2002 15:29 schreef Flat© het volgende:
hmmm ligt 't nou aan mij, of is dat wel een heeel wazige manier om tabellen te maken?

Nee...

Programmer - an organism that turns coffee into software.

donderdag 16 mei 2002 15:31

Acties:

donderdag 16 mei 2002 15:33

Topicstarter

Op donderdag 16 mei 2002 15:29 schreef LuCarD het volgende:
code:
1
[..]

thx!

Nee...

..hoezo is dit wazig dan? Doe ik iets fout?

Acties:

donderdag 16 mei 2002 15:33

mja ik maak mijn tabellen altijd zo:

code:

<table border=0 bgcolor="#000000" cellpadding=1 cellspacing=1>
<tr>
<td bgcolor="#FFFFFF" colspan=2>header
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" >links
</td>
<td bgcolor="#FFFFFF" >rechts
</td>
</tr>
</table>

"Happiness is a way of travel, not a destination."
--Roy Goodman

Acties:

Verwijderd

IIG dit:
Je doet heel wazig voor 3 vakken

zo krijg ik hetzelfde effect (niet de juiste hoogtes maarja) met veel minder code:

code:

<table width="50%" border="1" bordercolor="#000000" cellspacing="0" cellpadding="0" align=center>
  <tr>
    <td colspan=2 height="81">&nbsp;</td>

  </tr>
  <tr>
    <td width=186 height=400>&nbsp;</td>
<td width=526 height=400>&nbsp;</td>
  </tr>
</table>

Je kunt gewoon alles invullen om em de goede afmetingen te geven...

edit:
Ok, border is wel iets dikker, maar hijs tenminste wel helemaal rond

donderdag 16 mei 2002 15:34

Acties:

donderdag 16 mei 2002 15:38

*zucht*

Je colspans kloppen voor geen meter

Acties:

donderdag 16 mei 2002 15:42

Topicstarter

Op donderdag 16 mei 2002 15:34 schreef Bosmonster het volgende:
Je colspans kloppen voor geen meter

Wat is er fout aan?

Acties:

Verwijderd

Veel

Zover ben ik gekomen in je design...Alleen is ie rechts niet helemaal goed:

code:

<table cellspacing="0" cellpadding="0" border="0" align="center">
  <tr> 
    <td bgcolor="#000000" height="1" colspan="5" valign="top"></td>
  </tr>
  <tr> 
    <td bgcolor="#000000" width="1" height="64" valign="top"></td>
    <td height="64" colspan="3" valign="top" align=center>&nbsp;</td>
    <td bgcolor="#000000" width="1" valign="top"></td>

  </tr>
  <tr> 
    <td bgcolor="#000000" height="1" colspan="6" valign="top"></td>
  </tr>
  <tr> 
    <td bgcolor="#000000" width="1" height="400" valign="top"></td>
    <td width="186" height="400" valign="top"></td>
    <td bgcolor="#000000" width="1" height="400" valign="top"></td>
    <td width="527" height="400" valign="top"></td>
    <td bgcolor="#000000" width="1" height="400" valign="top"></td>
  </tr>
  <tr> 
    <td bgcolor="#000000" height="1" colspan="6" valign="top"></td>
  </tr>
</table>

edit: Nu is de code wel goed!

donderdag 16 mei 2002 15:43

Acties:

donderdag 16 mei 2002 15:44

*zucht*

Op donderdag 16 mei 2002 15:38 schreef Mr.Blonde het volgende:

[..]

Wat is er fout aan?

Ga maar eens tellen

Acties:

donderdag 16 mei 2002 15:45

ik snap nog steeds het hele idee achter zo'n soort tabel niet... je gaat toch geen aparte <td>'s gebruiken als borders?

"Happiness is a way of travel, not a destination."
--Roy Goodman

Acties:

donderdag 16 mei 2002 15:46

*zucht*

Ik gebruik meestal 2 tabellen voor zoiets, stuk makkelijker te onderhouden.. maar er zal wel weer een betere CSS manier voor zijn:

code:

<table cellpadding=0 cellspacing=0 border=0><tr><td bgcolor="#000000">
<table cellpadding=0 cellspacing=1 border=0>
<tr>
    <td colspan=2 bgcolor="#FFFFFF">blabla<br>bla</td>
</tr>
<tr>
    <td bgcolor="#FFFFFF">blabla<br>bla</td>
    <td bgcolor="#FFFFFF">blabla<br>bla</td>
</tr>
</table>
</td></tr></table>

Acties:

donderdag 16 mei 2002 15:47

Topicstarter

Op donderdag 16 mei 2002 15:44 schreef Flat© het volgende:
ik snap nog steeds het hele idee achter zo'n soort tabel niet... je gaat toch geen aparte <td>'s gebruiken als borders?

Ik krijg anders nooit zo'n mooi dun lijntje er omheen

Acties:

Verwijderd

Op donderdag 16 mei 2002 15:44 schreef Flat© het volgende:
ik snap nog steeds het hele idee achter zo'n soort tabel niet... je gaat toch geen aparte <td>'s gebruiken als borders?

Hij wel

Maar idd, deze border is net iets dunnel, en die vind ik persoonlijk ook mooier, maar rechts is ie er gewoon een vergeten, en die is in deze code goed:

<table cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td bgcolor="#000000" height="1" colspan="5" valign="top"></td>
</tr>
<tr>
<td bgcolor="#000000" width="1" height="64" valign="top"></td>
<td height="64" colspan="3" valign="top" align=center> </td>
<td bgcolor="#000000" width="1" valign="top"></td>

</tr>
<tr>
<td bgcolor="#000000" height="1" colspan="6" valign="top"></td>
</tr>
<tr>
<td bgcolor="#000000" width="1" height="400" valign="top"></td>
<td width="186" height="400" valign="top"></td>
<td bgcolor="#000000" width="1" height="400" valign="top"></td>
<td width="527" height="400" valign="top"></td>
<td bgcolor="#000000" width="1" height="400" valign="top"></td>
</tr>
<tr>
<td bgcolor="#000000" height="1" colspan="6" valign="top"></td>
</tr>
</table>

donderdag 16 mei 2002 15:49

Acties:

donderdag 16 mei 2002 15:51

Analytics dude

Gewoon in je stylesheet neerpleuren:

code:

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

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

En dan heb je een keurig dun lijntje.

Acties:

donderdag 16 mei 2002 15:52

Topicstarter

Normaal zou ik het ook nooit zo oplossen, maar ik wilde nu perse zo'n dun lijntje

Acties:

donderdag 16 mei 2002 15:54

Topicstarter

Op donderdag 16 mei 2002 15:49 schreef Yogho het volgende:
Gewoon in je stylesheet neerpleuren:
code:
1
2
3
4
5
6
7
8
9
TD {
  border: 1px solid #000000;
  border-collapse: collapse;
}

TABLE {
  border: 1px solid #000000;
  border-collapse: collapse;
}
En dan heb je een keurig dun lijntje.

Moet de border dan in je html op 1 staan of niet?

Acties:

donderdag 16 mei 2002 15:54

*zucht*

Op donderdag 16 mei 2002 15:52 schreef Mr.Blonde het volgende:

[..]

Moet de border dan in je html op 1 staan of niet?

Heb je het geprobeerd? Lijkt me minder werk dan het hier te vragen

Acties:

donderdag 16 mei 2002 15:54

Topicstarter

Op donderdag 16 mei 2002 15:54 schreef Bosmonster het volgende:

[..]

Heb je het geprobeerd? Lijkt me minder werk dan het hier te vragen

hoeft niet op 1 te staan

Acties:

donderdag 16 mei 2002 15:55

heel goed

"Happiness is a way of travel, not a destination."
--Roy Goodman

Acties:

donderdag 16 mei 2002 15:57

Analytics dude

Op donderdag 16 mei 2002 15:52 schreef Mr.Blonde het volgende:

[..]

Moet de border dan in je html op 1 staan of niet?

Nee op '0', dus zo:

code:

<style>
..zie boven..
</style>

<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td colspan="2"></td>
  </tr>
</table>

Acties:

donderdag 16 mei 2002 15:58

Topicstarter

En wat als ik dan een tabel zonder rand wil

Acties:

JSchut

.....

code:

<table cellspacing="0" cellpadding="0" border="0" align="center">
  <tr> 
    <td bgcolor="#000000" height="1" colspan="7" valign="top">&nbsp;</td>
  </tr>
  <tr> 
    <td bgcolor="#000000" width="1" height="64" valign="top">&nbsp;</td>
    <td height="64" colspan="5" valign="top">&nbsp;</td>
    <td bgcolor="#000000" width="1" height="64" valign="top">&nbsp;</td>    
  </tr>
  <tr> 
    <td bgcolor="#000000" height="1" colspan="7" valign="top">&nbsp;</td>
  </tr>
  <tr> 
    <td bgcolor="#000000" width="1" height="400" valign="top">&nbsp;</td>
    <td width="186" height="400" valign="top">&nbsp;</td>
    <td bgcolor="#000000" width="1" height="400" valign="top">&nbsp;</td>
    <td width="526" height="400" COLSPAN="3" valign="top">&nbsp;</td>
    <td bgcolor="#000000" width="1" height="400" valign="top">&nbsp;</td>
  </tr>
  <tr> 
    <td bgcolor="#000000" height="1" colspan="7" valign="top">&nbsp;</td>
  </tr>
</table>

zoiets

PSN jschut_82 | Xbox: JSchut82

donderdag 16 mei 2002 15:58

Acties:

donderdag 16 mei 2002 16:01

als je dat wil, moet je even 5 sec logisch nadenken...

"Happiness is a way of travel, not a destination."
--Roy Goodman

Acties:

donderdag 16 mei 2002 16:02

Analytics dude

Op donderdag 16 mei 2002 15:57 schreef Mr.Blonde het volgende:
En wat als ik dan een tabel zonder rand wil

border: 0px solid;

Acties:

donderdag 16 mei 2002 16:03

*zucht*

Op donderdag 16 mei 2002 15:57 schreef Mr.Blonde het volgende:
En wat als ik dan een tabel zonder rand wil

Lang leve de css-classes. Duik even in CSS.. kan in de toekomst nog wel van pas komen

Acties:

donderdag 16 mei 2002 16:05

Analytics dude

Op donderdag 16 mei 2002 16:02 schreef Bosmonster het volgende:

Lang leve de css-classes. Duik even in CSS.. kan in de toekomst nog wel van pas komen

Ach ja, soms kun je het wel eens gebruiken.

Acties:

donderdag 16 mei 2002 16:07

Topicstarter

Kan ik dan 2 classes aanmaken bijvoorbeeld zo:

TD.border {
border: 1px solid #000000;
border-collapse: collapse;
}
TABLE.border {
border: 1px solid #000000;
border-collapse: collapse;
}
TD {
border: 0px solid;
}
TABLE {
border: 0px solid;
}

Maar hoe kan ik die verschillende classes dan meegeven in de html

_{Sorry da'k zoveel vragen stel, maar ik vind het zonde om hier weer een appart topic voor te openen.}

Acties:

donderdag 16 mei 2002 16:09

Analytics dude

code:

<style>
  .a TABLE { border: 0px solid #000000 }
  .b TABLE { border: 1px solid #000000 }
</style>

<table class="a"></table>
<table class="b"></table>

Acties:

donderdag 16 mei 2002 16:19

Topicstarter

Op donderdag 16 mei 2002 16:07 schreef Yogho het volgende:

code:

<style>
  .a TABLE { border: 0px solid #000000 }
  .b TABLE { border: 1px solid #000000 }
</style>

<table class="a"></table>
<table class="b"></table>

dank

Acties:

donderdag 16 mei 2002 16:20

Topicstarter

Zo komt er ruimte tussen de columns te zitten, net alsof je een 'normale' border gebruikt.

Ik heb dit in mn stylesheet staan nu:

code:

.a TD {
  border: 1px solid #000000;
  border-collapse: collapse;
}
.a TABLE {
  border: 1px solid #000000;
  border-collapse: collapse;
}
.b TD {
  border: 0px solid #000000;
}
.b TABLE {
  border: 0px solid #000000;
}

En dit in m'n table:

code:

<table class="a" width="750" border="0">
  <tr>
    <td class="a" heigth="80" colspan="2"></td>
  </tr>
  <tr>
    <td class="a" width="100"></td>
    <td class="a" width="650"></td>   
  </tr>
</table>

Of ik nu class="a" bij td zet of niet maakt niet uit

Acties:

donderdag 16 mei 2002 16:26

Analytics dude

padding op 0 zetten

TD {
padding: 0px;
}

Acties:

donderdag 16 mei 2002 17:30

Topicstarter

Op donderdag 16 mei 2002 16:20 schreef Yogho het volgende:
padding op 0 zetten

TD {
padding: 0px;
}

Ik heb nu deze:

code:

.a TD {
  border: 1px solid #000000;
  border-collapse: collapse;
  padding: 0px;
}
.a TABLE {
  border: 1px solid #000000;
  border-collapse: collapse;
  padding: 0px;
}
TD {
  border: 0px solid #000000;
  padding: 0px;
}
TABLE {
  border: 0px solid #000000;
  padding: 0px;
}

Maar padding van 0px helpt niet om die 'tussenruimte' weg te halen

Acties:

donderdag 16 mei 2002 17:44

Topicstarter

Acties:

donderdag 16 mei 2002 18:30

*zucht*

moet het geen

a.table{ }

zijn?

En in ieder geval liever geen classnames van 1 letter..

Acties:

donderdag 16 mei 2002 18:41

Topicstarter

Op donderdag 16 mei 2002 17:44 schreef Bosmonster het volgende:
moet het geen

a.table{ }

zijn?

En in ieder geval liever geen classnames van 1 letter..

Dat werkt helemaal niet helaas.

Een classname van meer dan 1 letter, bijvoorbeeld gewoon 'border' en 'noborder' ofzo maakt niet uit voor het effect.

Acties:

donderdag 16 mei 2002 18:49

*zucht*

Uhh... dumb

table.myclass{ } bedoelde ik

Zo definieer je een CSS-class voorzover ik weet..

Acties: