Visualizzazione dei risultati da 1 a 6 su 6

Discussione: bold nell'option value

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    1,150

    bold nell'option value

    Ciao a tutti,
    sapete se è possibile mettere il bold nel primo valore di un menù a tendina?

    Ad esempio

    codice:
               <select name="CODI_ALTR_ESAM" class="campinull" >
                 <option value="">Altri Esami</option>
                 <% do while not record.eof %>
                 <option value="<%=record("CODI_ALTR_ESAM")%>" > <%=record.Fields("DESC_ALTR_ESAM")%>
    		      </option>
                 <% record.MoveNext 
                    loop
                 %>
                </select>
    COme posso mettere solo la stringa "Altri Esami" in bold?

    In Html non ho trovato niente. Spero che in CSS si possa fare qualcosa.

    Ciao ciao e grazie

  2. #2
    Scusa ma il value non è qualcosa che si visualizza.... che senso ha metterci il grassetto? (e infatti non si può fare)

    Se dici invece il testo dell'option non credo si possa fare.
    Forse tramite

    codice:
    select option {
       font-weight: bold;
    }
    Ma non sono sicuro.

    Altrimenti prova ad usare il tag optgroup per distinguere il primo elemento..... anche se a livello di corretto utilizzo non credo sia valido.

    Fai te

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    1,150
    Grazie della risposta

    Il problema è che ho una form con quasi tutti i campi come menù a tendina e, viste le dimensioni delle stringhe contenute, mi crea problemi nella visualizzazione del template che utilizzo.

    Per questo motivo sto cercando di eliminare le label di ogni menù a tendina, inserendoli direttamente nella "tendina"

    Ho trovato qualcosa su questo forum e al momento sto facendo delle prove inserendo questi semplici CSS

    codice:
    select { 
       FONT-WEIGHT: bolder
       color: #2E8B57 ;  
       FONT-FAMILY: 'Times New Roman', Verdana, Arial
    }
    
    option { 
       color: #00ffff ; 
       background: #8B572E ; 
       FONT-FAMILY: Verdana, Arial
    }

    Chissà però se c'è qualche esempio (tipo questo sulle tabelle http://<a href="http://icant.co.uk/c...legallery/</a> ) dal quale prendere spunto?


  4. #4
    Lo standard CSS 2.1 prevede anche la pseudo-classe first-child [ http://www.w3.org/TR/CSS21/selector.html#first-child ]:

    codice:
    select option:first-child
    {
       font-weight:bold;
    }
    Indovina però chi non lo supporta? Ecco, proprio lui. Se proprio ti serve quel dettaglio stilistico anche su IE allora è il caso di usare una semplice classe.

    Stai attento però: mi pare che tu stia usando il markup in maniera non appropriata. La prima option ti serve solo come titolo di elenco? Per questo esiste un elemento specifico:

    codice:
    <select id="CODI_ALTR_ESAM" name="CODI_ALTR_ESAM">
       <optgroup label="Altri esami">
          
       </optgroup>
    </select>
    Occhio eh. Il markup va usato per descrivere, non per presentare: http://pesanervi.diodati.org/pn/index.asp?a=293 .

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    1,150
    Grazie.
    Si in effetti la modifica l'avevo già fatta in questo modo

    codice:
             <select name="CODI_ALTR_ESAM" class="campinull" >
               <optgroup label=" ESAMCLI">
                 <option value="">...</option>
                 <% do while not record.eof %>
                 <option value="<%=record("CODI_ALTR_ESAM")%>" > <%=record.Fields("DESC_ALTR_ESAM")%>
    		      </option>
    </outgroup>
                 <% record.MoveNext 
                    loop
                 %>
                </select>
    Purtroppo però, la prima riga che mi visualizza sono i "..." e non "ESAMCLI"

    Inoltre che intendi quando scrivi

    usare una semplice classe






    ps. a chi possa interessare ho trovato questo link sull'argomento. Molto interessante...

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2005
    Messaggi
    1,150

    risorse disponibili su questo forum

    Grazie a Fcaldera, ho trovato questo post, dove vengono indicati dei link davvero interessanti...

    http://<a href="http://forum.html.it...ght=select</a>


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.