1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Safari displays only 1 div out of 50 :onhover

Discussion in 'CSS' started by bondigor69, Dec 26, 2013.

  1. #1
    hey guys my site is http://GiantGag.com
    If you visit this page and hover on a post it shows a div at the top of each post.


    Now if you use Safari it only show the first div and that's it.
    I checked the source on safari and my hidden divs are there but only one is displaying onhover(the first post )

    weird
     
    bondigor69, Dec 26, 2013 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    For me, it is the left column that works as you seem to want it. That means the page is two-thirds less annoying than it is on Firefox.

    So, look for something that affects the left-hand column differently from the other columns.
     
    kk5st, Dec 26, 2013 IP
  3. bondigor69

    bondigor69 Greenhorn

    Messages:
    58
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    18
    #3
    It must show sharing button on every post hover in every column. It works in all browser but Safari that shows it only on the first post of the first column.

    What you mean by two-thirds less annoying than it is on Firefox.
     
    bondigor69, Dec 26, 2013 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #4
    I would suspect the large amount of invalid markup may be a cause -- in particular the use of anchors (an inline level element) wrapping DIV (block-level elements) -- something invalid in HTML 4 STRICT/XHTML 1.0 STRICT/earlier -- and while they now say it's ok in the steaming train wreck of nonsense known as HTML 5, that doesn't mean it actually works. (usually if it doesn't work it's because the anchor is still inline).

    Though some indentation and carriage returns on that code output would REALLY make it easier to diagnose -- but being that's turdpress, good luck with that.

    But really these:
    <a href="http://giantgag.com/funny-quotes/we-all-have-two-lives-the-second-begins-when-we-realize-you-only-have-one/?pid=2508" rel="bookmark" title="We All Have Two Lives, The Second Begins When We Realize You Only Have One."><img width="250" height="159" src="http://giantgag.com/wp-content/uploads/2013/12/We-all-have-two-lives-The-second-begins-when-we-realize-you-only-have-one.-250x159.jpg" class="attachment-250xXXX wp-post-image" alt="We all have two lives, The second begins when we realize you only have one." /><div class="index_title">We All Have Two Lives, The Second Begins When We Realize You Only Have One.</div>
    </a>
    Code (markup):
    Or to reformat into something legible:

    <a
    	href="http://giantgag.com/funny-quotes/we-all-have-two-lives-the-second-begins-when-we-realize-you-only-have-one/?pid=2508"
    	rel="bookmark"
    	title="We All Have Two Lives, The Second Begins When We Realize You Only Have One."
    >
    	<img
    		width="250" height="159" src="http://giantgag.com/wp-content/uploads/2013/12/We-all-have-two-lives-The-second-begins-when-we-realize-you-only-have-one.-250x159.jpg"
    		class="attachment-250xXXX wp-post-image"
    		alt="We all have two lives, The second begins when we realize you only have one."
    	/>
    	<div class="index_title">
    		We All Have Two Lives, The Second Begins When We Realize You Only Have One.
    	</div>
    </a>
    Code (markup):
    The DIV inside the anchor is a probably culprit, though I make no guarantees on that... though in the typical turdpress fashion it has a title for nothing (unless you have accesskeys there is no reason to ever put TITLE on something that's the same as the contents), the pointless REL attribute, classes for nothing... so on and so forth. The garbage tracking onclick wrapping the entire area likely isn't helping matters either. Of course if the scripting was any good, that would be attaching itself instead of using the onevent attributes.

    Of course, if I had href that long I'd probably put a bullet in my head too. Where 'friendly' URL's /FAIL/.
     
    deathshadow, Dec 27, 2013 IP