[CSS] background kleur repeat - Softwareontwikkeling

woensdag 5 oktober 2005 21:24

Acties:

Topicstarter

Ik ben bezig met een site, en zit al een poosje te kloten met een probleem. Dit is wat ik nu heb:

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Site.nl</title>
<style type="text/css">

body        {margin: 0px; font-family: Verdana, Arial; font-size: 12px;}

table.index     {padding: 0px; border: 0px; width: 100%;}
#links      {background-color: #2d2d2d; width: 241;}
#rechts     {background-color: #bfbfbf;}

img     {border: opx;}


</style>

</head>
<body>
<table class="index" cellspacing="0">
    <tr>
        <td id="links">Site.nl</td>
        <td id="rechts">Welkom op site.nl!</td>
    </tr>
</table>

</body>
</html>

hiermee krijg ik alleen de achtergrond waar 'Site.nl' en 'Welkom op site.nl' staat de kleur die ik hebben wil, maar de hele pagina moet tot aan onderen gevult worden met die bepaalde kleur. Hoe doe ik dit nu?

AMD Phenom II X6 1090T | 2x 4GB Kingston | Geforce GTX 560TI | Creative I-Trigue L3450

woensdag 5 oktober 2005 21:26

Acties:

Erkens

Fotograaf

wat dacht je van een background-color op body?

woensdag 5 oktober 2005 21:27

Acties:

Tha Ertenal

Topicstarter

nee, want het zijn twee kleuren. Links een andere kleur dan rechts.

AMD Phenom II X6 1090T | 2x 4GB Kingston | Geforce GTX 560TI | Creative I-Trigue L3450

woensdag 5 oktober 2005 21:28

Acties:

Verwijderd

Tabel omzetten naar div's en divs 100% hoog maken?

woensdag 5 oktober 2005 21:31

Acties:

Tha Ertenal

Topicstarter

tjah, dan krijg je die divjes onder elkaar. Hoe zette je die ook alweer naast elkaar...

AMD Phenom II X6 1090T | 2x 4GB Kingston | Geforce GTX 560TI | Creative I-Trigue L3450

woensdag 5 oktober 2005 21:32

Acties:

colbrac

Of je maakt de css:

body, html {margin: 0px; font-family: Verdana, Arial; font-size: 12px; height: 100%}

table.index {padding: 0px; border: 0px; width: 100%; height: 100%;}

Getest in IE 6 en FF

woensdag 5 oktober 2005 21:33

Acties:

Erkens

Fotograaf

Tha Ertenal schreef op woensdag 05 oktober 2005 @ 21:31:
tjah, dan krijg je die divjes onder elkaar. Hoe zette je die ook alweer naast elkaar...

wat heb je zelf geprobeerd en/of gevonden, het is natuurlijk erg makkelijk als wij zeggen dat je daar bijvoorbeeld 'float' voor kan gebruiken, maar uiteindelijk leer je daar zelf niks van

offtopic:
daarnaast zijn tabellen voor layout tegenwoordig echt niet meer nodig

[ Voor 11% gewijzigd door Erkens op 05-10-2005 21:34 ]

woensdag 5 oktober 2005 21:34

Acties:

Tha Ertenal

Topicstarter

kijk, dit werkt. heb em idd nooit bij de body gezet. Erg fout lol. Thanks btw!

Enne, tjah, zoveel. Ik heb echt vet veel geprobeert, maar t werkt nu gewoon lekker. ^_^

[ Voor 37% gewijzigd door Tha Ertenal op 05-10-2005 21:35 ]

AMD Phenom II X6 1090T | 2x 4GB Kingston | Geforce GTX 560TI | Creative I-Trigue L3450

woensdag 5 oktober 2005 21:37

Acties:

colbrac

Erkens schreef op woensdag 05 oktober 2005 @ 21:33:
[...]

offtopic:
daarnaast zijn tabellen voor layout tegenwoordig echt niet meer nodig

Ik had nog wel een tabel nodig toen ik iets een minimale hoogte wou geven. (Dus dat het oprekt als je meer content hebt ipv een scrollbalkje in het block).
Als iemand hier een nette div + css oplossing voor heeft houd ik me aanbevolen!

woensdag 5 oktober 2005 21:38

Acties:

Tha Ertenal

Topicstarter

tjah, ik blijf ook bij tabellen. Denk ik meer ook qwa gewoonte. Altijd al gebruikt, en dan nu de makkelijke divjes gebruiken? Denk het niet!

AMD Phenom II X6 1090T | 2x 4GB Kingston | Geforce GTX 560TI | Creative I-Trigue L3450

woensdag 5 oktober 2005 21:40

Acties:

Willem

Ik zou zeggen doe eens een basic cursusje HTML en CSS.

Er zijn zat topics langsgeweest om je de goede richting in te helpen.

Motor onderhoud bijhouden