Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1
    Utente di HTML.it L'avatar di colde
    Registrato dal
    Feb 2001
    Messaggi
    1,802

    Consiglio su menu con descrizione

    Ciao ragas,
    in un sito ho creato il menu in div e non con l'elenco come dovrebbe essere. Vorrei farlo correttamente utilizzando un elenco non ordinato ma ho un problema, ogni link ha una relativa descrizione e non saprei come gestirlo se dovessi utilizzare un elenco.
    Se inserisco tutto in un elenco, a livello grafico non ho nessun problema ma quando disabilito il css mi trovo i link ripetuti e può confondere l'utente.
    Ho provato ad inserire gli elenchi ai link e poi al loro interno ho provato a racchiudere la descrizione in paragrafi o span ma veniva una ciofeca. A livello grafico dava alcuni problemi ma credo risolvibili con un po di capocciate e spigoli arrotondati, ma il problema è che disabilitando il foglio di stile, il menu risultava un po incasinato e non era immediato da capire, figuriamoci per i disabili.

    Che soluzione potrei adottare? Non c'è qualche attibuto o tag che associ ai link una descrizione visibile dall'utente?

    Denghiu
    www.beppegrillo.it
    Il blog di Beppe!!

  2. #2
    Scusa ma non ho capito il discorso: cosa intendi per "attribuire una descrizione al link"? Potresti fare un esempietto compresso?

  3. #3
    Utente di HTML.it L'avatar di colde
    Registrato dal
    Feb 2001
    Messaggi
    1,802
    in pratica vorrei ottenere una cosa del genere:

    - link1
    descrizione link1

    - link2
    descrizione link2

    - link3
    descrizione link3


    Ora invece è così:

    <div>link1</div>
    <div>descrizione link1</div>

    <div>link2</div>
    <div>descrizione link2</div>

    <div>link3</div>
    <div>descrizione link3</div>


    Ho provato anche in questi due modi ma disabilitando il css i link e le descrizioni non sono molto comprensibili e possono confondere l'utente disabile:

    - link1


    descrizione link1</p>

    - link2


    descrizione link2</p>

    - link3


    descrizione link3</p>

    e anche:

    - link1
    - descrizione link1

    - link2
    - descrizione link2

    - link3
    - descrizione link3

    Me lo sono spiegato piu meglio?
    www.beppegrillo.it
    Il blog di Beppe!!

  4. #4
    Ah, ok. Bè, c'è una collezione di tag apposita per questo tipo di descrizione, ovvero le Definition List (DL). Ecco come funziano.
    codice:
    <dl>
       <dt>Uno</dt>
          <dd>Questa la descrizione del primo link</dd>
       <dt>Due</dt>
          <dd>Questa la descrizione del secondo link</dd>
    </dl>

  5. #5
    Utente di HTML.it L'avatar di colde
    Registrato dal
    Feb 2001
    Messaggi
    1,802


    DL e DT avrebbero le stesse caratteristiche di UL e LI?
    Nel senso se posso usare la formattazione di UL e LI da assegnare a DL e DT, così in questo modo dovrò solo sostituire UL con DL e Li con DT sia nel XHTML che nel CSS.

    Se po fa? Che dici?
    www.beppegrillo.it
    Il blog di Beppe!!

  6. #6
    Intendi la resa grafica? No, DL è un po' diverso. Prova a fare una pagina alla ca22o e te ne rendi subito conto.

  7. #7
    scusate ragà
    invece x gli spigoli arotondati ???

    si può fare qualcosa..??

    ciao e grazie
    68storj

  8. #8
    Utente di HTML.it
    Registrato dal
    Feb 2006
    Messaggi
    2,620
    invece di usare dl e dt si puo' mettere l'attributo title al link: al mouse over appare la descrizione.
    Altrimenti si puo' usare acronym in modo NON CORRETTO mettendo <acronym="descrizione">link</acronym>

  9. #9
    aaa

    quindi è così ke si mettono gli spigoli arrotondati..!!


    grazie lo stesso.
    68storj

  10. #10
    Originariamente inviato da ziobbruno
    aaa

    quindi è così ke si mettono gli spigoli arrotondati..!!


    grazie lo stesso.

    Eh??ma ti riferivi alla parte grafica??

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.