AnonymousX Posted November 30, 2006 Share Posted November 30, 2006 I am currently using a javascript for a drop down menu. I am somewhat new to CSS but know the basics. I am however confused when it comes to making my menu, which is vertically placed on the left of the page, drop directly to the right. Currently at the resolution of 1024x768 the menu will make the drop look semi messy by position the link in the center... A small diagram of my problem.Problem: | Link | | Link | | Link |Main Link--> | Link | | Link | | Link | | Link |Desired Effect:Main Link--> | Link | | Link | | Link | | Link | | Link |Basically what I'm saying is that I don't want any of the link moving to above where the main link begins, sorry I couldn't explain it better. Link to comment Share on other sites More sharing options...
boen_robot Posted November 30, 2006 Share Posted November 30, 2006 Some code and/or a link to a sample page might do better explaining than one could ever do. Link to comment Share on other sites More sharing options...
AnonymousX Posted November 30, 2006 Author Share Posted November 30, 2006 <style type="text/css">#dropmenudiv{position:absolute;background-color: #000066;border:1px solid black;border-bottom-width: 0;font: normalline-height:18px;z-index:100;}#dropmenudiv a{width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid black;padding: 1px 0;font-weight: normal}#dropmenudiv a:hover{ /*hover background color*/background-color: #0000FF;}/* Sample CSS definition for the example list. Remove if desired */.navlist li {list-style-type: square;width: 135px;background-color: #0000FF;}</style> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now