1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

CSS HTML/CCS help

Discussion in 'Web Development' started by waterproof, Jan 15, 2007.

  1. waterproof

    waterproof New Member

    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!
     
    waterproof, Jan 15, 2007
    #1
  2. Connor

    Connor Moderator / Programmer

    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); [COLOR="Red"]< problem[/COLOR]
     
    Connor, Jan 15, 2007
    #2
  3. waterproof

    waterproof New Member

    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, Jan 15, 2007
    #3
  4. waterproof

    waterproof New Member

    nevermind. I got one.
     
    waterproof, Jan 15, 2007
    #4
  5. roosta

    roosta New Member

    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
     
    roosta, Jan 16, 2007
    #5
  6. Connor

    Connor Moderator / Programmer

    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.
     
    Connor, Jan 16, 2007
    #6