Immagine livello sopra

**Valeria75_bis** · 30-01-2014, 00:46

Ciao a tutti, vorrei visualizzare due frecce DX e SX sopra ogni pagina (inteso come livello superiore) e sempre in sulla parte inferiore della finestra (non in fonda alla pagina ma sempre in fondo alla finestra aperta dall'utente).

Quindi vorrei due frecce di navigazione, in primo piano, sempre in fondo alla finestra e sempre agli estremi SX e DX

Io ho provato con

#freccia1{
position:fixed;
bottom:10px;
left:5px;
}

#freccia2{
position:fixed;
bottom:10px;
right:5px;
}

<a href="aaa">
<img src='images/arrow_sx.png' id='freccia1'>
</a>
<a href="bbb" target="_blank">
<img src='images/arrow_dx.png' id='freccia2'>
</a>

Ma non sembra funzionare

Cosa sbaglio?

Grazie

**partime** · 30-01-2014, 09:27

Eppure a me "funziona"... si vedono le due immagini in basso, una a sinistra e una a destra...
Cosa vedi tu?

**Valeria75_bis** · 31-01-2014, 12:56

Le vedo attaccate non agli estremi.

Altra domanda... come potrei inserire un pulsante (che apre un link) posizionato anch'esso sempre in fondo (magari in mezzo alle due frecce che saranno sempre agli estremi DX e SX)?

Grazie

**Prill** · 01-02-2014, 12:06

usa allora piuttosto un div con position:fixed (ma bada che potrai avere sovrapposizioni col contenuto in questa maniera) e all'interno del div fai flottare le due immagini a sinistra e destra e fai risalire il terzo elemento centrandolo col margin:auto)

**Valeria75_bis** · 02-02-2014, 00:46

Scusa ma non ho capito, potresti farmi un esempio partendo dalla situazione che ho creato io con il codice che ho postato prima

**partime** · 02-02-2014, 12:23

Originariamente inviata da Valeria75_bis

Le vedo attaccate non agli estremi.

Faccio fatica a comprendere. Hai la possibilità di linkare il tuo esempio? O almeno farne uno screenshot?

**Prill** · 02-02-2014, 21:38

Originariamente inviata da Valeria75_bis

Scusa ma non ho capito, potresti farmi un esempio partendo dalla situazione che ho creato io con il codice che ho postato prima

qualcosa così:

codice HTML:

<style type="text/css">
<!--
#fisso{
position:fixed;
left:5px;
right:5px;
bottom:10px;
height:50px; /* da variare  */
background-color:#0066CC; /* inserito per vedere il div  */
}
#sinistro{
float:left;
width:100px;
height:50px;
background-color:#CC99FF;
}
#destro{
float:right;
width:100px;
height:50px;
background-color:#FFFF33;
}
#centrale{
margin:0 100px; /* da variare in base alla larghezza dei div laterali  */
height:50px;
text-align:center;
background-color:#0099FF
}
-->
</style>
</head>

<body>
<div id="fisso">
<div id="sinistro">immagine</div>
<div id="destro">immagine</div>
<div id="centrale">testo o altro centrato</div>
</div>
</body>
</html>

le dimensioni dei div sono puramente indicative, gli sfondi inseriti solo per una migliore visualizzazione dell'esempio

**Prill** · 10-02-2014, 13:13

@valeria_75_bis, ti rispondo qui per una forma di allergia ai messaggi privati. L'esempio è al precedente post. Basta un copia e incolla

Discussione: Immagine livello sopra

Strumenti discussione

Ricerca discussione

Visualizza

Immagine livello sopra

Permessi di invio