HTML/CCS help

waterproof · #1 (**permalink**) 01-16-2007, 12:53 AM

I downloaded the Call of Duty 2 Template, and I want to change the header image to a smaller one. I figured out how to move everything up so the site looks okay with a the smaller image, except for the gray line that highlights the top menu. (menu directly under the image)

Questions 1: How do I move the gray line up from the middle of the page? Is this possible?

Question 2: I also wanted to add some text under the header image but before the top menu. How would I do this?

Image
text (This site is...)
menu

I'm using DreamWeaver and the current code looks like this:

<body>
<div id="container">
<div id="header">

<ul>
<li><a href="<A href="http://www.freewebsitetemplates.com">Home</a></li">http://www.freewebsitetemplates.com">Home</a></li>

****
The link is the start of the menuon the page

I hope someone can help me out. Thanks!

Connor · #2 (**permalink**) 01-16-2007, 01:44 AM

Waterproof,
The reason that you can't move the grey line is becouse it's part of the background... now you can either delete it or you can make it smaller - by cutting out pieces of the top untill its the correct size. But those are the only two ways to do it. There's nothing wrong with your code it's just the CSS and image.

Code:

body {
	background-image:url(images/background.gif); < problem

waterproof · #3 (**permalink**) 01-16-2007, 01:58 AM

Thanks for the quick reply.

Damn that sucks. I don't have any editing software... Can anyone recommend some free ware?

I figured out the text thing for now.

waterproof · #4 (**permalink**) 01-16-2007, 02:18 AM

nevermind. I got one.

roosta · #5 (**permalink**) 01-16-2007, 07:26 AM

All i did was create a new image to go in its place, then rename it to the SAME .jpg file that comes with the template. Refresh in Frontpage and walah, your new image is shown in place.

I am really wanting it in PHP, i haven't heard anything back yet.

RoOSTA

Connor · #6 (**permalink**) 01-16-2007, 08:12 PM

Roosta,
Thats exactly what I'm saying... Waterproof's got to create a new image with the shadow more to the top - that way the bar is in it's rightful place. Its not part of the table/div but part of the background... so there really isn't any way around it... especially if your going to change the size of the header. The really only other way is to but a class code on the table/div and then set the css to have it as a background image for the div.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode