Menu CSS....?

#1
Fiorello2009softpedia

Posted 29 March 2015 - 14:33

Member

Grup: Members
Posts: 498
Înscris: 27.12.2009

Buna ziua,

Cum pot centra un meniu din css?
Mai jos am atasat si codurile.
Multumesc.

HTML

<nav>
<ul>
<li><a class="nav" href="#">HOME</a></li>
<li><a class="nav" href="#">PORTOFOLIO</a></li>
<li><a class="nav" href="#">CONTACT</a></li>
<li><a class="nav" href="#">ABOUT</a></li>
</ul>
</nav>

CSS

nav {
height:42px;
background-color:#000000;
}

nav ul{
list-style:none;
}

nav ul li a {
float:left;
text-decoration:none;
color:#D8D8D8;
padding:0px 40px;
font-family: "Arial Rounded MT", Georgia, Serif;
text-align: center;
line-height:42px;
height:42px;
}

nav ul li a:hover {
background:#D8D8D8;
color:#000000;
box-shadow: 0px 0px 1px 1px #000000;
}

nav ul li a.active {
background:#D8D8D8;
color:#000000;
box-shadow: 0px 0px 1px 1px #000000;
}

Edited by Fiorello2009softpedia, 29 March 2015 - 14:37.

Back to top

#2
cristirg

Posted 29 March 2015 - 14:55

Senior Member

Grup: Senior Members
Posts: 7,711
Înscris: 16.11.2012

pune si tu la nav ul {

margin-left: 500px;
}

poti sa pui si o tranzitie:

nav ul li a {

transition: all 0.3s ease-in-out;
}

Back to top

#3
Ruben56

Posted 29 March 2015 - 16:29

Senior Member

Grup: Senior Members
Posts: 2,825
Înscris: 05.12.2013

nav {
width: 500px // Aici pui cat vrei tu, eu am pus o valoare aiurea
height:42px;
background-color:#000000;
margin-left:auto;
margin-right:auto;
}

Back to top

#4
maximgabriel

Posted 30 March 2015 - 14:58

New Member

Grup: Members
Posts: 18
Înscris: 09.12.2014

Adauga asta in css la nav ul :

left: 50%;
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-o-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-khtml-transform:translate(-50%,0);
transform:translate(-50%,0);

Back to top

Anunturi

Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

Menu CSS....?

#1 Fiorello2009softpedia Posted 29 March 2015 - 14:33

#2 cristirg Posted 29 March 2015 - 14:55

#3 Ruben56 Posted 29 March 2015 - 16:29

#4 maximgabriel Posted 30 March 2015 - 14:58

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
Fiorello2009softpedia

Posted 29 March 2015 - 14:33

#2
cristirg

Posted 29 March 2015 - 14:55

#3
Ruben56

Posted 29 March 2015 - 16:29

#4
maximgabriel

Posted 30 March 2015 - 14:58