Jump to content

another one.

glennk

By glennk
in Technical Help Forum

 Share

Recommended Posts

glennk Member

glennk

Posted
Posted

I realise your probably all getting sick of me, but I have another css question. Everything is as I want it except in firefox there is a space between the top of the div and the picture. I often here the term whitespace. Is this what this is & how do I loose that space ?This is the code.

 

<html>

 

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Hello</title>

<style type="text/css">

#centercontent {

align:center;

width:740px;

background:orange;

border-top:2px solid #000;

border-left:2px solid #000;

border-bottom:2px solid #000;

border-right:2px solid #000;

margin-left: auto;

margin-right: auto;

margin-top:none

padding-left:none;

padding-top:none;

text-align:left;}

 

p{margin-top:none}

 

body {margin:0;

text-align: center;}

 

 

</style>

</head>

 

<body>

<div id="centercontent" >

<p>

<img border="0" src="Fishing%20club%20website/_private/images/mo.jpg" width="740" height="182"></p>

<p>Hellohgfhghjgjgjfjgfjgfjgfjgjg</p>

<p>Hellohgfhghjgjgjfjgfjgfjgfjgjg</p>

<p>Hellohgfhghjgjgjfjgfjgfjgfjgjg</p>

</div>

</body>

 

</html>

Kayak Fishing Launch Sites

 

COD COD COD COD COD

 

50lb Shore Cod

 

 

Link to comment
Share on other sites
Guest NickInTheNorth

Guest NickInTheNorth

Posted
Posted (edited)

remove the un-required 

<p>

 

<div id="centercontent" ><p><img border="0" src="Fishing%20club%20website/_private/images/mo.jpg" width="740" height="182"></p>

 

<div id="centercontent" ><img border="0" src="Fishing%20club%20website/_private/images/mo.jpg" width="740" height="182">

 

should do what you want.

 

Also if possible provide a link to a page where it is easy to look at the results of your code, it is often easier to troubleshoot a problem when you see it visually, it's easy enough to see the code if required. :):)

Edited by NickInTheNorth
Link to comment
Share on other sites
glennk Member

glennk

Posted
  • Author
Posted

http://homepage.ntlworld.com/lisa.broadley.../divattempt.htm

 

I realise the picture is missing but how do I make all the menu background navy from one side of the div to the other, without it effecting the backgrounds for the drop downs.

 

I want it to look like

 

http://homepage.ntlworld.com/lisa.broadley...ivate/index.htm

Kayak Fishing Launch Sites

 

COD COD COD COD COD

 

50lb Shore Cod

 

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We and our partners use cookies on our website to give you the most relevant experience by remembering your preferences, repeat visits and to show you personalised advertisements. By clicking “I Agree”, you consent to the use of ALL the cookies. However, you may visit Cookie Settings to provide a controlled consent.

  I accept