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