onbegrijpelijke css ap div 3

Status
Niet open voor verdere reacties.

uaejeroen

Terugkerende gebruiker
Lid geworden
7 dec 2009
Berichten
1.665
Code:
@charset "utf-8";

#container { 
	position: relative;
    width: 780px;
    margin: 0 auto;
}
 
 



.text {
	text-align: center;
	font-style: normal;
}
.text {
	text-align: left;
}
.text {
	text-align: left;
}
.Title {
	text-align: left;
}
.tekst {
	text-align: left;
}
a:link {
	color: #F0F;
	font-size: 14px;
}

a:visited {
	color: #666;
}
a:hover {
	font-style: italic;
	color: #22FF22;
    }
a:focus {
	font-style: italic;
	color: #90F;
	font-size: 12px;
    }
.e-mail {
	color: #696969;
}

#apDiv2 {background: #ffffff;}
#apDiv2 {
	position: absolute;
	left:-7px;
	top:121px;
	width:195px;
	height:559px;
	z-index:2;
	font-size: 12px;
	
}


#apDiv3 {background: #ffffff;}
#apDiv3 {
	position:absolute;
	left:664px;
	top:121px;
	width:200px;
	height:559px;
	z-index:3;

	}

#apDiv4 {background: #ffffff;} #apDiv4 {
	position:absolute;
	left:192px;
	top:120px;
	width:472px;
	height:559px;
	z-index:4;
	color: #000;

}

.Waarschuwing {
}
.Waarschuwing {
}

#Waarschuwing {
	font-family: "Arial Black", Gadget, sans-serif;
}
#Waarschuwing {
	font-family: "Arial Black", Gadget, sans-serif;
}

.background {
	background-image: url(/afbeeldingen/groen-wit.gif);
	background-repeat: repeat;
}
#apDiv3 #form1 {
	color: #F0F;
}
#apDiv3 #form1 {
	color: #90F;
	font-style: italic;
}


body {
	background-image: url(../afbeeldingen/groen-wit.gif);
	background-repeat: repeat;
	width: 780px;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}
#container #apDiv3 p {
	color: #000;

}
#container #apDiv3 p em {
	color: #000;
}
#container #apDiv4 #form2 p label {
	color: #90F;
}
.meter {
	color: #90F;
}
#container #apDiv4 {
	font-style: normal;
	font-size: 12px;
}
#container #apDiv4 h3 {
	font-size: 15px;
}
#container #apDiv4 strong {
	font-size: 15px;
}
#container #apDiv4 strong {
	font-size: 15px;
}
#container #apDiv4 p {
	font-size: 12px;
	color: #000;
}
#container #apDiv2 p {
	color: #F0F;
	text-align: left;
}
.aanvragen p strong {
	font-size: 15px;
}
.aanvragen p strong {
	font-size: 15px;
}
.aanvragen p {
	font-size: 12px;
}
#container #apDiv4 #form1 p em {
	color: #F0F;
}
#container #apDiv3 p {
	text-align: left;
}
#container #apDiv3 p {
	text-align: left;
}
 * {
	 ul {
	color: #000;  
	list-style-type: none;
	line-height: 1.5em;

}
ul {
	color: #000;  
	list-style-type: none;
	line-height: 1.5em;
	
}

ik heb alles op left gezet en nog steeds staad de center
wie weet wat ik verkeert doe?
 
Opgelost

Code:
<div id="apDiv3"><br />
  <img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="html/verhuizing_doorgeven.html">Verhuizen, wat nu?</a><br /> 
  <img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="html/besparingtips.html">Besparingstips<br />
  </a>
 <img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="html/klantenservice.html">Klantenservice</a>    
 </p>
  <form id="form1" name="form1" method="post" action="">
    <p>
      <label for="email"></label>
      e-mail adress<br />
<input name="email" type="text" id="email" size="30" />
      <br />
      wachtwoord<br />
      <label for="password"></label>
      <input name="password" type="password" id="password" size="30" />
      <br />
    </p>
    <p align="right"><a href="html/succesvol_ingelogd.html"><img src="afbeeldingen/inloggen01.gif" alt="inloggen" width="77" height="28" align="right" /><br />
      <br />
    </a><a href="html/wachtwoord_aanvragen.html">Wachtwoord aanvragen</a><br />
</p>
  </form>
  <p><em>
  
  
  <a href="html/foutmelding_inlog.html">
    Foutmelding inloggen</a></em></p>
</form>
</div>

nu het ik nog een probleem
namelijk de knop inloggen, die wil ik rechts maar nog wel een beetje wit ruimte dat de knop niet helemaal aan de rand zit zeg maar

graag advies
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan