Web Analytics Made Easy -
StatCounter Tooltips and IE. - CodingForum

Announcement

Collapse
No announcement yet.

Tooltips and IE.

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

  • Tooltips and IE.

    http://www.spiderseatbabies.com/swee/gallery.php

    In FF it works just as it should, as usual, but in IE, the tool tip doesnt show up in the right place, the thumbnail isnt in the right position and it's giving it the bluecross as a background image, which is only for lists. Please someone hepl me with this, I really want my gallery to work this way.

  • #2
    change this
    Code:
    li a:link, a:visited {
    	background: url(images/bluecross.gif) no-repeat left;
    	padding-left: 11px;
    }
    li a:hover, a:active {
    	background: url(images/lightbluecross.gif) no-repeat left;
    	padding-left: 11px;
    }
    to this
    Code:
    li a:link, li a:visited {
    	background: url(images/bluecross.gif) no-repeat left;
    	padding-left: 11px;
    }
    li a:hover,  li a:active {
    	background: url(images/lightbluecross.gif) no-repeat left;
    	padding-left: 11px;
    }
    Once you fix that, lets see how the tooltip behaves.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

    Comment


    • #3
      Originally posted by _Aerospace_Eng_
      change this
      Code:
      li a:link, a:visited {
      	background: url(images/bluecross.gif) no-repeat left;
      	padding-left: 11px;
      }
      li a:hover, a:active {
      	background: url(images/lightbluecross.gif) no-repeat left;
      	padding-left: 11px;
      }
      to this
      Code:
      li a:link, li a:visited {
      	background: url(images/bluecross.gif) no-repeat left;
      	padding-left: 11px;
      }
      li a:hover,  li a:active {
      	background: url(images/lightbluecross.gif) no-repeat left;
      	padding-left: 11px;
      }
      Once you fix that, lets see how the tooltip behaves.
      Ok, thanks, that got rid of the list image, but in ie, the page is still shifted left, and the tool tips still don't work.




      IHATEINTERNETEXPLORER

      Comment


      • #4
        I enjoy spaces in between my words, but this is a problem in your part. You have your doctype at the very end of your document which is throwing IE into quirks mode. Move your doctype to the very top of your page, first thing on the page and you will see that your page displays fine in both IE and FF.
        Code:
        <div id="css"><a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.spiderseatbabies.com/swee/ocss.css" title="valid css"></a></div>
        
        </div>
        
        
        </div>
        
        </body>
        </html>
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
        ||||If you are getting paid to do a job, don't ask for help on it!||||

        Comment


        • #5
          Originally posted by _Aerospace_Eng_
          I enjoy spaces in between my words, but this is a problem in your part. You have your doctype at the very end of your document which is throwing IE into quirks mode. Move your doctype to the very top of your page, first thing on the page and you will see that your page displays fine in both IE and FF.
          Code:
          <div id="css"><a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.spiderseatbabies.com/swee/ocss.css" title="valid css"></a></div>
          
          </div>
          
          
          </div>
          
          </body>
          </html>
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
             "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
          Oh man I didn't even see that down there...must've got shofted when I pasted those codes...THANKS.

          Comment


          • #6
            WAit wait wait, it stopped working in Firefox.

            http://www.spiderseatbabies.com/swee/gallery.php

            Comment


            • #7
              Hmm seems like FF needs to be in quirks mode to work but IE needs to be in non-quirks mode. I'll have to say I think thats the first time I've seen a doctype mess up a page in FF. Hmm see if this tooltip here http://www.dynamicdrive.com/dynamici...agetooltip.htm will work out for you.
              ||||If you are getting paid to do a job, don't ask for help on it!||||

              Comment


              • #8
                Originally posted by _Aerospace_Eng_
                Hmm seems like FF needs to be in quirks mode to work but IE needs to be in non-quirks mode. I'll have to say I think thats the first time I've seen a doctype mess up a page in FF. Hmm see if this tooltip here http://www.dynamicdrive.com/dynamici...agetooltip.htm will work out for you.

                I spent so much time writing out all that html...Is there any way to fix it?

                Comment


                • #9
                  Other than using a different script, not as far as I can tell. It won't be that hard, just replace the javascript, and use HTML Kit to find and replace all at once.
                  ||||If you are getting paid to do a job, don't ask for help on it!||||

                  Comment


                  • #10
                    Originally posted by _Aerospace_Eng_
                    Other than using a different script, not as far as I can tell. It won't be that hard, just replace the javascript, and use HTML Kit to find and replace all at once.

                    I tried the dynamic drive one with no success...I guess theres just no way of making tool tips that work with images like I want.

                    Comment


                    • #11
                      Ok, I abandoned the tooltips, now I'm having trouble just positioning text underneath images!

                      http://spiderseatbabies.com/swee/index.php?page=gallery

                      How do I get text underneath the images while keeping them in rows? I've tried paragraphs and breaks but they make the images in a line and not how I need it.

                      Comment


                      • #12
                        http://www.alistapart.com/articles/practicalcss/
                        ||||If you are getting paid to do a job, don't ask for help on it!||||

                        Comment


                        • #13
                          Originally posted by _Aerospace_Eng_
                          I should've known to check there...

                          Comment

                          Working...
                          X