Div witte achtergrond

Status
Niet open voor verdere reacties.

uaejeroen

Terugkerende gebruiker
Lid geworden
7 dec 2009
Berichten
1.665
HTML:
1325-1379-8824-3672-9199-2481<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>EnergyNet</title>

<style type="text/css">
#apDiv1 {
 position:absolute;
 left:32px;
 top:4px;
 width:1095px;
 height:111px;
 z-index:1;
}
#apDiv2 {
 position:absolute;
 left:32px;
 top:117px;
 width:206px;
 height:468px;
 z-index:2;
}
#apDiv3 {
 position:absolute;
 left:885px;
 top:117px;
 width:241px;
 height:475px;
 z-index:3;
}
#apDiv4 {
 position:absolute;
 left:238px;
 top:114px;
 width:645px;
 height:471px;
 z-index:4;
}
.Waarschuwing {
}
#Waarschuwing {
	font-family: "Arial Black", Gadget, sans-serif;
}
</style>


<link href="/stylesheet/basic.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="apDiv1"> <a href="/index.php"><img src="/afbeeldingen/logo_energynet.gif" width="1094" height="112" alt="home" /></a>
</div>

<div id="apDiv2">
  <p><a href="index.php?p=algemene_informatie"><img src="/afbeeldingen/vink.gif" width="15" height="16" />Algemene informatie</a>
    <br />
    <a href="index.php?p=tarieven">Tarieven</a>
    <br />
    <a href="index.php?p=pakketen">Pakketten</a>
    <br />
    <a href="index.php?p=service"><img src="/afbeeldingen/vink.gif" width="15" height="16" alt="" />Service en onderhoud</a>
    <br />
    <a href="index.php?p=energyservice">Energy service</a>
    <br />
    <a href="index.php?p=product">Productadvies</a>
    <br />
    <a href="index.php?p=besparingtips">Besparingstips</a>
    <br />
    <a href="index.php?p=vraagenantwoord"><img src="/afbeeldingen/vink.gif" width="15" height="16" />Vraag en antwoord</a>
    <br />
    <a href="index.php?p=mail">Per e-mail</a>
    <br />
    <a href="index.php?p=chat">Via chat</a><br />
    <a href="/forum/ftp/index.php">Forum</a><br />
    <a href="index.php?p=gegevens"><img src="/afbeeldingen/vink.gif" width="15" height="16" />Uw gegevens</a>
    <br />
    <a href="index.php?p=nota">Nota en verbruik</a>
    <br />
    <a href="index.php?p=meterstanden">Meterstanden doorgeven</a>
    <br />
    <a href="index.php?p=verhuizing_doorgeven">Verhuizing doorgeven</a>
    
    <br />
  </p>
</div>

<div id="apDiv3">
  <a href="index.php?p=verhuizing_doorgeven"><img src="/afbeeldingen/vink.gif" width="15" height="16" />Verhuizen, wat nu?</a>
  <br />
   <a href="index.php?p=besparingstips"> <img src="/afbeeldingen/vink.gif" width="15" height="16" />Besparingstips</a>
   <br />
  <a href="index.php?p=klantenservice">  <img src="/afbeeldingen/vink.gif" width="15" height="16" />Klantenservice</a>
  <form id="form1" name="form1" method="post" action="">
    <label for="e-mail2">e-mail<br />
    </label>
    <input type="text" name="e-mail" id="e-mail2" />
    <br />
    <label for="wachtwoord">wachtwoord</label>
    <br />
    <input type="text" name="wachtwoord" id="wachtwoord" />
    <br />
           <img src="/afbeeldingen/inloggen01.gif" width="77" height="28" /><br />
    De gegevens zijn niet juist!
    <br />
  </form>
</div>

<div id="apDiv4">

<?php
if (isset($_GET['p'])) {
$includebstandtemp = $_GET['p'];
if (is_file($_GET['p'] . '.html')) {
$includebstand = ''.$includebstandtemp.'.html';
}
}
else {
$includebstand = '';
}
if (!empty($includebstand)) {
include($includebstand);
}
?>

<?php if (!isset($_GET['p'])) { ?>
<h1>Welkomstvenster</h1>
<p>Welkom bij de Online HelpDesk van EnergyNet<br />
  U vraagt, wij antwoorden<br />
  Op deze Online HelpDesk kunt u vragen  stellen omtrent de tarieven en de pakketten die wij aanbieden.<br />
  Beheer uw eigen gegevens<br />
  Wilt u op de hoogte blijven van uw  verbruik, uw nota inzien, een verhuizing of de meterstanden doorgeven? Dat kan  met uw eigen e-mailadres en wachtwoord. Als u nieuw bent, vult u eenmalig een  registratieformulier in.</p>
<?php } ?>


</div>
</body>
</html>

hier heb ik een site met div's

Nou wil ik op de index pagina een gestreepte achtergrond, maar dan worden die div ook gestreept

hoe kan ik kiezen dat de div wit blijven en de achtergrond er achterbliijft zeg maar

graag advies
 
Je kunt in je CSS ook de divs een achtergrondkleur of achtergrondafbeelding meegeven.

Dat kun je doen voor alle divs tegelijk:
div {background: #fcfcfc;}

of voor elke div afzonderlijk door
#apDiv1 {background: #000000;}
#apDiv2 {background: #cccccc;}
#apDiv3 {background: #99999;}
 
beste hr tecsman

hartelijk dank voor uw advies !!!
ik ben niet zo'n expert in css weet alleen de standaard dingen
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan