LinkBack URL
About LinkBacksImmagine cliccabile al centro pagina.
Buon giorno.
Mi servirebbe avere la sintassi per un’immagine cliccabile fissa ala centro pagina.
Chiedo aiuto a Voi perche’ da solo non sono riuscito.
Codice immagine al centro pagina
Codice imagine cliccabile
<head>
<style type="text/css">
{
background-image:url(image.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
</style> </head>
Lo script target='_top' e' inserito per bloccare l’audio.<a href="pagina_da_aprire.html" target='_top'><img src="nome_immagine.jpg"
width="300" height="300" border="0" alt="weblink"></a>
Come li metto insieme?
Grazie.
Visualizzazione risultati 1 fino 6 di 6
Discussione: Immagine cliccabile al centro pagina.
-
17-03-2013, 13.27.51 #1
Utente attivo
- Data registrazione
- 24-05-2008
- Messaggi
- 467
Immagine cliccabile al centro pagina.
Ultima modifica di luca1962 : 17-03-2013 alle ore 14.39.33
Luca.
-
17-03-2013, 16.00.08 #2
Staff AV
- Data registrazione
- 03-10-2005
- Messaggi
- 17,744
Serve qualche dettaglio in più: è fissa rispetto a cosa? Alla pagina o alla viewport, o meglio, quando l'utente scorre il documento questa deve scorrere insieme ad esso? Deve stare sopra il resto del contenuto?
In generale avrai bisogno di sfruttare la proprietà CSS vertical-align per centrare verticalmente un elemento di tipo inline (l'elemento img è normalmente inline), ma questo dovrà essere posto all'interno di una linea di testo alta quanto il riquadro in cui vuoi che l'elemento sia centrato verticalmente; per ottenere ciò puoi usare un terzo elemento di tipo inline-block con la proprietà height specificata. Per centrare orizzontalmente invece è sufficiente la proprietà text-align.
-
17-03-2013, 21.40.34 #3
Utente attivo
- Data registrazione
- 24-05-2008
- Messaggi
- 467
E dai e dai, sono riuscito.
Bisogna mettere nella pagina solo questo codice, null'altro.
<table width="100%" height="100%" >
<tr>
<td valign="middle" align="center"><a href="Lucio_Dalla.html"><img src="Dalla.bmp"; border="0"; alt="weblink"></td>
</tr>
</table>Luca.
-
17-03-2013, 21.47.56 #4
Staff AV
- Data registrazione
- 03-10-2005
- Messaggi
- 17,744
Sì, quella è la soluzione sporca e brutta che si usava nel secolo scorso quando non esistevano i fogli di stile (o meglio quando nessuno li supportava), oggi un modo più elegante per ottenere questo risultato lo trovi descritto nell'articolo all'indirizzo http://css-tricks.com/centering-in-the-unknown/.
-
18-03-2013, 16.16.51 #5
Utente attivo
- Data registrazione
- 24-05-2008
- Messaggi
- 467
O.K., ma non e' cliccabile.
Luca.
-
18-03-2013, 17.05.58 #6
Staff AV
- Data registrazione
- 03-10-2005
- Messaggi
- 17,744
Quello è un generico metodo per centrare (orizzontalmente ma sopratutto verticalemente) un qualsiasi elemento, di dimensioni non note all interno di un contenitore a sua volta di dimensioni sconosciute. Se poi ci vuoi il collegamento semplicemente inserisci l'immagine all'interno di un opportuno elemento a.
