changing my header image. |
changing my header image. |
eurisko |
Oct 3 2008, 09:33 PM
Post
#1
|
Group: Members Posts: 6 Joined: 13-September 08 Member No.: 6,661 |
hey everyone,
I've been having trouble trying to change my header image. My site is at www.thegoldenswing.com and I wanted to put an image at the top header, but I can't seem to find the image associated with it or even how to change it. Can anyone tell me what I'm doing wrong? I simply want to put a image on the top header and replace the blue area. How can I replace it with a image called header.jpg? Thanks!! |
Frederiek |
Oct 4 2008, 03:38 AM
Post
#2
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
The header doesn't contain any image. The blue color is a background color given to H1, head_desc div and navigation div.
You could set the image as a background-image to the header div. You'll probably have to adapt the background colors and the text color. Note that the header div doesn't cover the navigation div. |
eurisko |
Oct 5 2008, 05:03 AM
Post
#3
|
Group: Members Posts: 6 Joined: 13-September 08 Member No.: 6,661 |
The header doesn't contain any image. The blue color is a background color given to H1, head_desc div and navigation div. You could set the image as a background-image to the header div. You'll probably have to adapt the background colors and the text color. Note that the header div doesn't cover the navigation div. How can I possible change the code in order to allow an image to be inserted? I wanted to input a image and no longer use just colors. Is this part of the code that I need to change? <body><div id="header"> <h1><a id="top"></a><a href="http://www.thegoldenswing.com/">TheGoldenSwing</a></h1> <div id="head_desc">News, Tips and Tricks About Golf</div> <form class="qs" id="searchform" method="get" action="/index.php"> Thanks. |
Frederiek |
Oct 5 2008, 10:31 AM
Post
#4
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
No, do it in the CSS. Then you can still have the text of your <h1> over the image (if that suits of course).
You need to make the changes in the style.css file. Add a #header rule in which you specify the background image. And get rid of "background:#467aa7;" for "h1, #page_header" and "#head_desc", and maybe of "#navigation" too. That should be about it. |
Lo-Fi Version | Time is now: 24th April 2024 - 06:24 PM |