header img banner

aares / 2012-08-17 23:14:43   

Hello everybody,
I am trying to put a img banner on top of my page. This should be repeated in all of my pages. How do I do it?
I have been trying many ways but the index and the exhibit section are divided.
I am at the point where I am deeply confused. I have tried adding a spam adn a div in the files. I don't know where I should put the picture either and how to make a link to its. Is there any way I could do it simply through the pre-nav text?

arsondpi / 2012-08-18 06:54:37   

Hello.
The best way to to this is by adding a div before #index and #exhibit in the index.php page (Admin/Assets/template) and then tweeking the css properties of all these divs to get the right layout.

aares / 2012-08-18 20:40:32   
hey arsondpi,
thanks for the hints. I doesn't work though!
Here is what I put in the index.php file:

just above the index id and the container class.
I have put the following script on both base.css and style.css as they are the stylesheet related to index.php
#header { width: 1920 px;
height: 120 px;
background-image: url ('/home/genevie/public_html/files/gimgs/header.jpg');
background-repeat: no repeat;
background-attachment:fixed;
z-index: 2 ;}
How is it it doesn't work? you have any idea?
I have tried a different url path such as
('genevievechevalier.ca//public_html/…....') There is no change in the layout at all! Is there any file priorities going on I'm not aware of?
Thanks
arsondpi / 2012-08-18 22:23:09   

you've got your code messed up - #index and #exhibit are nested in your #header

You should have a structure like:

  1. <div id='header'>...</div>
  2. <div id='index'>...</div>
  3. <div id='exhibit'>...</div>

the correct css is:

  1. #header {
  2.     background: url('http: // www . genevievechevalier . ca / files / gimgs / header . jpg') no-repeat;
  3.       width: 1920px;
  4.       height: 120px;
  5. }

(take out all the gaps from the image url!!!)
and you have to not give a background colour to your #index

aares / 2012-08-19 22:22:19   

Marvellous!!!! It works perfectly!
Thanks for the CSS script writting refresh!!!
You brought the light into my week-end!

thanks!

This thread has been closed, thank you.