Need help with header (3 posts)

  1. jibstar
    Posted 9 years ago #

    This is my blog: http://www.worldcuptickets4u.com

    I wanted to know whay part of the sytle.css file I have to alter to make the header text smaller and shift it to the right-hand side...I just find I very confusing..

  2. moshu
    Posted 9 years ago #

    This might be a good place to start with Finding_Your_CSS_Styles.

  3. anselm1109
    Posted 9 years ago #

    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">
    <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;

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

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.