fernando.karpinski

Hello, everyone. I've been struggling with a vertical CSS menu. The HTML for it is: <ul id="menu"> <li><a href="#" class="link">Home</a></li> <li><a href="#" class="link">Calculations and services</a> <ul> <li>Test 1</li> <li>Test 2</li> </ul> </li> </ul> The CSS for it is currently: #menu { list-style: none; padding: 5px; } #menu li ul { display: none; list-style: none; } #menu li:hover ul { display: block; } #menu li:hover ul li { padding-left: 200px; } .link { text-decoration: none; } The problem is, when I hover the mouse over the item "Calculations and services", the first item in its list is not on the same height as its parent, as shown in the print screen attached. How can I solve this? I tried using position: relative in some of the styles but it didn't work. Thanks in advance.

Hello, everyone. So, I am making a menu inside an .inc file to be included with php: <ul> <li style="background: gold; length: 20">Calculate: </li> <li>Distance Between Two Points</li> <li>A</li> </ul> This, however, makes the whole line that contains the text "Calculate" gold. How do I limit this width? Thanks in advance!

Hello, everyone. I'm still beginning on the field of web design, and I would like to know how do I make a menu with text by its side. I thought about using a menu specified in a file of extension .inc, so that I would include it with php code. But how do I put the menu with text on its side? I thought about using div, but, even if I was right, I think this tag is not supported in some new version of HTML. How should I proceed? Thanks in advance!