ciao a tutti, premetto che sono alle prime armi, ho un problema, devo inserire la nav all'interno dell'header e sto cercando di fare tutto con le percentuali per avere un layout fluido, quando inserisco do il margin top alla nav e riduco a icona la pagina la nav sparisce invece di rimanere nell'header
qualcuno potrebbe aiutarmi please?
allego codice
CSS:
sorgente:codice:#container { position:absolute; margin: 0px auto; background-color: trasparent; overflow:hidden; width:100%; height: 100%; } .centrato { margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; } #header { position: absolute; overflow: hidden; width:1024px; height: 20%; left:50%; margin-left: -512px; margin-top:10px; background-image:url(../immagini%20layout/header%20colore%20grigia.png); -moz-box-shadow:1px 3px 15px #555; -webkit-box-shadow:1px 3px 15px #555; box-shadow:1px 3px 15px #555; } .flex {max-width:40%; position:fixed} ul#menu { list-style: none; margin:0 auto; padding: 0; text-align:right; margin-right: 50px; margin-top:13%; } #menu li {display: inline; } #menu li a { color: white; display:inline-block; padding:0px; font-weight: bold; line-height: 50px; height: 40px; text-decoration: none; }
codice:</head> <body> <div id="container" div class="centrato"> <div id="header" div class="centrato"> <ul id="menu"> <li class="menuItem"><a href="/">HOME</a></li> <li class="menuItem"><a href="/">PROFESSIONISTI</a></li> <li class="menuItem"><a href="/">SERVIZI</a></li> <li class="menuItem"><a href="/">CONTATTI</a></li> </ul> </div> </div> <div id="galleria"> <div class="flexslider"> <ul class="slides"> <li><img src="Scales-of-justice-2 rtoccata.jpg" alt="Slide" /></li> <li><img src="pen_20and_20paper_20copy.png" alt="slide" /></li> <li><img src="Cassazione-Esterno-2-Imc ritoccata.png" alt="slide" /></li> <li><img src="giustizia-statua.png" alt="slide" /></li> <li><img src="sole24ore-carta.jpg" alt="slide" /></li> </ul>
Rispondi quotando
