Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2002
    Messaggi
    795

    display visible solo activelink

    Ciao a tutti.
    Ho fatto un css per la stampa, e vorrei che fosse visibile solo la voce di menu attiva, ovvero a.activelink.
    ho provato così:
    codice:
    div#menu_primolivello{position:absolute;width:500px;height:20px;top:47px;left:50px}
    div#menu_primolivello ul{list-style-type: none;margin: 0;padding:0;font-family: verdana,sans-serif;font-size:13px}
    div#menu_primolivello li{display: inline;margin-left:23px;padding:0} 
    div#menu_primolivello a{display:none;color: #004F86;font-weight: normal;text-decoration: none}
    div#menu_primolivello a.activelink{display:visible;font-weight: bold}
    /*menu secondo livello verticale*/
    div#menu_secondolivello{position:absolute;top:118px;left:0;width:113px;height:200px}
    div#menu_secondolivello ul{list-style-type: none;margin: 0;padding: 0;font-family: arial,sans-serif;font-size:12px;text-decoration: underline}
    div#menu_secondolivello li{display: block;margin-left:23px;margin-bottom:15px;padding:0} 
    div#menu_secondolivello a{display:none;color: #993300;font-weight: normal}
    div#menu_secondolivello a.activelink{display:visible;font-weight: bold}
    ma non va suggerimenti?
    <sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>

  2. #2
    Non mi pare esista dispay:visible.

    Prova con display:inline.

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2002
    Messaggi
    795
    si, ho scritto male qui ma nel css è giusto. scusa, ma inline non mi nasconde gli "a" normali, o sbaglio?
    <sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>

  4. #4
    inline definisce semplicemente il tipo di testo. Ad esempio, div è di default display:block, mentre span è display:inline.

    Puoi postare il codice corretto?

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2002
    Messaggi
    795
    codice:
    /* menu di primo livello orizzontale*/
    div#menu_primolivello{position:absolute;width:500px;height:20px;top:47px;left:50px}
    div#menu_primolivello ul{list-style-type: none;margin: 0;padding:0;font-family: verdana,sans-serif;font-size:13px}
    div#menu_primolivello li{display: inline;margin-left:23px;padding:0} 
    div#menu_primolivello a{display: none;color: #004F86;font-weight: normal;text-decoration: none}
    div#menu_primolivello a.activelink{display:visible;font-weight: bold}
    /*menu secondo livello verticale*/
    div#menu_secondolivello{position:absolute;top:118px;left:0;width:113px;height:200px}
    div#menu_secondolivello ul{list-style-type: none;margin: 0;padding: 0;font-family: arial,sans-serif;font-size:12px;text-decoration: underline}
    div#menu_secondolivello li{display: block;margin-left:23px;margin-bottom:15px;padding:0} 
    div#menu_secondolivello a{display: none;color: #993300;font-weight: normal}
    div#menu_secondolivello a.activelink{display:visible;font-weight: bold}
    eccolo. Ho semplicemente messo display:none agli "a", e visible agli a.activelink. solo che non mi fa vedere nulla, il che ha una sua logica, visto che activelink è (scusate la bestemmia, non so se sia corretto ma è per capirsi) una sottoclasse di a.
    <sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>

  6. #6
    VVoVe: Non ci capiamo. VVoVe:

    L'istruzione display:visible NON esiste. Per far apparire il link in stampa devi usare display:inline.

    Errato:
    codice:
    div#menu_secondolivello a.activelink {
       font-weight:bold;
       display:visible;
    }
    Corretto:
    codice:
    div#menu_secondolivello a.activelink {
       font-weight:bold;
       display:inline;
    }

  7. #7
    Utente di HTML.it
    Registrato dal
    Jun 2002
    Messaggi
    795
    scusa, sono un arlavo di display, e invece la proprietà è visibility. E infatti funziona tutto!
    <sfogo> ma porco giuda, leggerlo l'help online ogni tanto! </sfogo>

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.