Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4

Thread: Help Please...

  1. #1
    Regular Coder
    Join Date
    Sep 2005
    Posts
    146
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help Please...

    I am having trouble getting this site working in firefox... The nav bar is too wide, although I have used "100%". Could someone please check out the code below?


    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=iso-8859-1" />
    <title>Untitled Document</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
            <ul id="nav">
    		    <li><a href="#">Secured Loans</a></li>
    			<li><a href="#">Tenant Loans</a></li>
    			<li><a href="#">Mortgages</a></li>
    			<li><a href="#">Bridging Loans</a></li>
    			<li><a href="#">Commercial Finance</a></li>
    			<li><a href="#">FAQ</a></li>
    			<li><a href="#">Contact Us</a></li>  
            </ul>
    </body>
    </html>

    ...And CSS
    Code:
    html {
    	background-color: #ffffff;
    	margin: 0px;
    }
    
    body {
    	margin: 0px;
    }
    
    a {
    	font-family: Tahoma;
    	font-size: 14px;
    	color: #444444;
    	text-decoration: none;
    }
    
    a:hover {
    	font-family: Tahoma;
    	font-size: 14px;
    	color: #000000;
    	text-decoration: none;
    }
    
    p {
    	font-family: Tahoma;
    	font-size: 14px;
    	color: #000;
    	padding-left: 15px;
    }
    
    ul#nav {
    	width: 100%;
    	margin: 0px;
    	height: 95px;
    	width: 100%;
    	position: absolute;
    	background-color: #333;
    }
    
    ul#nav li {
    	float: left;
    	padding: 40px 0 0 0;
    	list-style-type: none;
    }
    
    ul#nav li a {
    	font-family: Trebuchet MS;
    	font-size: 14px;
    	color: #bbb;
    	text-decoration: none;
    	padding: 20px 25px 25px 25px;
    }
    
    ul#nav li a:hover {
    	text-decoration: none;
    	color: #fff;
    }

    All Help is greatly appreciated,
    Alex.

  • #2
    Regular Coder
    Join Date
    Sep 2005
    Posts
    146
    Thanks
    0
    Thanked 0 Times in 0 Posts
    oh sorry....


    The site works fine in IE, just not firefox. Can someone please tell me how to get the nav bar so theres no scrolling needed?



    Alex.

  • #3
    New Coder
    Join Date
    Sep 2006
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I'd like to quote the posting guidelines for you

    2) Type in a subject that summarizes your question- A great way to turn off other members wanting to help you is to type an incomplete or silly subject for your post. Examples of poor subject titles include:

    - "Help!"
    - "I'm a newbie...be gentle"
    - "How can I..."
    - "Urgent...deadline tomorrow!"

  • #4
    Regular Coder
    Join Date
    Sep 2005
    Posts
    146
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry about that.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •