Web Analytics Made Easy -
StatCounter display: block; problem - CodingForum

Announcement

Collapse
No announcement yet.

display: block; problem

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Resolved 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; Apr 3, 2009, 12:58 PM.

  • #2
    validate
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

    Comment


    • #3
      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 a DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

      Comment


      • #4
        It is completely valid...

        Any other suggestions?

        Comment


        • #5
          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!

          Comment


          • #6
            Didn't work. I've tried firebugging it, but to no avail.

            Comment


            • #7
              <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>

              Comment


              • #8
                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

                Comment


                • #9
                  The hex value doesn't make a different -_-

                  Comment


                  • #10
                    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

                    Comment


                    • #11
                      To make you happy, I changed it. It still doesn't work...

                      Comment


                      • #12
                        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.
                        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

                        Comment


                        • #13
                          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; Apr 3, 2009, 04:44 AM.

                          Comment


                          • #14
                            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

                            Comment


                            • #15
                              Ok thanks.. I'll use this temporarily while I get someone to recode my divs xD

                              Comment

                              Working...
                              X