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

    inserire immagini in una sezione ed allinearle a sinistra

    Ciao Ragazzi,
    sto riaggiornando i miei siti in html 5 e mi sono veramente fatto male contro il muro dei css.
    Ho una sezione tra header e footer dove devo mettere delle immagini e le devo allineare a sinistra...
    ho cercato in giro ma molto probabilmente sbaglio qualche cosa nei css prima e nisba...
    dopo un pomeriggio butto la spunga,
    grazie
    GioMBG
    Giò MBG

  2. #2
    o/ ! ...ne prendiamo atto...
    Per esserti utili credo avremo bisogno di qualche informazione in + in merito al tuo problema

    Ciao!

  3. #3

    Ciao

    CIao ratte,
    Ho una sezione tra header e footer dove devo mettere delle immagini e le devo allineare a sinistra..
    codice css3
    grazie
    GioMBG
    Giò MBG

  4. #4
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    GioMb come pretendi di ricevere un aiuto se non spieghi chiaramente il tuo problema?
    Non è che possiamo (vogliamo) tirare a indovinare per cui posta il codice fatto da te e piega cosa non ti funziona.

  5. #5
    Mi sembrava abbastanza sufficiente quello che ho scritto, comunque...
    ho una tabella dentro un'altra tabella e l'immagine dentro non riesco a posizionarla a sinistra (con i css3)

    immagina:

    <table>
    <tr>
    <td>

    <table><tr><td><immagine></tr></td></table>

    </td>
    </tr>
    </table>

    ho provato...

    img.right {
    float:right;
    border:10;
    }

    img.left {
    float:left;
    }

    td.right {
    margin-left:auto;
    margin-right:0;
    }

    immagino che esista un metodo con i CSS3 per forzare
    un'immagine a sinistra
    o il content di un td a sinistra
    o il content di una tabella a sinistra no?

    GioMBG
    Giò MBG

  6. #6
    scusate scusate scusate
    dopo 1 giorno intero sono RINCOGLIO: e' a destra che la voglio allineare a sinistra ci va da sola!
    GioMBG
    Giò MBG

  7. #7
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    no che non è chiaro.
    Se ti si chiede di postare il codice è perchè magari a volte basta che non metti un "." nella definizione dello stile e questo non verrà mai applicato. Ci sono mille motivi per cui una cosa può non funzionare ed è anche nel tuo interesse spiegarti bene.

    Cmq, hai provato a fare
    codice:
    td
    {
    text-align:right;
    }

  8. #8
    Ciao.
    certo sono d'accordo, quando piu' scrivevo che volevo allinearla a sinistra (e a sinistra normalmente ci va da sola), ad ogni modo immaginavo che esistesse un codice css per mandarla a destra.

    img.right {
    float:right;
    text-align:right;
    margin-left:auto;
    margin-right:0;
    }

    td.right {
    margin-left:auto;
    margin-right:0;
    float:right;
    text-align:right;
    }

    <table>
    <tr>
    <td>

    <table><tr><td class="right"><immagine class="right"></tr></td></table>

    </td>
    </tr>
    </table>

    rimane a sinistra
    Giò MBG

  9. #9
    Va meglio Gio 8)

    Riparti da qui:

    codice:
    <style>
    .right {
    	float:right;
    }
    </style>
    
    
    <table width="100%">
    <tr>
    <td>
    <table width="50%" class="right"><tr><td>[img]immagine.jpg[/img]</td></tr></table>
    </td>
    </tr>
    </table>
    Ocio che nel tuo esempio le tabelle nn hanno larghezza (quindi collassano necessariamente a sinstra) e la 2a tabella (non è cmq bene annidare 2 tabelle) ha tr e td da sistemare.

    o/ !

  10. #10
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    con text-align right funziona.
    Molto probabilmente a te non va perchè come ha rilevato ratte, non hai annidato correttament i <td> e i <tr>.

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.