layout problem

top250

Member
hello i having some problems whit my layout
i have uploaded a new premium ribbon but now the ribbon is over the one below it

so my question how can i solve this so it wont get below end in the other banners
 

cajkan

Active Member
Maybe use horisontal ribbon would be better,
Reason for it coz tables are flexible and they depend on text, if text got 255+ characters box will expand
and ribbon is image and images are not flexible.
You could use CSS - overflow hiden, but i think using horisontal ribbons would be better.
 

Mark

Administrator
Staff member
in CSS you can also define

min-height: 250px;

on your ribbon, that will ensure it always has enough height.
 

top250

Member
did try but this seems not to work used in on 250xp end 300 no affact

Code:
.premium_badge {
    margin-top: -66px;
    text-align: center;
    background: transparent url(img/strap3.png) top center no-repeat;
    min-height: 250px;
    height: 200px;
    width: 100px;
    padding: 10px 0 0 12px;
}


look here to see: http://browser-top250.info/ scrol down to nr14
 

Mark

Administrator
Staff member
min-height: 250px;
height: 200px;

height will override the setting, the order is VERY important....

margin-top: -66px;
text-align: center;
background: transparent url(img/strap3.png) top center no-repeat;
height: 200px;
width: 100px;
padding: 10px 0 0 12px;
min-height: 250px;
 
Top