Salve a tutti sono un neofita dei codici html/css e questo è il mio primo post.
Oggi è il secondo giorno che seguendo tutorial sto provando a creare un menu di navigazione orizzontale.
Sono riuscito a dare 'spazio' ai miei bottoni utilizzando il comando padding (height/width non sembra funzionare).
Ora non riesco ad allineare centralmente (rispetto il box nero) il testo stesso dei pulsanti.
C'è una soluzione?
codice HTML:<body> <header> <div id="menu" > <a class="menu" href="index.html"> INDEX </a> <a class="menu" href="portfolio.html"> PORTFOLIO </a> <a class="menu" href="biografia.html"> BIOGRAFIA </a> <a class="menu" href="curiosità.html"> CURIOSITÀ </a> </div> </header> </body>so di aver pasticciato un pò ma sto andando a tentativi :P, grazie!codice:body{ background-color: grey; } div { font-size: 18px; font-family: verdana; font-weight: lighter; text-align: center; } a.menu { background-color: black; color: white; font-weight: normal; text-decoration: None; letter-spacing: 0.4em; margin: 0px 5px 0px 0px; border-bottom-color: yellow; border-style: solid; border-bottom-width: 6px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; padding-bottom: 20px; padding-top: 20px; padding-left: 20px; padding-right: 20px; text-align: center; }
Rispondi quotando