Help Moving Menu To Left

Discussion in 'CSS' started by gobbly2100, Aug 17, 2007.

0
  1. #1
    I just wondered if anyone could tell me how I could push my menu over to the left more?

    Domestic Energy Assessor

    I have looked so much at what it might be but I am going crazy now, it is proberly something really obvious too.
     
    gobbly2100, Aug 17, 2007 IP
  2. twistedspikes

    twistedspikes Notable Member

    Messages:
    5,694
    Likes Received:
    293
    Best Answers:
    0
    Trophy Points:
    280
    #2
    Well for a start I wouldn't have an ID and a class with the same name.

    I wouldn't use padding either, it causes problems in IE. Just replace all instances of padding with margin
     
    twistedspikes, Aug 17, 2007 IP
  3. gobbly2100

    gobbly2100 Banned

    Messages:
    906
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Oh ok thanks for that, how can I move that menu further left though?
     
    gobbly2100, Aug 17, 2007 IP
  4. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #4
    padding-left:0;

    Are you even using a universal reset?
     
    soulscratch, Aug 17, 2007 IP
  5. gobbly2100

    gobbly2100 Banned

    Messages:
    906
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #5
    That has not solved my problem, the menu is still not moving to the left more, is there anything else to try?

    What is a universal reset by the way?
     
    gobbly2100, Aug 18, 2007 IP
  6. himambo

    himambo Peon

    Messages:
    100
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #6 
    ul#navigation {
	padding: 0;
	[B]margin-left: 5px;[/B]
	background-color: transparent;
	color: #fff;
	width: 90%;
}


ul#navigation li a {
[B]  padding-left: 5px;
  padding-right: 5px;[/B]
  color: #fff;
  text-decoration: none;
  float: left;
  border-bottom: solid 1px #009900;
}
    Code (markup):
    hope this help
     
    himambo, Aug 18, 2007 IP
  7. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #7
    He has a valid doctype - that's the other way around. Margins are more likely to break than padding when not in quirks mode (unless you still give a **** about IE5.x - I don't)

    As to the subject at hand - first thing I'd do is axe all those extra pointless containers... axe the redundant and unneeded classes, switch the menu to px sized fonts since the menu is completely broken on large font machines, lose the pointless clearing div, etc, etc...

    Oh, and ease up on the &helip;s, anything more than one of those is bad grammar. (and realistically you should just use three periods as periods!)

    But I think we've had this discussion before...

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Domestic Energy Assessor</title>

<link rel="stylesheet" type="text/css" href="screen.css" />

</head><body>

<div id="container">
	<h1><b>D</b>omestic <b>E</b>nergy <b>A</b>ssessor</h1>
	
	<ul id="navigation">
		<li><a href="/">Home</a></li>
		<li><a href="/about-us.html">About Us</a></li>
		<li><a href="/faq.html">FAQ</a></li>
		<li><a href="/links.html">Links</a></li>
		<li><a href="/contact.html">Contact Us</a></li
	</ul>
	
	<div id="content">
	
		<h2><b>W</b>elcome</h2>
		<p>
			Do you require a Domestic Energy Assessor to provide you with an Energy 
			Performance Certificate? **Make this some sort of catchy question**
		</p><p>
			We are a small team of Domestic Energy Assessors based in the Penn Hill 
			area of Poole, Dorset. Covering the Poole, Bournemouth and surrounding 
			areas, we can provide you with a fast, efficient and professional service.
			Fully accredited and approved through xxx. We aim to provide you with 
			excellent customer service...
		</p>
		<p>
			If you would like to discuss Energy Performance Assessments we will be happy to assist you </p>
		<p>To book an Energy Assessment on your property call xxxxxx, or email for an appointment.</p>
	
		<h2><b>W</b>hy do I need an Energy Performance Assessment?</h2>
		<p>
			From 1st August 2007, any owner of a property with four or more bedrooms will 
			require a Home Information Pack (HIP) in order to sell their home. By law the
			HIP must include an Energy Performance Certificate compiled by an accredited
			Domestic Energy Assessor. This document shows the official energy efficiency
			of a property. The certificate provides you with a rating for the property, 
			showing its energy efficiency and environmental impact on a scale of A-G. It
			will also contain recommendations on how to improve the properties energy 
			performance, and save you money.
		</p>
	</div>
	
	<div id="sidebar">
		<img src="/images/image_001.jpg" 
			width="350"	height="233" alt="DEA" 
		/>
	</div>
	
	<div id="footer">
		<ul>
			<li>Home</li>
			<li>What Is An Energy Performance Certificate</li>
			<li>What Is A Home Information Pack</li>
			<li>How To Make Your Home More Energy Efficient</li>
			<li>Links</li>
			<li>About Us</li>
			<li>Testimonials</li>
			<li>Contact Us</li>
		</ul>

		<p>
			Domestic-Energy-Assessor.org.uk © 2007. All rights reserved, 
			<a href="http://www.bluenotesolutions.com">Web Design</a> By Bluenote Solutions
		</p>
	</div>

</div>

</body></html>
    Code (markup):
    That's really all the HTML you should have there, if that much...

    I'd do the CSS, but I'm not even sure what you are aiming to do now since I'm getting four different appearances in four different browsers.
     
    deathshadow, Aug 19, 2007 IP