Novità
Da:
ItaliaNerd

Registrati gratuitamente per diventare un membro della community ItaliaNerd! Una volta effettuato l'accesso, potrai partecipare a questo sito aggiungendo i tuoi argomenti e post, nonché connetterti con altri membri tramite la tua casella di posta privata! Sentiti libero di utilizzare questo portale come meglio credi, per una breve panoramica dai un'occhiata QUI!

Domanda la tendina del menù dove ci sono le ancore in modalità mobile si apre ma non si chiude

K

King200498

Nuovo Utente
<!DOCTYPE html>
<html lang="it">
<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>Autonoleggio</title>
<link rel="icon" type="image/x-icon" href="favicon (1).ico">
<link rel="stylesheet" href="home.css">
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
rel="stylesheet"/>
<link
href="https://getbootstrap.com/docs/5.3/assets/css/docs.css"
rel="stylesheet"
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>/>
<title>AUTONOLEGGIO</title>
</head>
<body class="p-3 m-0 border-0">
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<h3 id="h3" class="logo">ItalyCar Rental</h3>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="true" aria-label="Toggle navigation">
<data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="#automobili">Automobili</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#lusso">Auto di lusso</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#furgoni">Veicoli Commerciali</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#home">Dove ci trovate?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="orari.html">Orari</a>
</li>
<li class="nav-item">
<a class="nav-link" href="votazioni.html">Votaci!</a>
</li>
</ul>

</ul>
<form class="d-flex" role="search">
</form>
</div>
</div>
</nav>
<br><br>
<center><f id="automobili">Automobili</f></center>
<br><br>

<img id="img1" src="furgone1.png" class="rounded float-start" alt="">
<img id="img2" src="furgone1.png" class="rounded float-end" alt="">
<img id="img3" src="furgone1.png" class="rounded mx-auto d-block" alt="">



<br><br> <br><br><br><br>
<center> <f id="lusso">Automobili di lusso</f></center>
<br><br><br><br><br><br>

<div class="container">
<img id="" class="img1" src="l1.png">
<img class="img1" src="l2.png">
<img class="img1" src="l3.png">
</div>
<br><br><br><br><br><br><br>

<div class="container">
<img class="img1" src="l4.png">
<img class="img1" src="l5.png">
<img class="img1" src="l6.png">
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<center><f id="furgoni">Veicoli commerciali</f></center>
<br><br>
<div class="container">
<img src="furgone1.png">
<img src="furgone2.png">
<img src="furgone3.png">
</div>

<div class="container2">
<p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 150€ al g</p>
<p>da 150€</p>
<p>da 150€</p>
</div>
<div class="container">
<img src="furgone4.png">
<img src="furgone5.png">
<img src="furgone6.png">
</div>
<div class="container2">
<p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; da 182€</p>
<p>da 150€</p>
<p>da 150€</p>
</div>
<br><br><br><br><br><br><br><br>
<center><f id="home">Dove ci trovate?</f></center>
<br><br>
<center><p><iframe src="https://www.google.com/maps/embed?p...0!3m2!1sit!2sit!4v1683535036320!5m2!1sit!2sit" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></p> </center>
<center><h2>Ci trovate in piazza della vittoria n°23, Vicchio.</h2></center>


<footer>
<h2>Autonoleggio Autolitano &copy; 2023</h2><br>
<h2>ItalyCar S.R.L. <br>
Piazza della Vittoria, 50039 Firenze, Italia
P.Iva / C.F: 06969696969</h2>
</footer>
</body>
</html>
 
Lavorare sul codice che hai fornito, senza indentazioni è dura! Usa la funzione codice (puoi trovarla secondo l'indicazione dell'immagine sotto).

1684508733491.webp

Comunque ci sono diversi errori, specie sulle aperture e chiusure dei div, nav etc... ti fornisco sotto il codice corretto per creare una navbar come la vuoi:
HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Esempio Navbar</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>

<nav class="navbar navbar-expand-md bg-dark navbar-dark">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="collapsibleNavbar">
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>   
    </ul>
  </div> 
</nav>
<br>

<div class="container">
  <h3>Codice di esempio</h3>
  <p>In questo modo negli schermi piccoli compare il tasto, mentre in quelli "grandi" le voci compaiono a fianco.</p>
  <p>Le voci compariranno solo se clicchi sul tasto</p>
</div>

</body>
</html>

Prova il codice che ti ho scritto incollandolo nel sito sotto, così fai i tuoi test 🙂
www.w3schools.com

W3Schools online HTML editor

The W3Schools online code editor allows you to edit code and view the result in your browser
www.w3schools.com
 
Indietro
Alto