Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Member UNarmed's Avatar
    Join Date
    Sep 2008
    Posts
    90
    Member #
    17377
    Help would be greatly appreciated, i have been struggling with this the entire day. Ok here goes, i need to line up the navigation with the logo in the header which i think i did alright The content also has to be centered. The problem comes in with the flame and stripe background images. I need then to extend from the right side of the hunting dragons logo, when the browser window is sized horizontally the line wil have to either get smaller or larger with the flame logo staying on the right of the line. The flame and strip need to have a max and min width. E-mail me at salm8888@hotmail.com for the working files, i tried uploading them but the site doznt support the zip format.
    Much thanks!

    The HTML
    HTML Code:
    <div id="MainHeader"></div>
    
    
    <div id="Container">
        <div id="Header"><img src="Images/Logo.jpg"/></div>
        <div id="Body"><img src="Images/Content.jpg" align="top" class="Image" /></div>
    </div>
        <div id="FContain">
            <div id="flame"></div>
            <div id="Gradient"></div>
        </div>
    the CSS

    Code:
    body {
        font-family: Arial, Helvetica, sans-serif;
        background-color:#E4E4E4;
        font-family: Arial, Helvetica, sans-serif;
        text-align:center;
        margin:0px 0px 0px 0px;
    
    }
    
    td {
        font-family: Arial, Helvetica, sans-serif;
    }
    
    th {
        font-family: Arial, Helvetica, sans-serif;
    }
    
    #MainHeader{
    background:url(../Images/HeaderTile.jpg)
    repeat-x;
    height:193px;
    }
    
    #Container{
    width:800px;
    margin:0 auto;
    text-align:left;
    position:relative;
    }
    
    #Header{
    position:relative;
    top:-193px;
    z-index:3;
    }
    
    #Gradient{
    position:relative;
    height:143px;
    top:0px;
    width:100%px;
    background:url(../Images/LineTile.jpg);
    z-index:1;
    }
    /*delete this .image later coz itz jst image of content*/
    .Image{
    position:absolute;
    top:0px;
    }
    
    #flame{
    width:394px;
    height:142px;
    position:absolute;
    right:0px;
    top:0;
    background:url(../Images/Flame.jpg);
    no-repeat;
    z-index:2;
    }
    
    #FContain{
    width:80%px;
    position:relative;
    top:-336px;
    margin-left:25%;
    text-align:left;
    position:relative;
    }

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    How about the URL, so we can see the actual website using various browsers?



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:04 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com