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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    New Coder
    Join Date
    Mar 2003
    Location
    USA
    Posts
    99
    Thanks
    24
    Thanked 0 Times in 0 Posts

    display: block; problem

    http://www.darkgamer.com/

    If you look at my left navigation, the "Home" link's block onfocus touches the top part that says "DarkGamer".

    How do I get it to work like my other links? It works fine in tables.. just not divs.
    Last edited by Blatch; 04-03-2009 at 06:58 PM.

  • #2
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    validate
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,744
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello Blatch,
    It does act a lot different with a DocType.
    There is a sticky in this forum about DocTypes, also a link in my sig about them.
    There's also links about validating in my sig.

    ...
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #4
    New Coder
    Join Date
    Mar 2003
    Location
    USA
    Posts
    99
    Thanks
    24
    Thanked 0 Times in 0 Posts
    It is completely valid...

    Any other suggestions?

  • #5
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    Wrap that whole block in a div

    Code:
    <div class="box">
    <h3>Site name</h3>
    <ul>
    <li>link</li>
    </ul>
    </div>
    You may want to wrap the h3 in a div or something to get the rounded corners
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #6
    New Coder
    Join Date
    Mar 2003
    Location
    USA
    Posts
    99
    Thanks
    24
    Thanked 0 Times in 0 Posts
    Didn't work. I've tried firebugging it, but to no avail.

  • #7
    Regular Coder
    Join Date
    Mar 2009
    Location
    Portland Oregon
    Posts
    690
    Thanks
    44
    Thanked 63 Times in 62 Posts
    <div id="leftnav">


    <div style="float: left;">
    <div class="tleft"></div>

    <div class="tmiddle" style="width: 188px; line-height: 26px;">
    DarkGamer
    </div>
    <div class="tright"></div>
    </div>what's this one closing?
    <div>

  • #8
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by Blatch View Post
    Didn't work. I've tried firebugging it, but to no avail.
    try to validate css, it give me a error:
    26 #header Value Error : background-color orange is not a color value : orange
    I guess will work after.

    best regards

  • #9
    New Coder
    Join Date
    Mar 2003
    Location
    USA
    Posts
    99
    Thanks
    24
    Thanked 0 Times in 0 Posts
    The hex value doesn't make a different -_-

  • #10
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by Blatch View Post
    The hex value doesn't make a different -_-
    it make because when a browser detect a error in a css declaration ignore everything is inside.

    regards

  • #11
    New Coder
    Join Date
    Mar 2003
    Location
    USA
    Posts
    99
    Thanks
    24
    Thanked 0 Times in 0 Posts
    To make you happy, I changed it. It still doesn't work...

  • #12
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by Blatch View Post
    http://www.darkgamer.com/

    If you look at my left navigation, the "Home" link's block onfocus touches the top part that says "DarkGamer".

    How do I get it to work like my other links? It works fine in tables.. just not divs.
    Quote Originally Posted by Blatch View Post
    To make you happy, I changed it. It still doesn't work...
    Code:
    #header {
       background-color: #fff;
       margin: 0;
       padding: 100px 200px;
    }
    change values how you need.

    regards

  • #13
    New Coder
    Join Date
    Mar 2003
    Location
    USA
    Posts
    99
    Thanks
    24
    Thanked 0 Times in 0 Posts
    Dude... that's not my problem >_<

    Ok, look where I put the link "test". When you are onfocus (click, but move the mouse) you will see the selection spans to the name of the category "Links". I want to remove this - meaning fix it so it matches the other links in terms of display: block;
    Last edited by Blatch; 04-03-2009 at 10:44 AM.

  • #14
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by Blatch View Post
    Dude... that's not my problem >_<

    Ok, look where I put the link "test". When you are onfocus (click, but move the mouse) you will see the selection spans to the name of the category "Links". I want to remove this - meaning fix it so it matches the other links in terms of display: block;
    Code:
    <a style="display: block; outline: none;" href="#">test</a>
    but this is a improvisation, the size of the block remain the same.

    regards

  • Users who have thanked oesxyl for this post:

    Blatch (04-03-2009)

  • #15
    New Coder
    Join Date
    Mar 2003
    Location
    USA
    Posts
    99
    Thanks
    24
    Thanked 0 Times in 0 Posts
    Ok thanks.. I'll use this temporarily while I get someone to recode my divs xD


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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