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

    :first-child per la barra sinistra del menu

    Ciao a tutti,
    ho il seguente problema:

    #navmenu li {
    display: inline;
    list-style-type: none;
    border-right: 1px solid;
    padding: 0px 10px 0px 10px;
    }

    #navmenu li:first-child {
    border-left: 1px solid;

    }

    Con Firefox e Opera la barretta di separazione a inizio menu si vede (:first-child). Con IE no. Il sito è questo: http://test.poralegria.ch/de/index.html

    A qualcuno è già capitato qualcosa di simile e saprebbe aiutarmi?
    Grazie mille
    Heter

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Se puoi aspettare IE7, il problema verra` risolto dalla microsoft (almeno questo e` quanto si dice).

    Altrimenti devi usare altri strumenti CSS: IE6 non supporta le pseudo-classi (non tutte).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Grazie!!!

    IE

    Stavo costruendo anche un interno menu con le pseudoclassi ma lascio perdere...

    Consigli su come far apparire 1px solid all'inizio del menu senza utilizzare le pseudoclassi?
    Grazie ancora
    Heter

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Il :first-child sara` comunque un oggetto. Devi specificare tale oggetto. Nel mio esempio (modificato dal tuo) gli assegno la classe "firchil"

    #navmenu li {
    display: inline;
    list-style-type: none;
    border-right: 1px solid;
    padding: 0px 10px 0px 10px;
    }

    #navmenu li .firchil {
    border-left: 1px solid;
    }

    E l'(X)HTML:
    <div id="navmenu">
    ...[*]<a class="firchil">...
    <qualcos'altro ...>
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Grazie Mich,
    funziona bene (solo qualche problema di centratura e che il bordo creato a sinistra diventa anch'esso parte del link, quindi avendo messo un colore diverso per hover anche il 1px solid di sinistra cambia colore, mentre gli altri restano invariati).

  6. #6
    Ok, ho trovato un'altra soluzione. Ho semplicemente aggiunto uno spazio all'inizio:
    [*][*]Home

    Poi ho "spinto" un po' sulla destra aumentando il padding ed ora viene benissimo. Grazie Mich per l'aiuto.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.