Hilfe Hover frage

Philoy · 06/03/2014, 22:24

Ich hab nen Problem.
Und zwar der Hover will nicht wie ich will

So soll er sein:

So sieht es codiert aus:

Also aufjedenfall sollen die Menupunkte in einer Reihe stehen, also möchte ich kein text-align setzen, der hover soll mittig sein versteht sich ja, aber kriege es nicht hin.

Code:

#menu ul li a {
    color: #596877;
    display: block;
    font-size: 15px;
    margin-left: 50px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-decoration: none;
    float: left;
}
#menu ul li a:hover {
    background-color: #232A32;
    border-radius: 6px;
    padding-bottom: 5px;
    width: 95px;
}

Hab rausbekommen.

Terreox · 06/04/2014, 16:47

Ich hab jetzt nicht so mega viel mit HTML zu tun, aber vielleicht sowas?

Code:

<!DOCTYPE html>
<html>
<head>
	<title></title>

	<style type="text/css">
	body{
		background: #29323B;
	}
	#mainmenu
	{
		float: left;
	}
	#mainmenu ul
	{
		list-style: none;
		color: #596877;
	}
	#mainmenu ul li
	{
		padding: 10px;
		margin: 8px 0;
		border-radius: 5px;
	}
	#mainmenu ul li:hover
	{
		background: #232A32;
		color: #647B91;
	}
	</style>
</head>
<body>
	<nav id="mainmenu">
		<ul>
			<li>Home</li>
			<li>Portfolio</li>
			<li>Service</li>
			<li>Projects</li>
			<li>Imprint</li>
		</ul>
	</nav>
</body>
</html>

P.S.: Falsche Sektion ->

#moverequest