Un élément CSS rendu ... d'autres ne sont pas

Je suis en train de modifier le code qui a rendu par Glimmer qui marque probablement ma maîtrise CSS un peu bas ....Un élément CSS rendu ... d'autres ne sont pas

J'ai HTML comme:

<ul id="main_navigation"> 
    <li id="trigger0"><a /Topics">Webinar Topics</a> 
    <ul class="subNavMenuItems" id="subNav0"> 
    <li><a href="/Topics/15">Intro</a></li> 
    <li><a href="/Topics/25">Computer Skills</a></li>[and so on]

Dans mon i ont css:

#main_navigation ul{ 
    margin: 0; 
    padding: 0; 
    float: left; 
    width: 20%; 
    font-size:13px; 
    font: bold; 
    font-variant: small-caps; 

}

la règle de largeur est observée - mais aucun des autres sont. Le fichier contenant ces règles sont le dernier fichier importé de sorte que ces règles doivent remplacer les autres (bien que « main_navigation » est le seul élément correspondant _anyway donc des choses en cascade ne devrait pas importer

Source

2009-06-22 justSteve

La citation manquante dans le tag a été mon cut 'n paste. L'ajout de li _ produira le résultat correct sur les éléments de la liste de second niveau mais n'affecte pas le niveau supérieur. (trigger0) Il devrait s'agir d'ajouter un identifiant de classe à ces éléments de premier niveau, mais je ne suis pas en train d'utiliser la syntaxe correcte. J'utilise un firebug et j'atterris à l'intérieur des éléments comme prévu. Encore une fois .... maintenant les choses fonctionnent au 2ème niveau des UL mais pas au sommet. – justSteve

J'ai mis à jour ma réponse en réponse à votre commentaire. –

Essayez ceci:.

#main_navigation li { 
    ... 
}

Source

2009-06-22 16:40:04

Le test initial m'a fait penser que cela a fissuré la noix, mais il reste encore un peu de travail (s'il vous plaît commentaire ci-dessus) – justSteve

J'ai mis à jour ma réponse pour refléter votre commentaire. –

vous voulez probablement

font-weight: bold;

Source

2009-06-22 16:40:33

Je n'ai pas une solution exacte pour vous, mais je suis certain que les choses deviendront facile si vous utilisez Firefox et installez Firebug. Firebug a un mode qui montre toute la feuille de style informations qui pourraient affecter un élément, ainsi que Des règles différentes interagissent tout en vous permettant d'essayer de changer des choses sans recharger.

Source

2009-06-22 16:41:57

#main_navigation ul doit correspondre, à partir du code HTML affiché, votre ul avec l'ID subNav0. Avez-vous un style CSS .subNavMenuItems ou #subNav0, ou peut-être ul li ul, qui serait également la même chose que #main_navigation ul? Si vous avez un tel CSS, il est potentiellement déblayé avec le CSS indiqué. Pour être absolument spécifique, vous pouvez style ul#main_navigation li#trigger0 ul#subNav0.

Ben a une bonne suggestion pour essayer le Firebug addon pour Firefox.

Ce code HTML est invalide: <a /Topics">Webinar Topics</a>. Vous voulez <a href="/Topics">Webinar Topics</a> le plus probable.

Source

2009-06-22 16:43:35

De plus, il manque une double citation dans <a /Topics"> et l'attribut href.

Source

2009-06-22 16:44:27 Detect

Quel élément essayez-vous de styler?

#main_navigation ul { 
/* css here */ 
}

Sûrement un style ul qui est un descendant direct de #main_navigation, alors que vous essayez de style (je pense ) soit le menu extérieur qui est#main_navigation ou la ul intérieure qui est #main_navigation li ul .. Sauf que je lis mal?

Source

2009-06-22 16:46:06

Un élément CSS rendu ... d'autres ne sont pas

Répondre

Questions connexes