Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13
  1. #1

    Immagine non linkabile in un div centrale.

    Scusate il post precedente.
    Ho un problema: ho costruito un file html con un foglio di stile associato.
    in questo file html sono presenti alcuni div che fanno riferimento alle istruzioni dei div nel file css.

    Ho due div in particolare:

    1) è posizionato a centro pagina e contenente una immagine che dovrebbe essere linkata (ma non è linkata ed è questo il problema)

    codice:
    <div id="cont"><div id="center"><a href="http://www.google.com/">
    [img]img/google.png[/img]</a></div></div>

    2) il div che è posizionato in basso a destra, contiene una immagine e viene linkata senza problemi.

    codice:
    <div id="cont"><div id="box">
    
    <a HREF="http://prosite.com/" target="_blank" onMouseOver="imgOver('d');;window.status=''" onMouseOut="imgOut('d');window.status=' '">
    [img]img/be_button.png[/img]</a></div></div>
    Come mai questa disparità? perché non riesco a linkare l'immagine che sta al centro?
    Credo che sia un problema di css mal scritti (non sono uno molto pratico di css) in quanto con internet explorer il tutto funziona. Con il resto dei browser no.

    C'è qualcosa che mi sfugge?

    ora vi posto il codice dei CSS:
    codice:
    .box{position:absolute;top:15%;right:200px;width:500px;padding-bottom:100px}
    .box div{line-height:1.5em;background:#fff;padding:20px 30px}
    .box div a{text-decoration:underline}
    .large{text-align:right;top:20%;right:120px;font-size:13px}
    .left{text-align:left;right:auto;left:180px;font-size:13px}
    .large h2{font-size:60px}
    .white{color:#fff}
    
    #cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}
    
    #center {
    position:absolute;
    top:50%;
    left:50%;
    width:438px;
    height:186px;
    margin-left:-219px;
    margin-top: -93px;
    color:#000;
    
    padding:0;
    
    }
    
    #box {
    	position:absolute;
    	bottom: 25px;
    	right:30px;
            width: 248px;
    	height:228px;
    	padding:2px;
    	
    	
    
    }
    Se avete bisogno di altri elementi sono qui. Grazie per l'attenzione e scusate per il post precendete.

  2. #2
    ecco ho fatto un altro errore.. scusate per il titolo. stasera non ne inzecco una....

  3. #3
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    ho chiuso l'altro, ricordati di togliere gli spazi in [ CODE ] altrimenti non viene interpretato; ci sono i pulsanti comunque se non vuoi scriverlo a mano. Ho editato io.

  4. #4
    Grazie mille ancora. Speriamo che ora qualcuno capisca meglio il problema.

  5. #5
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    con immagine "non linkata" intendi che si vede ma che se ci si clicca sopra non porta al link?

  6. #6
    esattamente così. per indenderci: la manina non si attiva anche se l'immagine è presente.
    Tutto queste invece non succede su internet explorer dove l'immagine è linkata.

  7. #7
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    ho il sospetto che ci vada a finire sopra un altro oggetto, mi pare che abbondi troppo con i posizionamenti assoluti, così a occhio. Inoltre usi l'id cont più di una volta, il che non è corretto.
    Hai mica un link alla pagina? mi risucirebbe più facile vedere se un oggetto è piazzato sopra la tua immagine.

  8. #8
    si immaginavo che la mia sintassi fosse schifosa:
    questo è il link.
    si certo www camillafucili com
    come potrai vedere con win explorer funziona bene.

  9. #9
    l'immagine centrale che non riesco a linkare si chiama img/coming_soon_s.png

  10. #10
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    infatti il problema erano proprio quei due id con lo stesso nome. Avendo loro proprietà width e height al 100% il secondo va a piazzarsi sopra il primo. Cambia nome al secondo id e dagli una larghezza molto minore.

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.