quante ul e li

**merovese** · 14-10-2021, 13:29

ecco il nuovo codice

codice:

<!doctype html><html>
   <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Futura Logisca e Trasporti Tomao</title>
      <style>
		 a {
  		 color: #1f6383;
		 }
		 a:link {
  		 text-decoration: none;
		 }
		 a:visited {
  		 text-decoration: none;
		 } 
		 a:hover {
         text-decoration: none;
		 color: #2e9bac;
         }
         a:active {
         text-decoration: none; 
         }
         .header{
         background-color:#fff;
         width:100%;
         height:100px;
         display: flex;
         }
         .logo{
         height:100px;
         width:10%;
         position: Absolute;
         top: 11px;
         left: 3px;
         }	
		 div.contattaci {
		 position: absolute;
		 font-family: Verdana, sans-serif;
   		 font-size: 12px;
		 color: #1f6383;
		 text-align: left;
         border: 2px solid #1f6383;
         padding: 10px;
	     top: 3px;
		 left: 740px;
         width: 380px;
         height: 15px;
		 }
         .menubar{
         height:100px;
         position: absolute;
         top: 70px;
         left: 211px;
		 }
         div.menubar:before{
         content: '';
         top: 2px;
         left: 195px;
         position: absolute;
         border-top: 25px solid #fff;
         border-right: 14px solid transparent;
         width: 0;
		 }
         .topbar{
         height:25px;
         width: 713px;
         position: Absolute;
         top: 45px;
         left: 559px;
         background-color: #1f6383;
		 }
         div.topbar:before{
         content: '';
         top: 0px;
         left: 0px;
         position: absolute;
         border-top: 25px solid #fff;
         border-right: 14px solid transparent;
         width: 0;
         }	
         .bottombar{
         height:25px;
         width: 1152px;
         position: Absolute;
         top: 99px;
         left: 120px;
         background-color: #7e9faa;
         }
         div.bottombar:before{
         content: '';
         top: 0px;
         left: 0px;
         position: absolute;
         border-top: 25px solid #fff;
         border-right: 14px solid transparent;
         width: 0;
         }	
         /* menu top*/
         ul {
         list-style-type: none;
		 font-family: Verdana, sans-serif;
		 font-size: 14px;
         margin-top: 72px;
         margin-left: 351px;
		 width: 713px;
         padding-left: 200px;
         overflow: hidden;
         background-color: #2e9bac;
         height: 25px;
         }
         li {
         float: left;
         }
         li a {
         display: block;
         color: white;
         text-align: left;
         padding: 3px 5px;
         text-decoration: none;
         }
         li a:hover {
         background-color: #1f6383;
         }
         li a:active {
         background-color: #7e9faa;
         }
         li {
         border-right: 1px solid #fff;
         border-left: 1px solid #fff;
         }
         li:last-child {
         border-right: 1px solid #fff;
         }	
		 .img {
         position: absolute;
         top: 126px;
         left: 13px;
         background-color:#fff;
         width: 1255px;
         height: 250px;
		 border: 5px solid #7e9faa;
         }
         .menusx {
         position: absolute;
         top: 385px;
         left: 13px;
         background-color:#fff;
         width: 190px;
         height: 600px;
		 border: 2px solid #7e9faa;
         }
		 .desktop {
         position: absolute;
         top: 385px;
         left: 213px;
         background-color:#fff;
         width: 1055px;
         height: 600px;
	     border: 2px solid #7e9faa;
         }
      </style>
   </head>
   <body>
      <div class="logo">
         <img src="immagini/loghi/Futura_logo-xsmall.jpg" width="403" height="100" alt=""/>
      </div>
	    </body>
	<div class="menu"></div>
      <ul><div>
            <li><a href="#home">Contatti</a></li>
            <li><a href="#news">News</a></li>
            <li><a href="#contact">Noi</a></li>
            <li><a href="#about">Home</a></li>
         </div>
      </ul>
	<div class="contattaci">
Telefonaci:  <a href="tel:+39##########">+39.####.######</a>
Scrivici:    <a href="mailto:info@############.###">info@############.###</a>
	</div>
	  <div class="menubar">
	  </div>
      <div class="topbar">
      </div>
      <div class="bottombar">
      </div>
      <div class="desktop">
         <a href="#home">desktop</a>	 
      </div>
	<div class="menusx">
         <a href="#home">menusx</a>	 
      </div><div class="img">
         <a href="#home">img</a>	 
      </div>
</html>

ho eliminato il min-width e il min-height
ma non ho avuto fortuna, ti spiego, sul portatile lo vedo bene, ovviamente sul fisso no, per quanto riguarda la larghezza, invece per la lunghezza è l'inverso.
credo che questo sia il mio scoglio più grande, non riesco proprio a capire dove sia l'inceppo, anche leggendo tra la guida che mi hai postato, col positioning, devo essere sincero no ci ho capito granché

Discussione: quante ul e li

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzazione discussione

Permessi di invio