4 replies [Last post]
fortran01
Offline
newbie
www.premrara.com
Last seen: 18 years 37 weeks ago
www.premrara.com
Timezone: GMT+8
Joined: 2004-05-27
Posts: 5
Points: 0

hello css experts.
I have finally implemented my background using css and left the table-style.
But I am having problems with how I manage my backgrounds.
You can see my page at http://www.up-amicus.org
Don't mind the mess I can fix that and the right maroon image which serves as my body background-image.
My problem is how I connect those two background-images on the leftmost side.
My desired layout is here: http:/www.up-amicus.org/lab/
Thank you.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

problem with background-images

Hi fortran01,
Looks like you need to position the background-image in the header at the bottom of the cell.
Try:background-position:bottom left;

Hope that helps

fortran01
Offline
newbie
www.premrara.com
Last seen: 18 years 37 weeks ago
www.premrara.com
Timezone: GMT+8
Joined: 2004-05-27
Posts: 5
Points: 0

problem with background-images

Yipee that worked. Thank you thank you.
Now I have another problem. I cannot place the text "Adventist Ministry to Colleges and University Students" inside the rectangular box of image indexa01 or that background-image on the leftmost and topmost.
i tried several padding techniques inside the header element but won't work, now I placed a class headertitle under the header element but the text won't move.
Thank you again.

fortran01
Offline
newbie
www.premrara.com
Last seen: 18 years 37 weeks ago
www.premrara.com
Timezone: GMT+8
Joined: 2004-05-27
Posts: 5
Points: 0

problem with background-images

I have another problem. You can see there now that I placed the rightmost image with contains a logo. That background-image is "indexb02.jpg" in the menu element. The leftmost images and the rightmost image does not seem to stick together *like my desired layout in http://up-amicus.org/lab/

Worst is, what I am just describing only works in IE browser not in Firefox. Thank you.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

problem with background-images

Hi fortran01,
Try setting the heading to display:block; it will be easier to position.
For the second question adjust the width of the post div.

Hope that helps