Tabellen aanpassen, meerdere vragen.

Nvu, Kompozer en Bluegriffon zijn open source (WYSIWYG) programma's waarmee je een website kunt maken en onderhouden (vergelijkbaar met FrontPage / Dreamweaver).
Greenhorn
Berichten: 7
Lid geworden op: 26 April 2015, 11:31
Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:37.0) Gecko/20100101 Firefox/37.0

Tabellen aanpassen, meerdere vragen.

Berichtdoor Greenhorn » 9 Mei 2015, 8:39

Hallo

Daar was ik weer. De div vraag was geen succes. Zelf maar wat aan het prutsen geweest. Nu heb ik een vraag. Hoe pas ik de tabellen aan? Ik wil de
de cel met naam Model, kleiner hebben in omvang, zodat de rest iets groter wordt en ik wil de rijen inkleuren, dus 1 rij donker rood en de andere donker grijs, tekst word dan wit. Op de gewone Kompozer CSS manier? En wat zijn dan de waarden? En hoe plaats ik mijn footer naar beneden.

Gr. Han
Je hebt niet voldoende permissies om de bijlagen te bekijken van dit bericht.

knorretje
Berichten: 202
Lid geworden op: 8 Augustus 2010, 11:37
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:37.0) Gecko/20100101 Firefox/37.0

Re: Tabellen aanpassen, meerdere vragen.

Berichtdoor knorretje » 14 Mei 2015, 19:57

Hallo greenhorn,

Om de tabelrijen een afwisselende achtergrondkleur te geven zou ik de css pseudoselector nth-child(even) gebruiken in combinatie met een tr selector. Bijvoorbeeld om de rijen afwisselend geel en oranje te maken:
tr
{
background-color: yellow;
}
tr:nth-child(even)
{
background-color: orange;
}

Volledig voorbeeld:

Code: Selecteer alles

<!DOCTYPE html>
<html>
<head>
<style>
   table,th,td
   {
      border:2px solid black;
   }
   table
   {
      border-collapse:collapse;
      width:20%;
      color:black;
   }
   td
   {
      height:40px;
   }
   
   tr
   {
     background-color: yellow;
   }

   tr:nth-child(even)
   {
     background-color: orange;
   }
</style>
</head>
<body>
   <table>
      <tr>
      <td>Roll No</td>
      <td>Name</td>
      <td>Team</td>
      </tr>
      <tr>
      <td>1001</td>
      <td>John</td>
      <td>Red</td>
      </tr>
      <tr>
      <td>1002</td>
      <td>Peter</td>
      <td>Blue</td>
      </tr>
      <tr>
      <td>1003</td>
      <td>Henry</td>
      <td>Green</td>
      </tr>
   </table>
</body>
</html>

Als alternatief kun je ook alle even tabelrijen een eigen css klasse geven, en alle andere oneven tabelrijen een andere css klasse en vervolgens aan beide klassen een verschillende achtergrondkleur koppelen. Voor meer informatie kun je op internet zoeken naar "css table row alternating colors".

Greenhorn
Berichten: 7
Lid geworden op: 26 April 2015, 11:31
Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:37.0) Gecko/20100101 Firefox/37.0

Re: Tabellen aanpassen, meerdere vragen.

Berichtdoor Greenhorn » 15 Mei 2015, 8:04

Hee Knorretje,

Bedankt hier voor. Ik heb jouw vb, van een aantal jaren terug, als VB genomen en ben er mee aan de slag gegaan. Een beetje zitten knutselen en met dit als redelijk resultaat.

Han


Terug naar “Nvu/Kompozer/Bluegriffon”