gontran Posté 26 Août 2006 Posté 26 Août 2006 Bonjour le Hub, Je me pose une question : est-ce qu'il est possible de spécifier un fichier CSS je m'explique... J'utilise plusieurs fichiers CSS sur une page je voudrais faire en sorte de spécifier sur quel fichier je doit aller chercher la propriété d'un <div> ca donnerai : <div class="test" file="../css/test.css">...</div> est ce que vous voyez ce que je veux dire ?? merci
v4np13 Posté 26 Août 2006 Posté 26 Août 2006 Je n'ai jamais vu cela, ça m'étonnerait que ce soit possible. Tu ne peux pas fusionner les feuilles de style? Ce que tu peux éventuellement faire, c'est en plus de donner un/des liens vers ton/tes CSS et en plus de celà, mettre du code CSS directement dans ta page HTML dans le head, comme ceci. <head><link rel="stylesheet" type="text/css" href= "style.css"><style type="text/css">.test { font-family: arial, verdana, sans-serif; font-size: 18pt; color: black; background-color: #FFFFFF; }</style> </head>
gontran Posté 26 Août 2006 Auteur Posté 26 Août 2006 voui ca je connais... mon probleme est que j'utilise plusieurs balise de type <ul><li> et comme j'ai plusieurs class pour ces dernieres ca rentre en conflit... merci pour ta réponse je vais voir ce que peux faire...
PotatoesJunky Posté 27 Août 2006 Posté 27 Août 2006 voui ca je connais... mon probleme est que j'utilise plusieurs balise de type <ul><li> et comme j'ai plusieurs class pour ces dernieres ca rentre en conflit... merci pour ta réponse je vais voir ce que peux faire... Tu peux définir des propriétés différentes pour chaque <ul>et <li> directement dans ta feuille de styles, en leur appliquant indifféremment class ou id Exemples : ul#mon-idul.ma-classli#mon-idul.ma-class
gontran Posté 27 Août 2006 Auteur Posté 27 Août 2006 une petite question quand on fait .maclass ul, li#monid ul,li c'est pas la meme chose ?? merci
captain_torche Posté 28 Août 2006 Posté 28 Août 2006 Non, quand tu fais ça, tu définis un style qui s'appliquera à tous les ul situés dans un élément de classe '.maclass', ainsi qu'à TOUS les li de ta page.
gontran Posté 10 Septembre 2006 Auteur Posté 10 Septembre 2006 bonjour le hub, est-ce qu'on peux faire la meme chose avec les "<h1>" ? h1 #monidh1 .maclass Merci
JoP Posté 11 Septembre 2006 Posté 11 Septembre 2006 est-ce qu'on peux faire la meme chose avec les "<h1>" ? Oui, tu peux le faire avec toute les balises existantes...
gontran Posté 11 Septembre 2006 Auteur Posté 11 Septembre 2006 arf, bon alors je dois mal mis prendre ca fonctionne pas... je comprend pas... #main { padding: 0; margin: 0 20px 0 20px; background-color:#FFFFCC; min-height:650px;}h1 #main { font-size:100%; border-bottom:1px #8f8fff solid;} y'a un truc qui est pas bon la ??
v4np13 Posté 11 Septembre 2006 Posté 11 Septembre 2006 Si le H1 est dans le div "main", tu dois procéder comme cela dans le css: (<div id="main">....<h1>....</h1>...</div> ) #main h1{ font-size:100%; border-bottom:1px #8f8fff solid;} Si dans le html, tu utilises un id "main" sur un H1, tu utilises le code de ton post ( <h1 id="main">...</h1> )
gontran Posté 11 Septembre 2006 Auteur Posté 11 Septembre 2006 si j'ai bien compris, avec ce que je fais il fat que je specifie la class ou l'id dans la balise ? c'est bien ca ??
v4np13 Posté 11 Septembre 2006 Posté 11 Septembre 2006 (modifié) Ton code est uniquement bon pour ça: <h1 id="main">...</h1> Un identifiant, pas une class (class c'est le point à la place de la dièse) * Si tu ne veux pas spécifier le id, tu dois soit généraliser en faisant (ce qui marchera partout dans ta page html): h1{...} <html> <h1></h1> </html> * Si tu veux l'utiliser uniquement dans un div bien spécial comme main: #main h1{...} <html> <div id="main> <h1>....</h1> <h1>....</h1> </div> </html> * Si tu veux l'utiliser sur des h1 différents mais pas par défaut, tu dois lui donner un nom: h1 .main {...} <html> <div id="1"> <h1 class="main">....</h1> </div> <div id="2"> <h1 class="main">....</h1> </div> <div id="3"> <h1 class="main">....</h1> </div> </html> J'espère que c'est plus clair comme ça Modifié 11 Septembre 2006 par v4np13
gontran Posté 12 Septembre 2006 Auteur Posté 12 Septembre 2006 bon ca fonctionne pas... mon css : #main { padding: 0 0; margin: 0 20px 0 20px; background-color:#FFFFCC; min-height:650px;}h1 #main { font-size:100%; border-bottom:1px #8f8fff solid;} tu peux voir le resultat ici tout est decaller vers le bas, car en fait ca prend le "#main" et non le "h1 #main" merci pour votre aide
captain_torche Posté 12 Septembre 2006 Posté 12 Septembre 2006 Si tu veux cibler tous les titres de niveau h1 contenus dans ton #main, il faut écrire : #main h1 { ... } Avec ton écriture actuelle, tu vises tous les ID main contenus dans un titre de niveau 1. [Edit : ]Il faut également que tu supprimes l'id "main" qui se trouve dans ton h1, c'est ce qui implique l'écart énorme
gontran Posté 12 Septembre 2006 Auteur Posté 12 Septembre 2006 non justement je ne pas cibler tout les titres contenu de mon main... c'est la que je rencontre un probleme... je n'arrive pas a specifier des styles différents...
captain_torche Posté 12 Septembre 2006 Posté 12 Septembre 2006 Ce que tu fais actuellement, c'est que tu spécified l'id "main" à ton h1. Avec ça, tu spécifies que ce titre possède toutes les caractéristiques attribuées à #main (y compris le min-height:650px).
v4np13 Posté 12 Septembre 2006 Posté 12 Septembre 2006 (modifié) Essaye en utilisant des noms différents, il confond p-e le css qui est pour le div et pour le h1. Comme le dis captain_torche, si t'enleves: #main { padding: 0 0; margin: 0 20px 0 20px; background-color:#FFFFCC; min-height:650px;} L'écart ne sera plus là. Edit: grillé Modifié 12 Septembre 2006 par v4np13
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant