img centreerd niet met tekst
op mijn website,
http://www.tot50cc.nl
zie je een error die ik netjes wil maken. alleen de tekst centreerd neit met de afbeelding, de afbeelding zit iets te hoog.
hoe kan ik dat netjes doen?
"Kon geen verbinding maken met de database"
dacht dat dit niet zo moeilijk kon zijn?
Code (php)
1
2
3
4
5
2
3
4
5
.error {
padding-left: 25px;
background-image: url(http://www.tot50cc.nl/theme/v1/images/errorbutton.png);
vertical-align: middle;
}
padding-left: 25px;
background-image: url(http://www.tot50cc.nl/theme/v1/images/errorbutton.png);
vertical-align: middle;
}
je html
Code (php)
1
2
3
2
3
<div class="error">
<p>Kon geen verbinding maken met de database</p>
</div>
<p>Kon geen verbinding maken met de database</p>
</div>
That would be all
Code (php)
1
2
2
function error($fout){
?>
?>
<div id="standaardbalk">
<div id="standaardbalk-top"></div>
<div class="error"><p>
Code (php)
1
<?= $fout ?>
<div id="standaardbalk-bottom"><a href="mailto:[email protected]"><h5>Contacteer de webmaster</h5></a></div>
Code (php)
1
2
2
<?php
}
}
en
Code (php)
1
2
3
4
5
6
2
3
4
5
6
.error {
padding-left: 25px;
background-image: url(../images/errorbutton.png);
vertical-align: middle;
}
padding-left: 25px;
background-image: url(../images/errorbutton.png);
vertical-align: middle;
}
dus
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
.error {
padding-left: 25px;
height: 32px;
background-image: url(../images/errorbutton.png) no-repeat;
vertical-align: middle;
}
padding-left: 25px;
height: 32px;
background-image: url(../images/errorbutton.png) no-repeat;
vertical-align: middle;
}
Edit:
hoogte meegeveven voor de juiste hoogte van je element. Zo wordt de vertical-align netjes gehanteerd.
Quote:
edit2: Misschien moet je nog even rommelen met de hoogte omdat je p element vast wel wat padding or marging (of denk eens aan lineheight) heeft. Misschien dat je div dus nog hooger moet worden om het plaatje netjes in het midden te zetten
Gewijzigd op 01/01/1970 01:00:00 door Crispijn -
Verder leuke site, maar inderdaad ff dat mbv een divje oplossen, klein scriptje, en snel gedaan, of je maakt gwn een afbeelding met de text erin etc.
ik weet dat er een veeel makkelijkere oplossing is.
Waarom niet met css? Css is toch voor opmaak uitgevonden?
CSS is daar inderdaad voor uitgevonden.
Waarom zou je CSS uit de weg gaan, dat is juist het mooie van CSS, de HTML en opmaak gescheiden houden.
Helemaal mooi als je dan ook PHP en HTML zoveel mogelijk gescheiden houdt.
ga het alsnog proberen met css