Sign In
Create Account
Menu CSS....?
Last Updated: Mar 30 2015 14:58, Started by
Fiorello2009softpedia
, Mar 29 2015 14:33
·
0
0
#1
Posted 29 March 2015 - 14:33
|
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
Posted 29 March 2015 - 14:55
|
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; } |
#3
Posted 29 March 2015 - 16:29
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;
}
|
#4
Posted 30 March 2015 - 14:58
|
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); |
Anunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
-
- Change Theme
- English
- Mark Community Read
- Termene & conditii
- Confidentialitate
- Consimtamant
- Cookies
- Help
© 2001-2024 Softpedia. All rights reserved. Softpedia® and the Softpedia logo are registered trademarks of SoftNews Net SRL.
Ora implicita a Forumului Softpedia este ora standard a Romaniei (GMT+2). Mai multe informatii →
⚠ Postarile afisate pe Forumul Softpedia reprezinta o opinie subiectiva a membrilor care le-au publicat si nu a SoftNews Net SRL.