Visualizzazione dei risultati da 1 a 6 su 6

Discussione: inserimento immagine

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2018
    Messaggi
    7

    inserimento immagine

    Salve, devo inserire un'immagine a sinistra di un testo in un collapse di bootstrap ma sto avendo probelmi, non riesco ad inserire l'immagine in nessun modo :/

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    764
    Dai qualche dettaglio in più, posta il codice della pagina.

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2018
    Messaggi
    7
    Devo inseire un'immagine alla sinistra del testo ne collapse




    <html>
    <head>
    <title>MyTropicalIslands</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwi GgFAW/dAiS6JXm" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    </head>
    <body>
    <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
    <ul class="navbar-nav">
    <li class="nav-item">
    <a class="nav-link" href="#">My Tropical Islands</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">About</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">Book a vacation</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">Contacts</a>
    </li>
    </ul>
    </nav>
    <div id="accordion">
    <div class="card">
    <div class="card-header" id="headingOne">
    <h5 class="mb-0">
    <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
    Our destination
    </button>
    </h5>
    </div>


    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
    <div class="card-body">


    <b>Get out of the city and on a nice beach!</b>
    <p>Some like their holidays active, others like things slow. There is no
    shame in going on holiday, kicking back and doing absolutely nothing, yet so
    often in reality it doesn't quite work out like that. Arrive in a new
    destination, and most of us will instantly want to head out and explore every
    nook and cranny. We just can't help ourselves.


    We have come up with a few locations that will help you a hand in
    resolving this conondrum. These destinations feature some of the most
    spectacular scenery seen anywhere in the world, but there is not much to do
    other than gawk at it in awe, and kick back...</p>
    </div>
    </div>
    </div>

  4. #4
    codice:
    <html>
    <head>
    <title>MyTropicalIslands</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwi GgFAW/dAiS6JXm" crossorigin="anonymous">
    <style type="text/css">
    #image {
        float: left;
    }
    </style>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    </head>
    <body>
    <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
    <ul class="navbar-nav">
    <li class="nav-item">
    <a class="nav-link" href="#">My Tropical Islands</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">About</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">Book a vacation</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="#">Contacts</a>
    </li>
    </ul>
    </nav>
    <div id="accordion">
    <div class="card">
    <div class="card-header" id="headingOne">
    <h5 class="mb-0">
    <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
    Our destination
    </button>
    </h5>
    </div>
    
    
    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
    <div class="card-body">
      <div id="image">
      <img src="immagine.jpg" width="462" height="295" alt=""/>
      </div>
    <b>Get out of the city and on a nice beach!</b>
    <p>Some like their holidays active, others like things slow. There is no
    shame in going on holiday, kicking back and doing absolutely nothing, yet so
    often in reality it doesn't quite work out like that. Arrive in a new
    destination, and most of us will instantly want to head out and explore every
    nook and cranny. We just can't help ourselves.
    
    
    We have come up with a few locations that will help you a hand in
    resolving this conondrum. These destinations feature some of the most
    spectacular scenery seen anywhere in the world, but there is not much to do
    other than gawk at it in awe, and kick back...</p>
    </div>
    </div>
    </div>
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2018
    Messaggi
    7
    Screenshot (52) (1).pnggrazie mille! purtroppo ora il risultato che mi appare è questo, navbar scomparsa e nessun collpase...

  6. #6
    Utente di HTML.it
    Registrato dal
    Jun 2018
    Messaggi
    7
    risolto!!! ancora grazie !!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.