www.webdeveloper.com
Results 1 to 2 of 2

Thread: problem while creating menu button

Hybrid View

  1. #1
    Join Date
    Apr 2011
    Posts
    2

    Unhappy problem while creating menu button

    http://i.stack.imgur.com/pv7Ho.png


    this is the menu im trying to build now im confused and cant figure out how to make it. one div (blue arrow) needs negative margin to get outside the box, another div for blue button background and inside the button two another divs or spans for the text colors. but on hover they need to look same (white color).
    i've tried many times to build it but i failed. I get some bugs while loading.

    btw. im working local so i cant give any link.
    hope you understand me because my english is not good.

    thank you all.

  2. #2
    Join Date
    Jan 2009
    Location
    127.0.0.1
    Posts
    126
    i tried to understand as best i could and this is what i came up with:

    Code:
    <html>
    <head>
    	<style type="text/css">
    		#nav a{font-size: 25px; color: blue; padding: 10px;}
    		#nav a:link{color: blue; text-decoration: none; background-color: tranparent}
    		#nav a:hover{color: blue; text-decoration: none; background-color: transparent}
    		#nav a:active{color: white; text-decorations: none; background-color: blue }
    		
    		ul{list-style-type:none; }
    		li{margin-top: 20px; margin-bottom: 20px}
    	</style>
    </head>
    
    <body>
    	<div id="nav">
    		<ul>
    			<li><a href="#">Link 1</a></li>
    			<li><a href="#">Link 2</a></li>
    			<li><a href="#">Link 3</a></li>
    		</ul>
    	</div>
    </body>
    </html>
    you don't need to provide a link but if you can post your source code like i did it would be very helpful.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles