need html help.

engaged · 21-03-2009, 06:28 PM

grrrrr ive been tryin at this for ages
im codin this layout:

here is what i have so far

as you can see the sublink images are in the midde, i need them below the navigation tabs.
ive tried everything.. aligning them right, floating them right but they stay in the same place shfrkjsdhfkjsdhfksjdf
heres the code

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jCMS Layout ~ For sale</title>
<style type="text/css">
    body{
        background: #ffffff;
        font-family:Verdana, Geneva, sans-serif;
        font-size:10px;
        color: #818181;
        margin: 0px;
    }
    
    #topcontainer{
        background:url(topbarbg.png);
        height: 113px;
        width: 100%;
    }
    
    #topholder{
        width: 800px;
        margin-right: auto;
        margin-left: auto;
    }
    
    .logo{
        float: left;
        width: 181px;
        height: 113px;
        background: url(logo.png);
    }
    
    .navigation{
        margin-top: 75px;
        float: right;
    }
    
    #redbar{
        width: 100%;
        height: 41px;
        background:url(redbarbg.png);
    }
    
    #redcontainer{
        width: 800px;
        height: 41px; 
        margin-right: auto;
        margin-left: auto;
    }
    
    .sublink{
        float: right;
    }
    
</style>
</head>

<body>
<div id="topcontainer">
    <div id="topholder">
        <div class="logo">
        </div>
        
        <div class="navigation">
            <img src="dashboard.png" />
            <img src="profiles.png" />
            <img src="something.png" />
            <img src="other.png" />
        </div>
    </div>
</div>

<div id="redbar">
    <div id="redcontainer">
        <div class="sublink">
        <img src="sublink.png" />
        <img src="sublink.png" />
        </div>
    </div>
</div>
</body>
</html>

this problem doesnt occur on internet explorer, only firefox (as far as im aware)
You can download the files here: http://rapidshare.com/files/211881039/jcms.zip.html if you want to see them live.
Anybody help? thanks in advance

Moved by ReviewDude (Forum Moderator) from 'Free Requests'.

Thread: need html help.

Thread Tools

need html help.

Posting Permissions