Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Cum sterg mails din Promotions

Vanzare cumparare fara transfer b...

Receptie ciudata, in functie de t...

Donez medicamente renale ptr pisica
 Ce componenta e asta si ce ziceti...

Dupa 20 ani de facultate, am uita...

Mobile.de ofera imprumut de bani ...

problema test grila
 Digi24 a disparut de pe TV Lg

Drept de proprietate intelectuala...

Jante noi shitbox

Trinitas TV 4K
 Dacia 1316 cu 6 usi ...

Frecventa modificata radio

Un nou pericol pt batrani

Ar trebui sa vindem imobiliarele ...
 

Menu CSS....?

- - - - -
  • Please log in to reply
3 replies to this topic

#1
Fiorello2009softpedia

Fiorello2009softpedia

    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.


#2
cristirg

cristirg

    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;
}

#3
Ruben56

Ruben56

    Senior Member

  • Grup: Senior Members
  • Posts: 2,822
  • Î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;
}



#4
maximgabriel

maximgabriel

    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);

Anunturi

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate