Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS ‘overflow:hidden’ not working on chrome

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #45591
    Nishant
    Participant

    i have just created a [PEN](http://codepen.io/anon/pen/mbqLn “”) for my practice and it is just working fine on ‘Nightly browser’ (a new browser by Mozilla) but not working on chrome. I think overflow is not working.

    And one more thing. how will i get effect on an element when hover to other one. means if in above PEN, i hover at Facebook icon then a fade effect activated on other three icons.

    #139020
    Paulie_D
    Member

    Firstly, that menu is horrible in terms of accessibilty as, essentially, it’s empty.

    You should be looking into text replacement techniques.

    https://css-tricks.com/html-for-icon-font-usage/

    You’re applying classes to the anchor links so it would make sense to put as much styling on those as possible.

    Anyway, here’s where I’m at so far. :http://codepen.io/Paulie-D/pen/meigf

    #139032
    Nishant
    Participant

    : ) i know the code is horrible. i am learning HTML and CSS from 5 days ago so i don’t know much about HTML & CSS structure.

    would you please explain me, why my code was not working and what you did in this(means why you add all properties to ‘**a**’ instead of ‘**li**’).
    And why you add both ‘**relative**’ and ‘**absolute**’ positioning for ‘**a**’.

    THANKS for your help.

    #139033
    Paulie_D
    Member

    > And why you add both ‘relative’ and ‘absolute’ positioning for ‘a’.

    They may not be necessary…I was just trying something out.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.