Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it L'avatar di blekm
    Registrato dal
    Jun 2004
    Messaggi
    8,310

    [IE7] problema strano di allungamento pagina dopo HOVER su immagine

    http://blekm.altervista.org/prova.php

    con il mouse andate su una foto nella seconda file, poi su una foto sulla terza fila... fate cosi e vedrete l'allungamento della pagina (div CONTENUTO)

    succede lo stesso se fate hover su una foto sulla prima riga e poi sulla terza riga..e cosi via..

    qualcuno mi sa aiutare a capire il perchè?
    Il portale sul turismo a Lucca

    Siti web Lucca

    Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.

  2. #2
    Utente di HTML.it L'avatar di blekm
    Registrato dal
    Jun 2004
    Messaggi
    8,310
    up
    Il portale sul turismo a Lucca

    Siti web Lucca

    Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.

  3. #3
    Utente di HTML.it L'avatar di blekm
    Registrato dal
    Jun 2004
    Messaggi
    8,310
    sto facendo delle prove, ed ho notato una cosa..

    se nella pagina lascio solo le tre righe di foto con i contenitori quell'effetto allunga-accorcia non me lo fa più, ma se metto del testo tra le righe di foto, quell'effetto me lo fa con la riga di foto precedente al testo insieme all'ultima riga di foto.

    in questo caso è tutto ok



    mentre nei due casi sotto, l'effetto allunga-accorcia me lo fa se faccio hover tra le foto col bordo grande rosso... (non sapevo come meglio spiegarlo)




    in questo caso anche con hover tra prima e seconda riga





    non ci sto capendo niente , soprattutto considerando che l'effetto hover cambia solo il bordo della thumbnail
    Il portale sul turismo a Lucca

    Siti web Lucca

    Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.

  4. #4
    Utente di HTML.it L'avatar di blekm
    Registrato dal
    Jun 2004
    Messaggi
    8,310
    forse ho trovato qualcosa...

    nel codice css

    codice:
    .galleria
    {
    	float: left;
    	width: 400px;
    	height: 60px;
    	border: 1px solid black;
    	background-color: #E0E7F6;
    	padding: 10px;
    	margin-top: 5px;
    /*	margin-bottom: 20px;*/
    	margin-left: 30px;
    }
    se commento margin-bottom è tutto ok... ma come faccio a spaziare sotto la galleria (è la scatola col bordo nero intorno alle 4 foto)?
    Il portale sul turismo a Lucca

    Siti web Lucca

    Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.

  5. #5
    Hai provato a dare un padding alla scatola suddetta? :master:

    (bello l'effetto con ingrandimento sulle foto! Mi passaresti in privato lo script? Grazie!)



  6. #6
    Utente di HTML.it L'avatar di blekm
    Registrato dal
    Jun 2004
    Messaggi
    8,310
    se dò il padding, mi aumenta la spaziatura interna

    non vorrei dover usare

    codice:
    
    
    prima del testo

    lo script è questo http://vikjavev.no/highslide/
    Il portale sul turismo a Lucca

    Siti web Lucca

    Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.

  7. #7
    Utente di HTML.it L'avatar di blekm
    Registrato dal
    Jun 2004
    Messaggi
    8,310
    ma perchè se imposto un margine superiore sul testo, me lo metto solo se sopra non ho le foto?

    Cioè, con il div delle foto sopra non mi mette il margine che mette altrimenti?



    perchè sempre a me 'sti problemi strani

    (questo succede con tutti i browser)
    Il portale sul turismo a Lucca

    Siti web Lucca

    Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.

  8. #8
    Ariscusa, hai provato ad impostare le foto come lista ordinata (ul)? Comunque credo che dovresti postare il css riguardante tutti i div che non funziano

    Grazie per il link faccio subito un salto!

  9. #9
    Utente di HTML.it L'avatar di blekm
    Registrato dal
    Jun 2004
    Messaggi
    8,310
    togliendo il float: left; dal div galleria il paragrafo di testo si comporta normalmente...

    per ora ho risolto tutto (spero)!
    Il portale sul turismo a Lucca

    Siti web Lucca

    Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.

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.