...

hello.

What is the code to move this menu into the middle of the window.
and hove do i change the color of the link that i are in?
i know that i need to change it for ewery site thet i whant it to have a diffrent color in

<style type="text/css">

</style>
</head>
<body>
<ul id="meny">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</body>

sunfighter

06-30-2011, 06:48 PM

Wrap your menu in a div and position to div
div{margin-left: 0 auto; margin-right: 0 auto;}

Your hover and visited declares will color them. If you want them all different at the start you need to color each one. Or do you want them colored differently when selected?

Gl0rY

07-01-2011, 01:05 AM

ok do you meen im going to do

<ul id="meny">
<div{margin-left: 0 auto; margin-right: 0 auto;}
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</div>
</ul>

or do you meen in a diffrent way?

Sammy12

07-01-2011, 04:58 AM

ul.nav {
width: 400px; /* Add the # of lis x width (100px)
height: 40px; /* Set height to fix float */
margin: 0 auto; /* Centers - only if parent div is > 400px, sets an EQUAL margin left and right */
}

ul.nav li {
height: 40px; /* Set height to fix float */
float: left;
}

ul.nav li a {
width: 100px;
float: left;
height: 40px;
line-height: 40px; /* Centers a vertically */

/* Unnecessary */
background-color: #333;
text-align: center;
font-weight: bold;
font-shadow: 1px 0px 0px #FFF;
}

ul.nav li a:hover {
background-color: #E2E2E2;
}

<ul class="nav">
<li><a href="#">Rada</a></li>
<li><a href="#">Rada</a></li>
<li><a href="#">Rada</a></li>
<li><a href="#">Rada</a></li>
</ul>

If you have borders on the nav, then you have to take them into account when regarding the width of the ul.

------------

You can set an "active" class to a specific "a" to make it change color:

a.active {
color: #FFF;
background-color: #444;
}

<ul>
<li><a href="#" class="active">rada</a></li>
<li><a href="#">rada</a></li>
</ul>

Then you have to change the ACTIVE link for each page (since its different). An easier solution is to use java.

shankar.adodis

07-01-2011, 07:58 AM

Hello ,

Provide width to ul and then use margin 0auto to center the Div.