Toon posts:

Extern CSS + Tabel. Wil niet werken

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb een css betstand gemaakt die er zo uitziet (is het begin :s):
table { border: thin #0066FF}

en deze opgeslage als tabel.css

Daarna heb ik me html code:
<html>
<head>
<title>Fotoboek 1984-2002</title>
<link rel="stylesheet" href="001" type="text/css">
<link rel="stylesheet" href="table.css" type="text/css">
</head>

<body>
<div align="left">
<table class="table" width="100" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
</div>
</body>
</html>


Wat doe ik nu fout :'(

[ Voor 28% gewijzigd door Verwijderd op 27-12-2002 00:29 ]


  • mokumouse
  • Registratie: Maart 2002
  • Laatst online: 11:57

mokumouse

LOLstoel User

table class="table" is dubbelop. Hoeft niet. Omdat het commando table standaard is. daar hoef je geen class voor aan te maken. Wel as je dus 2 verschillende opmaakmodellen wil hebben voor table (dan maak je dus table.opmaak1 en table.opmaak2 aan in het css script, waarna je dus in het html document dat aan roept als <table class=opmaak1...>of <table class="opmaak2"...>


zitten trouwens wel meer fouten in volgens mij, kijk dit tuk maar es na (op naam en alles: <link rel="stylesheet" href="001" type="text/css">
<link rel="stylesheet" href="table.css" type="text/css">

misschien moet je maar es ff kijkuh op www.w3schools.com

[ Voor 30% gewijzigd door mokumouse op 27-12-2002 00:40 ]

Blaat...


Verwijderd

Topicstarter
<html>
<head>
<title>Fotoboek 1984-2002</title>
<link rel="stylesheet" href="001" type="text/css">
<link rel="stylesheet" href="table.css" type="text/css">
</head>

<body>
<div align="left">
<table width="100" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
</div>
</body>
</html>

werkt ook niet!

  • teacher
  • Registratie: September 2001
  • Laatst online: 14:33

teacher

Frontpage Admin / Global Moderator

Dysgaf!

waarom voeg je niet de 2 stylesheets samen?

Wise enough to play the fool


  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

Waarom vertel je niet wat er niet werkt :? Wat wil je bereiken, en wat is je huidige resultaat :?

Sorry, ben m'n glazen bol kwijt.... :/

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


Verwijderd

Topicstarter
style sheet ziet er nu zo uit:

table { border: thin #0066FF}
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0066FF; background-color: #FFFFFF}
body { background-image: url(images/bg.gif)}
body { border: none; clip: rect( )}

en in de head staat nu 1 verwijzing nara deze file. Maar werkt nog steeds niet!

Verwijderd

Topicstarter
Ik wil dat de borders van me tabel die #0066ff kleur krijgen!
Maar dat werkt dus niet!

Verwijderd

Zo te zien heb je het style sheet bestand tabel.css genoemd, maar refereer je in het html aan table.css. Een heel klein typfoutje dus?

Verwijderd

Topicstarter
Helaas alleen een typ foutje op tweakers. In echt staat het wel goed!

  • drm
  • Registratie: Februari 2001
  • Laatst online: 09-06-2025

drm

f0pc0dert

leve de edit knop, trouwens...

Volgens mij vergeet je de border-style op te geven:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
table { 
   border:thin solid #0066ff;
}
/* Of beter nog, om iig geen dingen door elkaar te halen */
table {
   border-width: thin;
   border-style:solid;
   border-color: #0066ff;
}


Vergeet daarbij niet dat de tabel en zijn cellen 2 verschillende dingen zijn, dus dat je eventueel voor de td en th elementen ook nog de borders op moet geven. Overigens is border-collapse dan ook wel een handige, maar dat ga ik je niet voorkauwen, daar is zat over te vinden in de search.

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


Verwijderd

Topicstarter
tanx lot
Pagina: 1