Visualizzazione dei risultati da 1 a 7 su 7

Discussione: collage di immagini

  1. #1
    Utente di HTML.it L'avatar di vegasy
    Registrato dal
    Dec 2010
    Messaggi
    47

    collage di immagini

    salve a tutti. è molto che cerco all'interno del forum, ma non sono riuscito a trovare la soluzione al mio problema.
    sperando di aver scelto la sezione giusta, vi espongo quanto segue.

    vorrei fare un collage di immagini (come da titolo).
    ecco il semplice codice che utilizzo

    <div>
    [img][/img]
    </div>
    ...
    <div>
    [img][/img]
    </div>

    in pratica impilo tante immagini tra loro (obbligatoriamente all'interno di div) e vorrei che queste fossero appiccicate.
    invece mi risulta sempre e cmq dello spazio tra di essere. inoltre lo spazio non sempre ha il solito spessore.

    p.s.
    il codice ho provato a metterlo su una riga, ma non funziona.

  2. #2
    La tua soluzione potrebbe essere quella di utilizzare lo z-index. E' un comando css che ti permette di posizionare su diversi livelli i contenuti. Quindi, dando ad ogni div un diverso id:

    #id1 {z-index: 1;}

    #id2 {z-index: 2;}


    e via dicendo. Così facendo, e impostando i margini come preferisci, dovresti riuscire a fare come vorresti. Potresti aver bisogno di dare opacità alle immagini tuttavia, renderle trasparenti, per ottenere esattamente l'effetto desiderato.

  3. #3
    Utente di HTML.it L'avatar di vegasy
    Registrato dal
    Dec 2010
    Messaggi
    47
    la soluzione che stavo pensando era quella piu ovvia di dare un margin-top negativo in modo da farle combaciare, ma rischio che con altri browser non mi faccia il solito effetto.

  4. #4
    Utente di HTML.it L'avatar di vegasy
    Registrato dal
    Dec 2010
    Messaggi
    47
    questo è il codice esatto:
    codice:
    echo '<div id="header">';	/*	START header	*/
    
    echo '<div>';
    echo '[img]'.ImgPath::HEADER_TOP.'[/img]';
    echo '</div>';
    echo '<div>';
    echo '[img]'.ImgPath::HEADER_BOTTOM.'[/img]';
    echo '</div>';
    
    echo '</div>';	/*	END header	*/
    non ci sono ritorni di linea.
    tramite il web developer ho scoperto che il bordo che stacca le immagini è dato dali link <a>
    per spiegarmi meglio: le immagini sarebbero una sopra l'altra, ma tra di loro cè uno spazio. lo spazio fa parte di <a>
    cioè il link mi "trabocca" di pochi px e mi crea lo spazio sottostante.

  5. #5
    Hu, anche io ho questo problema! Quello di bordi blu intorno alle immagini link che non riesco a togliere. Mi spiegheresti meglio come funziona? Scusa, mi sono impossessato di questo post!

  6. #6
    Utente di HTML.it L'avatar di vegasy
    Registrato dal
    Dec 2010
    Messaggi
    47
    Originariamente inviato da WebMinus
    Hu, anche io ho questo problema! Quello di bordi blu intorno alle immagini link che non riesco a togliere. Mi spiegheresti meglio come funziona? Scusa, mi sono impossessato di questo post!
    aspetta... il mio non è il problema dei bordi. mi sa sia piu di margini.
    il bordo blu dai link con immagine mi sembra basta mettere img { border: 0; }

  7. #7
    Utente di HTML.it L'avatar di vegasy
    Registrato dal
    Dec 2010
    Messaggi
    47
    RISOLTO!!!!

    bastava mettere le immagini a livello di blocco

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 © 2026 vBulletin Solutions, Inc. All rights reserved.