Immagine cliccabile al centro pagina.

Printable View

17-03-2013, 13.27.51
luca1962

Immagine cliccabile al centro pagina.

Immagine 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

Citazione:

<head>
<style type="text/css">

{

background-image:url(image.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;

}

</style> </head>

Codice imagine cliccabile

Citazione:

<a href="pagina_da_aprire.html" target='_top'><img src="nome_immagine.jpg"
width="300" height="300" border="0" alt="weblink"></a>

Lo script target='_top' e' inserito per bloccare l’audio.
Come li metto insieme?
Grazie.
17-03-2013, 16.00.08
karl94

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
luca1962

E dai e dai, sono riuscito.
Bisogna mettere nella pagina solo questo codice, null'altro.

Citazione:

<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>
17-03-2013, 21.47.56
karl94

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
luca1962

O.K., ma non e' cliccabile.
18-03-2013, 17.05.58
karl94

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.