Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    41

    Serie di div con link interno: sovrapposizioni, HELP!

    Hola!
    Allora, ho un problemino....a prima vista mi sembrava una corbellerie, e invece non riesco a capire dove sia l'errore!
    Brevemente: così è come dovrebbe venire il sito che sto creando (very easy):
    http://www.moti-f.it/prova/images/prova.jpg
    E questo è l'html che sto facendo:
    http://www.moti-f.it/prova/
    (ho messo appositamente un bordino su ogni div per farvi capire meglio la problematica)

    Dunque, se seguite html e css io vorrei creare nella parte sinistra tanti piccoli div (chiamati #link1, #link2 etc) uno sotto l'altro, float: left nei quali inserire i link testuali, e che i suddetti div siano esattamente della stessa altezza dei link, in modo da far si che l'elenco dei link sia bello attaccato, come nell'immagine.
    Mi serve di mettere tutto nei div perchè poi dovrò creare un effetto a "tendina" su alcuni di questi link, e quindi si devono "espandere" verso il basso e tirare giù i restanti.

    Il problema è, come potete vedere, che i link non "stanno" dentro i div, vanno fuori....ed è come se avessero (se li analizzate con qlc plugin tipo Firebug) dei margini top e bottom!
    Non riesco a capire come devo "trattare" questi div per far si che il testo stia perfettamente dentro, senza "uscire" fuori....
    Potete aiutarmi?! Thanks! :P

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    41

    Update

    Ho fatto una versione n° 2 collegata ad un altro css

    http://www.moti-f.it/prova/index2.htm

    Qui ho trattato i div come tabelle (sfruttando il display: table, table-row e table-cell)
    Ora il testo non "sborda"...ma non riesco ancora a capire perchè mio risulti impossibile far si che i div contegano esattamente l'altezza dei link: ripeto, è come se questi ultimi avessero un "margin" superiore ed inferiore, e si posizionano sempre esattamente al centro del div, e non al top come desidererei, con le stesse dimensioni del div!

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2008
    Messaggi
    41
    Uff, enssuno mi può dare un consiglio?
    Almeno vorrei capire come mai i link del menu dentro i div #link1, #link2 etc hanno quello spazio superiore ed inferiore (si nota subito se lo analizzate con Firebug o simili) come se avessero un margin o padding top e bottom, nonostante nel css siano impostati a 0px?!
    Da cosa dipende questo margine superiore ed inferiore che hanno i links nei div, dunque?
    (si nota meglio nella seconda pagina di prova: http://www.moti-f.it/prova/index2.htm )
    Thanks!

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.