asked on

Joomla: Float Text over Image

I am using Joomla to design a website and I am having a problem with the placement of some text. I am trying to put together a template and I would like the text to float over a background image that only replicates down the page as more content is added. How do I sent the index file or CSS file to do this? Here is the link to the problem: http://www.cybernetiksolutions.com/westonburtband

andrewbleakley

You can set a background to only repeat down a page using

background-repeat:repeat-y;

in the CSS

thebradnetwork

ASKER

The repeat is set on Y and adding the content and having the background replicate isn't the problem. The problem is getting the text to float over the image regardless of the screen resolution. As of now the content text floats to the left and scales with the screen. Check out the link and you will see what I am talking about.

P.S. I probably should have been more clear when I made my original post.

andrewbleakley

for starters you need to match the margins and widths of the div #body with the header and area with the image

so add the following to div#body {} css

margin:0 auto;
width:972px;

also you shouldn't name elements as tags it gets very confusing

thebradnetwork

ASKER

I must be doing something wrong because its not work. I have attached the CSS file and the Index file. I hope this help.
template.css
index.php

andrewbleakley

Can you just confirm that you need the following text over the yellowish background

Weston Burt Band
Test Article
Written by Administrator
Monday, 22 March 2010 01:53

Test Article

thebradnetwork

ASKER

Correct!

ASKER CERTIFIED SOLUTION

andrewbleakley

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

thebradnetwork

ASKER

Works like a CHAMP! Thanks.