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

    Linkare div ,all'interno di un'altro div!

    Salve a tutti...

    Stamattina mentro svolgevo il mio lavoretto mi sono imbattuto in un problemino riguardante i tag div...
    praticamente ho una "struttura di questo tipo...

    <DIV...>
    <div><img src1...></div>
    <div><img src2...></div>
    <div><img src3...></div>
    </DIV...>

    Mi è capitato di dover linkare un div in passato ed ho risolto semplicemente aggiungendo

    -style="cursorointer;" (per materializzare la manina:-)...)

    -onclick="location.href='http://...';" > (per l'url del link)

    Tutto cio funzionava se si trattava di un'unico div...nel mio caso invece , i div che devono essere linkati sono quelli interni ( cioè le immagini...) e non il div esterno, in quanto ogni immagine deve avere una differente destinazione.
    Personalmente credo non sia possibile ,dato che il div è un conenitore...però non si sa mai...
    ce sempre qualcuno che ne sa di più...
    spero possiate aiutarmi...e cmq ringrazio tutti coloro che risponderanno...a presto!

  2. #2
    Il metodo più immediato è quello di inserire le immagini in un tag <a>.

    Se non ti piace il fatto che il tag <a> sia un elemento "inline" puoi sempre renderlo "block" (proprio come un div) impostando la proprietà css display:
    display:block;

    Se imposti i tag <a> come elementi "block" puoi anche fare a meno di inserirli nei <div>.

    Un piccolo problema potrebbe consistere nel fatto che l'area cliccabile si estenderebbe per tutta la larghezza della pagina. In pratica, il tag <a> si prenderebbe il 100% della larghezza. :master:
    Soluzione: imposta la larghezza del tag <a>.
    ___

    Nel caso non fosse la soluzione più adatta spiegati meglio... magari incolla il codice all'interno del contesto in cui lo utilizzerai.

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.