Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Link su un'immagine

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2006
    Messaggi
    22

    Link su un'immagine

    Salve a tutti,
    avrei la necessità di mettere un link classico (<a>) sovrapposto ad un'immagine.

    Si tratta della pagina introduttiva ad un sito, quindi l'mmagine è centrata orizzontalmente e vorrei che sopra questa venga visualizzato un link cliccabile.

    I due elementi devono essere sovrapposti, quindi devo dare position:absolute al link, che però cosi mi risulta essere allineato alla pagina intera (cosa che non va bene perchè dipendente dalla risoluzione dello schermo).

    Ho provato a mettere un div esterno ma non sto riuscendo ad uscirne.

    Qualcuno avrebbe qualche dritta da darmi?

    Grazie per il prezioso supporto.

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao, assegna un position:relative; al div che contiene l'immagine e quindi al suo interno inserisci il div col posizionamento assoluto

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2006
    Messaggi
    22
    Grazie mille, funziona perfettamente..

    Ciao!

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2006
    Messaggi
    22
    Ho esultato troppo presto...
    Funziona con tutti i browser (Chrome, Firefox, Safari) in maniera impeccabile, ma ovviamente Internet Explorer fa eccezione: l'immagine non è più centrata, ma spostata sulla sinistra... fortunatamente il link risulta ancora centrato rispetto all'immagine.

    Il codice è

    codice:
    <div style="position:relative; margin:0 auto; text-align:center;width:960px"> 
       [img]images/Linguetta.png[/img] 
       <div style="width:100px; position:absolute; top: 310px; left:50%; margin-left:-50px; text-align:center"> 
           Entra 
       </div>
    </div>
    Ci smanetto un po' e vediamo se riesco a risolvere...

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2006
    Messaggi
    22
    E' bastato mettere un
    codice:
    text-align:center;
    dentro lo style del body che contiene i div.

    Qualcuno saprebbe spiegarmi perchè???

    Mah!!! Grazie comunque per l'aiuto.

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