Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it L'avatar di Iena87
    Registrato dal
    Dec 2003
    Messaggi
    429

    [CSS] Immagini con didascalia

    Salve ragà

    Ho il seguente problema: devo mettere in una pagina (per varie volte nella pagina) due immagini sulla stessa linea e con sotto di esse una didascalia, come ho fatto per le due immagini qui, solo che ho dovuto srivere coi css del codice apposta, con risultati nn ottimi, e soprattutto non validi per altre immagini....come infatti vedete dal sorgente, ho ad esempio dovuto scrivere questo:

    codice:
    <div style="position:relative;margin-bottom:-200px;"><a name="immagine1-2"></a>
          <p class="centrato">[img]1a.jpg[/img]
    <span style="position:relative;left:-100px;">Immagine 1</span></p>
          <p class="centrato">[img]1b.jpg[/img]
    <span style="position:relative;right:-100px;top:-190px;">Immagine 2</span></p>
        </div>
    insomma...nn va bene!

    Qual è il codice giusto per fare quello che vorrei fare?

  2. #2
    ma un po' più larga non la potevi far venire sta pagina?

    Io per le immagini con didascalie uno delle DL. per averle affiancate basta che le flotti

  3. #3
    Non sò se ti può aiutare, ma se vuoi io ho pubblicato sul mio sito un tutorial a riguardo:

    http://www.sickbrain.org/?document_i...ic_id=8&page=0

    Si può adattare anche alle tue esigenze.
    Sickbrain.org » A proposito di Web Publishing

  4. #4
    Utente di HTML.it L'avatar di Iena87
    Registrato dal
    Dec 2003
    Messaggi
    429
    Vedo di lavorarci su

  5. #5
    Utente di HTML.it L'avatar di Iena87
    Registrato dal
    Dec 2003
    Messaggi
    429
    Originariamente inviato da awd
    ma un po' più larga non la potevi far venire sta pagina?

    Io per le immagini con didascalie uno delle DL. per averle affiancate basta che le flotti

    Mi faresti vedere un pò di codice perchè a me vengono sfasate le immagini...

  6. #6
    Utente di HTML.it L'avatar di Iena87
    Registrato dal
    Dec 2003
    Messaggi
    429
    Andate qui

    Le immagini le ho messe con una lista di definizione...ma come fare ad allinearle, centrarle e far comparire le rispettive didascalie sotto di loro?

    mi postate un codice css?

  7. #7
    ti dico come ho fatto io:
    -un div che contiene il tutto
    -un DL per ogni immagine
    -nel DT metti l'immagine e puoi centrarla rendendola blocco
    -nel DD la didascalia. ricorda di regolare margin e padding

    qui trovi un aiuto http://pro.html.it/articoli/id_641/idcat_8/pro.html

  8. #8
    Utente di HTML.it L'avatar di Iena87
    Registrato dal
    Dec 2003
    Messaggi
    429
    grazie mille....devo seguirmi i tutorial sui css quando ho tempo...

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.