Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Posizione link bottone

  1. #1

    Posizione link bottone

    Ciao a tutti,

    Sto cercando, senza risultati, di posizionare un link al di fuori della classica sezione dove inserire il body nella pagina. Più nel dettaglio vorrei ottenere quanto vedete nella seconda figura. Ora la mia situazione la vede in figura 1, il cui codice è:

    codice HTML:
        <!DOCTYPE html><html lang="it">  <head>    <!-- Required meta tags -->    <meta charset="utf-8">    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!-- Bootstrap CSS -->    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <style type="text/css">      .logo {height:12vw; width:12vw; margin-top:8%} /* basso */      .back {height:5em; width:7em; margin-top:4%; position: sticky;} /* alto */    </style>
      </head>  <a href="homepage.html" class="badge badge-primary back"><i class="material-icons" style="font-size:4em">arrow_back</i></a>   <body align="center"><br><br><br>      <h1> In questa pagina è presente la tua lista dei prodotti.</h1>      <h2> Aggiungi modifica o eliminali.</h2>
          <div class="tabella"></div>            <div class="footer"><img src="img/shoppy.png" class="img-fluid logo" alt="Responsive image"></div>
    
    
    
    
        <!-- Optional JavaScript -->    <!-- jQuery first, then Popper.js, then Bootstrap JS -->    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
      </body></html>
    ora.jpg

    dopo.jpg

    Ho già provato combinando tutte le possibili opzioni di position, ma nulla mi ha fatto ottenere quello che volevo
    Ultima modifica di ROCCHEFILI; 20-02-2019 a 17:39

  2. #2
    Il tuo codice fa tuttp atro che le tue immagini
    “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

  3. #3
    Ora dovrebbe essere quello giusto, scusami ma è tutto il giorno che sto programmando e sono ko.

Tag per questa discussione

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 © 2019 vBulletin Solutions, Inc. All rights reserved.