Toon posts:

[HTML] een stylesheet per layer of table

Pagina: 1
Acties:
  • 32 views sinds 30-01-2008

Verwijderd

Topicstarter
Hey Mensen,

ik ben nogal een n00b op dit gebied en ik krijg het zelf niet voor elkaar.
Helaas leverde ook de search niets nuttigs op (of ik kan niet zoeken natuurlijk).

Ik ben het volgende aan het proberen.

Ik heb een html-pagina met of meerdere layers of meerdere tabellen of beiden. Doet er eigenlijk niet zo toe.

Nu vroeg ik me af of ik per layer of per tabel een stylesheet in kon stellen.
Ik was zelf in onderstaande richting aan het denken maar dat werkte niet.

Misschien heeft iemand van jullie suggesties?

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div>
  <link rel="stylesheet" type="text/css" href="first.css">
</div>

<div>
  <link rel="stylesheet" type="text/css" href="second.css">
</div>

of voor een tabel:

<table border=0 cellpadding=0 cellspacing=0 width=300><tr><td><table border="0">
  <link rel="stylesheet" type="text/css" href="first.css">
    <tr>
      <td>bla..bla..bla</td>
    </tr>
</table>

<table border=0 cellpadding=0 cellspacing=0 width=450><tr><td><table border="0">
  <link rel="stylesheet" type="text/css" href="second.css">
    <tr>
      <td>bla..bla..bla</td>
    </tr>
</table>

  • kleautviool
  • Registratie: Mei 2003
  • Laatst online: 21-05 19:24
Als je nu gewoon elke tabel een id meegeeft, en dan per id de tabel opmaakt. Dat lijkt me wat makkelijker. Dus zoiets:

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<style type="text/css">
table#1 {
  /* Hier de style voor de eerste tabel */
}
table#2 {
  /* Hier de style voor de volgende tabel */
}

....

<table id="1">
<!-- Hier de tabel -->
</table>

<table id="2">
<!-- Ook hier weer wat zooi -->
</table>

Verwijderd

kleautviool schreef op 22 januari 2004 @ 23:13:
Als je nu gewoon elke tabel een id meegeeft, en dan per id de tabel opmaakt. Dat lijkt me wat makkelijker.
dat lijkt me voor TS al een stapje te ver :P
gewoon 1 stylesheet per pagina/site is voldoende,
een tip is misschien om eens deze site te bezoeken, dan hoeven we hier niet alles uit te leggen (al is in de search en via Google zeker veel te vinden)

http://www.w3schools.com/css/css_howto.asp

[ Voor 13% gewijzigd door Verwijderd op 22-01-2004 23:37 ]


  • Civil
  • Registratie: Oktober 2002
  • Laatst online: 26-05 21:35
Ik heb wel een suggestie ja.
zet
HTML:
1
<link rel="stylesheet" type="text/css" href="style.css">
tussen de
HTML:
1
2
3
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
tags neer.

En geef je tabellen een class of id mee.
HTML:
1
2
3
4
5
6
7
<body>
 <table class="header">
  <tr>
   <td></td>
  </tr>
 </table>
</body>


En doe dan in die ene stylesheet het volgende
Cascading Stylesheet:
1
2
3
table.header {
   hier de style voor de tabel
}


p.s. voor id's gebruik je in de stylesheet # en voor classes een . (zie ook de post van Maurice-k)

Een tweede suggestie is om even een css tutorial op te zoeken zoals bijvoorbeeld deze http://www.w3schools.com/css/default.asp

offtopic:
haha zelfde link :) nou ja bijna dan.

[ Voor 31% gewijzigd door Civil op 22-01-2004 23:38 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 11:04

crisp

Devver

Pixelated

^^^ what they said; een beetje te basic voor W&G eigenlijk...

Intentionally left blank


Dit topic is gesloten.