[ASP] Tabellen maken met behulp van <style> - Softwareontwikkeling

vrijdag 15 februari 2002 13:32

Acties:

-

Topicstarter

Ik wil een aantal tabellen maken met behulp van stylesheets. Van een tabel is de bovenste rij (omschrijving) blauw en zijn de andere rijen (=inhoud) geel. Om de buitenkant van de tabel loopt een zwarte lijn. Alle andere lijnen binnen de tabel moeten verwijderd worden. Ik heb inmiddels de volgende source:

code:

<html><head><title>test</title>
<style>
.tab {border: 1; 
    cellpadding: 0;
    cellspacing: 0;
    bordercolor: "#000000";
    bordercolorlight: "#000000";
    bordercolordark: "#000000";
    width: 100%;}
.oms {bgcolor: "#000080";
    bordercolorlight: "#000080";
    bordercolordark: "#000080";
    bordercolor: "#000080";}
.inh {bgcolor: "#FFFF00";
    bordercolorlight: "#FFFF00";
    bordercolordark: "#FFFF00";
    bordercolor: "#000080";}
</style></head>

<body>
<table class=tab>
  <tr>
    <td class=oms >Omschrijving tabel</td>
  </tr>
  <tr>
    <td class=inh>Inhoud tabel</td>
  </tr>
</table>

</body>
</html>

Van deze tabel zijn alle cellen wit en is er geen zwarte lijn rondom de tabel getekend. Wat doe ik hier verkeerd?

vrijdag 15 februari 2002 13:39

Acties:

D2k

P&W -> W&G
daar doen ze de style zut

vangen McVirusssssssssssssss

Doet iets met Cloud (MS/IBM)

vrijdag 15 februari 2002 13:48

Acties:

drm

f0pc0dert

bordercolor
border-color

bordercolordark
bordercolorlight
cellspacing
cellpadding
die bestaan niet

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

vrijdag 15 februari 2002 13:49

Acties:

crisp

Devver

Pixelated

Beetje uit het hoofd; zelf aanpassen en/of aanvullen aub:

code:

table {
  border: 1px solid #000000;
}
td {
  border-width: 0px;
}
td.oms {
  background-color: #000080;
}
td.inh {
  background-color: #ffff00;
}

Misschien is een CSS tuutje doorlezen een aanrader?

Intentionally left blank

vrijdag 15 februari 2002 13:52

Acties:

TweakersOnly

-

Topicstarter

De gegevens in de <style>-sectie heb ik afgeleid van de normale HTML-code. Ik gebruik hiervoor Frontpage2000. Waarom is <TD bordercolor=black> wel goed en moet het in de style(sheet) border-color zijn.

Ach ja, Mircosoft...

vrijdag 15 februari 2002 13:58

Acties:

drm

f0pc0dert

TweakersOnly:
De gegevens in de <style>-sectie heb ik afgeleid van de normale HTML-code. Ik gebruik hiervoor Frontpage2000. Waarom is <TD bordercolor=black> wel goed en moet het in de style(sheet) border-color zijn. Ach ja, Mircosoft...

hahaha, nee je gaat nu 2 dingen door elkaar halen, en daar moet je niet MS de schuld van geven

HTML -attributen (zoals bijvoorbeeld bordercolor, bgcolor) staan compleet los van CSS-style elementen. Het is namelijk een losstaande set / taal.

Lees eerst even een paar tutorials door voordat je er mee aan de slag gaat en een hoop tijd verliest

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

vrijdag 15 februari 2002 13:59

Acties:

Shagura

Op vrijdag 15 februari 2002 13:52 schreef TweakersOnly het volgende:
De gegevens in de <style>-sectie heb ik afgeleid van de normale HTML-code. Ik gebruik hiervoor Frontpage2000. Waarom is <TD bordercolor=black> wel goed en moet het in de style(sheet) border-color zijn. Ach ja, Mircosoft...

Erhm, dat heeft geen ene ** te maken met Microsoft (Een keertje niet

) CSS werkt gewoon wat anders dan HTML. Kijk op w3schools/css voor een gehele uitleg over CSS.

[edit]hmmmm, nu ik er zelf naar die site kijk is ie niet echt duidelijk voor beginners

[edit 2]Sterker nog de hele site slaat helemaal nergens op

, nu wel een goede site

vrijdag 15 februari 2002 14:32

Acties:

TweakersOnly

-

Topicstarter

OK, ik ben nu zover dat de tabel een zwarte rand heeft en dat de achtergrondkleur van de rijen in orde is. Ik zit nu alleen nog met het probleem, dat er tussen de verschillende cellen een kleine witruimte is (vergelijkbaar met het cement van een muur). Deze wil ik ook opgevuld hebben met de kleur van de cel. Op de aanbevolen site staat hier volgens mij niets erover vermeld, daarom vraag ik 't ff hier.

vrijdag 15 februari 2002 14:43

Acties:

crisp

Devver

Pixelated

Dat doe je zo:

code:

table {
  border: 1px solid #000000;
  border-spacing: 0px;
  border-collapse: collapse;
}
td {
  border-width: 0px;
  padding: 0px;
}
td.oms {
  background-color: #000080;
}
td.inh {
  background-color: #ffff00;
}

Intentionally left blank