Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it L'avatar di darkiko
    Registrato dal
    Feb 2002
    Messaggi
    3,030

    allineamento sematicamente corretto di un'immagine a destra

    signori buonasera...

    mi potete gentilmente illuminare su come fare a riprodurre (ovviamente in div+css) questo tipo di struttura?



    ovvero io voglio che la mia immagine (con grandezza fissa) si posizioni li' sulla destra, abbia un margin left e bottom fisso di 8px e ci sia del testo che "la circonda"...

    non due colonne quindi date da due div affiancati, semplicemente un'immagine nel testo...

    come faccio in maniera semanticamente corretta senza specificare un align=right?


    vista anche l'ora mi sorge un sospetto: sto chiedendo una boiata?

    grazie (:
    è nella nostra unicità che risiede la meraviglia degli esseri umani

  2. #2
    float: right;
    margin-left: 8px;
    margin-bottom: 8px;


  3. #3
    Utente di HTML.it L'avatar di darkiko
    Registrato dal
    Feb 2002
    Messaggi
    3,030
    Originariamente inviato da EricFlat
    float: right;
    margin-left: 8px;
    margin-bottom: 8px;

    ma il div accanto (quello col testo) la circonda o se ne sta per i fatti suoi lungo la sua colonna?

    scusa se sto sparlando, ma non ho più la forza di concentrarmi su niente...
    è nella nostra unicità che risiede la meraviglia degli esseri umani

  4. #4
    Originariamente inviato da darkiko
    ma il div accanto (quello col testo) la circonda o se ne sta per i fatti suoi lungo la sua colonna?

    scusa se sto sparlando, ma non ho più la forza di concentrarmi su niente...
    La circonda

  5. #5
    Il testo la circonda, al fianco e sotto ovviamente anche sopra alla linea che è stata inserita l'immagine ^^

  6. #6
    Utente di HTML.it L'avatar di darkiko
    Registrato dal
    Feb 2002
    Messaggi
    3,030
    perfetto cari

    grazie mille (:




    forse è il caso che me ne vada a casina....
    è nella nostra unicità che risiede la meraviglia degli esseri umani

  7. #7
    Esempietto.
    codice:
    XHTML
    <div id="informativa_privacy">
       <p class="illustrazione">[img]immagine.png[/img]</p>
       
    
    Bliblibli blablabla.</p>
       
    
    Ciao miao bao.</p>
       
    
    Vai vai vai.</p>
    </div>
    
    CSS
    .informativa_privacy .illustrazione
    {
       float:right;
       margin-bottom:8px; margin-left:8px;
    }
    Se vuoi inserire anche le didascalie, prova a dare un'occhiata a come ho strutturato questo documento:

    - www.re1.it/pierofix/articoli/grillo.php

    Ho solo inserito uno span nel paragrafo '.illustrazione' e l'ho poi impostato su display:block tramite CSS.

  8. #8
    Utente di HTML.it L'avatar di darkiko
    Registrato dal
    Feb 2002
    Messaggi
    3,030
    Originariamente inviato da pierofix
    Esempietto.
    ...
    Se vuoi inserire anche le didascalie, prova a dare un'occhiata a come ho strutturato questo documento:
    perfetto Piero, grazie mille (:
    è nella nostra unicità che risiede la meraviglia degli esseri umani

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.