Viewing 2 replies - 1 through 2 (of 2 total)
  • This might be a good place to start with Finding_Your_CSS_Styles.

    The real problem is that you have a bunch of tags surrounding your title.

    The key things that will affect your Title styles is the hierarchy of your tags

    So here is the structure of your code with the corresponding styles you need to watch out for.

    <div id="header">
    <div id="headerimg">
    <div class="mytitle">
    <h1>
    <a>Your Title>

    So in your style sheet any style applied to any of these will affect your titles final position. Also since your title is a link (inside an <a> tag) you will need to specifically style that link since any general style rule will be set for ALL links in the document.

    To make the text smaller and move it to the left add/change the following in your style sheet

    #header a {
    color: #000000;
    text-decoration: none;
    font-size:50%;
    }

    .mytitle {
    position: relative;
    left: 0px;
    top: 40px;
    text-align: left;
    width: 600px;
    color: #990000;
    font-family: Georgia, serif;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Need help with header’ is closed to new replies.