html - Full width footer menu with drop up menu equal scaling -



html - Full width footer menu with drop up menu equal scaling -

hello need work fast, stuck right now!

i have total width footer menu list items centered , equal scaling on browser size , think have working correctly now, can't seem drop-up menu work on hover in same way list items on top of each other (vertical list menu) , in equal scaling footer menu.

please can 1 help me this, must quite easy.

thank you!!

<footer> <ul> <li><a href="#">share</a> <ul> <li><a href="#">facebook</a></li> <li><a href="#">twitter</a></li> <li><a href="#">tumblr</a></li> </ul> </li> <li><a href="#" id="scroll-top">top</a></li> <li><a href="#" onclick="funcshow(event);">info</a></li> </ul>

fiddle: http://jsfiddle.net/foroloca/l7noytpf/1/

can u please utilize below css

for more clarity see jsfiddle

css:

footer ul ul li { border-top: 1px solid #ffffff; float: left; width: 100%; } footer ul ul { bottom: 60px; margin: 0; padding: 0; position: absolute; width: 273px; }

html css drop-down-menu menu footer

Comments

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -