PHP ver gevorderde |
|
IK heb volgend stukje code:
<fieldset class="foutmelding" id="foutmelding_77" onclick="document.getElementById('foutmelding_77').style.visibility='hidden'">
<legend class="foutwaarschuwing">Er is een fout opgetreden</legend>
<ul class="foutomschrijving">
<li><b>Fouttype:</b> Waarschuwing (kleine fout)</li>
<li><b>Foutmelding:</b> Division by zero</li>
<li><b>Bestand:</b> /fairground.be/httpdocs/Fifthforce/index.php - regel 16</li>
</ul>
</fieldset>
<fieldset class="foutmelding" id="foutmelding_77" onclick="document.getElementById('foutmelding_77').style.visibility='hidden'"> <legend class="foutwaarschuwing">Er is een fout opgetreden</legend> <ul class="foutomschrijving"> <li><b>Fouttype:</b> Waarschuwing (kleine fout)</li> <li><b>Foutmelding:</b> Division by zero</li> <li><b>Bestand:</b> /fairground.be/httpdocs/Fifthforce/index.php - regel 16</li> </ul> </fieldset>
Nu, zo heb ik er meerdere per pagina, maar ik zou willen dat deze allemaal over elkaar komen (je kan ze wegklikken). Daarom dat ik deze CSS heb gemaakt:
fieldset.foutmelding {
background: #F6EBEB;
border: 2px solid #EEAFAF;
margin:0 auto;
padding: 10px;
width: 452px;
visibility: true;
position: fixed;
top: 0px;
left: 0 auto;
}
legend.foutwaarschuwing {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color: #CC0000;
text-align: center;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
text-decoration: underline;
}
ul.foutomschrijving {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
text-align: left;
list-style-type: circle;
margin-left: 10px;
}
fieldset.foutmelding { background: #F6EBEB; border: 2px solid #EEAFAF; margin:0 auto; padding: 10px; width: 452px; visibility: true; position: fixed; top: 0px; left: 0 auto; } legend.foutwaarschuwing { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:16px; color: #CC0000; text-align: center; margin: 0 auto; padding-left: 10px; padding-right: 10px; font-weight: bold; text-decoration: underline; } ul.foutomschrijving { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #000000; text-align: left; list-style-type: circle; margin-left: 10px; }
Alles werkt goed, ze komen over elkaar, staat bovenaan de pagina over de normale tekst, maar alleen lukt het me niet deze in het midden te krijgen. Zet ik er een DIV rond, dan gaat de hele fieldset weer naar onder (waar de fout zich voordeed), terwijl ik gewoon wil dat die vanboven komt.
|