Forum Moderators: not2easy
.frontpage{
background: #ffffff url(images/background1.jpg) 611px 0px no-repeat;
}
.productpage{
background: #ffffff url(images/background2.jpg) 622px 0px no-repeat;
}
.newspage{
background: #ffffff url(images/background3.jpg) 532px 0px no-repeat;
}
.casepage{
background: #ffffff url(images/background4.jpg) 517px 0px no-repeat;
}
.contactpage{
background: #ffffff url(images/background5.jpg) 533px 0px no-repeat;
}
To position the image where I wanted SUCCESSFULLLY!
Now they want to change the design so the main table is centered and this has thrown my background images out of the window. I can't seem to position them correctly now the table is centered. Netscapes' scroll bars push the design in and not the background image and I can't get it positioned correctly across the browsers any how?
I am using <table align="center"> to align the tables. Is there something else I am missing in my css code. Or is it possible to set the image to the top right of the table it should lie inside?
Not sure of the code for that or how compatable it is?
Please HELP!
thanks for your time.
OLD:
<body class="frontpage">
<table align="center">
NEW:
<body>
<table class="frontpage" align="center">
Birdman
humm, not sure.
1. class="frontpage existingclass"
Put both classes on the table separated by a space. This doesn't work for Netscape 4, but is fine in any browser that doesn't suck.
2. Copy the rules from the table's existing class into all of your classes, so class="frontpage" will do do everything it did before, plus everything the existing class on the table does.
3. Wrap a div around the outside of your table, and apply your classes to that. Give it the same dimensions (if applicable) and centering code as your table, and it will 'shrink-wrap' your table:
<div class="frontpage" align="center"><table ...
</table></div>
