1
lordliquid
Center a no repeat background banner.
  • 2006/3/8 18:16

  • lordliquid

  • Just popping in

  • Posts: 27

  • Since: 2005/9/22


Here is my code:

td.bkg {
background-image: url(images/cellpic_bkg.jpg);
height: 120px;
vertical-align: bottom;
background-repeat: no-repeat;
padding:5px;
}


here is my site :
http://www.lineage2cheats.net

what do I need to add to the code to make it align in the center horizontally.. Thanks in advance!

2
TottoBG
Re: Center a no repeat background banner.
  • 2006/3/8 19:03

  • TottoBG

  • Not too shy to talk

  • Posts: 111

  • Since: 2005/8/18


Not sure if 'vertical-align: bottom;' will work there. But try
Quote:
background-position: bottom center;

The first property value ('bottom') is for vertical alignment and the second one ('center') is for horizontal alignment.

3
lordliquid
Re: Center a no repeat background banner.
  • 2006/3/8 20:00

  • lordliquid

  • Just popping in

  • Posts: 27

  • Since: 2005/9/22


That worked thanks!

I replaced:

vertical-alignbottom;


with:

background-positionbottom center;


Like so:

td.bkg {
background-imageurl(images/cellpic_bkg.jpg);
height120px;
background-positionbottom center;
background-repeatno-repeat;
padding:5px;
}

Login

Who's Online

321 user(s) are online (77 user(s) are browsing Support Forums)


Members: 0


Guests: 321


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Jul 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits