Code: Selecteer alles
div.wrapper{
clear:both;
height:160px;
position:relative;
text-align:center;
width:100%
}
div.wrapper img{
clear:none
}
div.actie{
background-image:url('/m/gfx/actie.png');
background-repeat:no-repeat;
font-size:20px;
font-weight:bold;
height:122px;
left:52%;
line-height:1.15em;
position:absolute;
top:1em;
width:121px;
vertical-align:middle
}
div.actie a{
display:block;
height:100%;
vertical-align:middle
}De inhoud is in twee opzichten variabel: variabele content (bijvoorbeeld andere prijzen) en een variabele regelhoogte (soms 2 regels, soms 3). Dat kan inderdaad met een plaatje via GD voor PHP, maar volgens mij heb ik nu een hack gevonden waarmee het ook kan met HTML5-tekst en CSS:eentje schreef:Had met Zen Cart hetzelfde probleem... daar heb ik dan de tekst niet met vertical align maar het plaatje met vertical align gedaan... dat werkte wel...
Code: Selecteer alles
div.actie a{
background:transparent;
display:block;
height:100%;
margin-top:-35px;
position:absolute;
top:50%;
vertical-align:middle;
width:121px
}
