• M
    User Attivo •

    [Risolto] margin right o padding right: non funzionano su IE

    Ciao a tutti, sto usando il modulo MisterEstate su un sito. Nella scheda di un immobile ho, tra le tante info, anche le anteprime delle foto dell'immobile che ho inserito. Queste sono disposte una accanto all'altra ma...ATTACCATE!!!
    Potete vedere un esempio a questa pagina: qui

    Per staccarle sono andato nella classe "MEGallery" ed ho inserito un "padding-right: 20px;". Su FF tutto ok...ma su IE....niente da fare; ho provato anche con "margin-right". Come posso fare?
    Ciao e grazie
    monak

    0
  • K
    Super User •

    Ciao monak83 🙂

    Allora vediamo:
    Intanto proviamo togliendo la classe "MEGallery" al tag "TD" dalle tabelle oppure dai una classe differente ai tuoi link che contengono appunto le tue immagini.Ponendo che tu abbia scelto il primo caso e cioè lasciando la classe sopracitata unicamente per i tuoi link, scrivi questo nel tuo css:
    [html]
    .MEGallery{
    display:block;
    float:left;
    padding:0 5px;
    }
    [/html]Se vuoi una spiegazione dettagliata del perchè , sempre se ti funziona ho potuto solo dare un'occhiata veloce in questo momento... , bè non hai che da chiedere
    Ciao :sherlock:

    0
  • M
    User Attivo •

    Grazie mille della celere risposta. Ora pero vedo le immagini allineate a sinistra, ma vorrei (se possibile) vederle sempre allineate al centro ma con l'attuale spazio tra una e l'altra.
    Ciao monak

    0
  • K
    Super User •

    Si scusa.
    Se conosci la larghezza di quella colonna centrale potresti sommare la larghezza delle 3 immagini (sempre se sono e saranno della solita dimensione).
    Il totale delle 3 dovrà essere sottratto alla larghezza della colonna.
    Quello che rimane lo dovrai sfruttare nel padding di ogni link genitore delle tue immagini.

    **Ad esempio:
    **width del div centrale: 400px.
    width di ogni immagine: *100px.

    Avendo questi elementi e avendo le nostre 3 immagini possiamo dedurre che:
    100    3=300px
    400-300=100px

    i margini delle immagini saranno in totale 4 quindi vuol dire che ci basterà inserire così al MEGallery:
    padding:0 25px;

    E dovrebbe funzionare.

    Se anche così fosse un procedimento ( e vi capirei 😄 ) un pò macchinoso e troppo matematico, allora ti consiglio la tattica B:

    Vedo che hai usato le tabelle , quindi perchè non creare dopo il "TR" che contiene quelle immagini ben 3 "<td></td>" per ogni immagine? 🙂

    0
  • M
    User Attivo •

    Questo è un componente di joomla non l'ho fatto io. Il problema è che il numero delle immagini non è sempre lo stesso, quindi il metodo da te illustrato non credo si idoneo...devrei mettere un allieamento al centro per la tabella? di default è cosi...adesso con quella modifica che mi hai inviato si vedo le immagini distanziate ma.....non pi al centro...SIGHH....grazie dell'aiuto

    0
  • K
    Super User •

    Non puoi assolutamente inserire un'immagine per ogni <td>?

    0
  • M
    User Attivo •

    non so, è un modulo che ha un pannello di amministrazione da dove inserisco le immagini (sfoglia.. etc) quindi non posso fare nulla...credo

    0
  • M
    User Attivo •

    RISOLTO: ecco come...[html].MEGallery{
    padding-left: 5px;
    }[/html]

    Tutto qua.
    Ora vedo le immagini staccate una dall'altra del valore da me scelto (5 pixels) e allo stesso tempo centrate come di default.
    Grazie di tutto.
    Ciao alla prossima
    monak

    0
Effettua l'accesso per rispondere