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 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Whitespace in display:block

    Hi everyone,

    I have a problem with I.E adding extra white space to the top of a div tag with list styled with the display:block. I have set all margins to 0 in the navigation style (which has the block selected). I would really appreciate it if someone with more knowledge than me could look at my code, i will paste here.
    .navigation:link {
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;
    font-style: italic;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    padding-top: 0px;
    padding-bottom: 3px;
    margin-top: 0px;
    white-space: normal;
    height: 20px;
    }

    This is the code i used to style an unordered list to make a navigation bar.

    cheers.

  • #2
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by lazzaboi View Post
    Hi everyone,

    I have a problem with I.E adding extra white space to the top of a div tag with list styled with the display:block. I have set all margins to 0 in the navigation style (which has the block selected). I would really appreciate it if someone with more knowledge than me could look at my code, i will paste here.
    Code:
    .navigation:link {
    	display: block;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #FFFFFF;
    	font-size: 18px;
    	text-decoration: none;
    	font-style: italic;
    	border-bottom-width: 1px;
    	border-bottom-style: solid;
    	border-bottom-color: #FFFFFF;
    	padding-top: 0px;
    	padding-bottom: 3px;
    	margin-top: 0px;
    	white-space: normal;
    	height: 20px;
    }
    This is the code i used to style an unordered list to make a navigation bar.

    cheers.
    would be better if you could post a link to the page. My guess is that the selector is to specific, that means you style the elements which have class navigation and pseudo class link in the same time, but this is only a guess, .

    use code and /code tags for code, please,

    best regards


  •  

    Posting Permissions

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