Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Posizionare gif in punto piu basso di cella di tabella

    Il mio prob. è questo:

    Se volessi posizionare una gif in un punto alto di una tabella, è sufficiente fare una cosa simile:

    [img]ciccio.gif[/img]

    facendo questa istruzione la gif viene posiizionata a 5 pixel dal punto piu alto della tabella.

    Ma se volessi posizionarla a 5 pixel dal punto piu basso cosa devo fare?

  2. #2
    Utente di HTML.it L'avatar di Renyp
    Registrato dal
    Nov 2004
    Messaggi
    304
    non so...ad esempio aumentare il valore di "margin-top: 105px;" ad esempio? oppure non esiste anche "margin-bottom" per la distanza dal basso? o ancora, inserire una tabella di due righe ed una colonna, metti una zeppa nella cella sopra e la tua gif in quella sotto..
    forse sono "mezzucci", magari cerca o aspetta ancora che qualcuno ti dia una dritta più professionale..
    in ogni caso, ricorda "alt" nel tag <img>
    campagna promozionale in favore dell'accessibilità

  3. #3
    Renyp ho risolto il problema.. di certo c'era un modo piu elegante per farlo e spero che qualcuno possa intervenire per dirlo...

    In pratica ho messo l'immagine al di fuori di qualsiasi tabella e poco prima della chiusura del tag </BODY>.

    Quindi ho impostato il margin-top dell'immagine con un valore di px negativo.
    Così:

    [img]ciccio.gif[/img]


    In questo modo, qualunque sia la dimensione della pagina, l'immagine sta sempre alla stessa distanza dalla fine di questa.

    Qualcuno saprebbe spiegarmi perchè non posso semplicemente impostare margin-bottom? Come si usa sto margin-bottom? Qualunque valore di margin-bottom inserisca è come se non mettessi nulla.

  4. #4
    Utente di HTML.it L'avatar di Renyp
    Registrato dal
    Nov 2004
    Messaggi
    304
    ok, non avevo capito che l'img doveva stare in fondo alla pagina e che la tabella a cui ti riferivi impostava tutto il layout della pagina stessa.

    Per quanto riguarda l'uso di margin-bottom, che di solito si scrive così: margin-bottom: 10px; magari può dipendere dal browser che usi. Ho notato che spesso explorer, a differenza di mozilla, da problemi in questo senso, perchè ha una concezione diversa di "width". Quindi ti capiterà, per uno stesso oggetto, di avere due posizionamenti diversi, o larghezze diverse, a seconda che la pagina sia visualizzata in IE o firefox . Ti consiglio di fare sempre le prove con entrambi, ma di sicuro già lo sai . Un accorgimento che con me funzionava (era un mezzuccio non troppo elegante, forse) era di inserire - per IE - una "/" prima del valore, così: margin-bottom: /10px; Questo valore verrà letto solo da explorer, non da mozilla che non riconosce - giustamente - un valore con / davanti.

    Comunque l'espediente del valore negativo è strano: in teoria dovrebbe avere l'effetto opposto, cioè innalzare la posizione, non abbassarla..no?

  5. #5
    Anzitutto grazie dell'aiuto Renyp.

    Come browser uso entrambi IE e firefox e, per quanto riguarda margin-bottom, non riesco a farlo funzionare in nessuno dei due.
    Non riesco a capire il perchè.
    Come è possibile che margin-top e margin-left non mi diano mai problemi mentre margin-bottom non mi funzioni qualunque valore gli metta?

    Bah... Comunque sia mettere in negativo il margin-top mi ha risolto il problema (sia IE che Firefox, uguale risultato!)

    Ora.. Chiedi giustamente: Impostare un valore negativo a margin-top dovrebbe innalzare e non abbassare...

    Questo è vero ed è proprio così, infatti è proprio per questo che io metto il tag <IMG> SUBITO prima della chiusura del tag </BODY>, ed è impostando il margin-top al negativo che riesco a distanziarlo quel tanto che basta (verso l'alto per l'appunto!) dal fondo della pagina.
    .

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.