gontran 0 Posted August 26, 2006 Share Posted August 26, 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 Link to post Share on other sites
v4np13 0 Posted August 26, 2006 Share Posted August 26, 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> Link to post Share on other sites
gontran 0 Posted August 26, 2006 Author Share Posted August 26, 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... Link to post Share on other sites
PotatoesJunky 4 Posted August 27, 2006 Share Posted August 27, 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 Link to post Share on other sites
gontran 0 Posted August 27, 2006 Author Share Posted August 27, 2006 une petite question quand on fait .maclass ul, li#monid ul,li c'est pas la meme chose ?? merci Link to post Share on other sites
captain_torche 42 Posted August 28, 2006 Share Posted August 28, 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. Link to post Share on other sites
gontran 0 Posted September 10, 2006 Author Share Posted September 10, 2006 bonjour le hub, est-ce qu'on peux faire la meme chose avec les "<h1>" ? h1 #monidh1 .maclass Merci Link to post Share on other sites
JoP 0 Posted September 11, 2006 Share Posted September 11, 2006 est-ce qu'on peux faire la meme chose avec les "<h1>" ? Oui, tu peux le faire avec toute les balises existantes... Link to post Share on other sites
gontran 0 Posted September 11, 2006 Author Share Posted September 11, 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 ?? Link to post Share on other sites
v4np13 0 Posted September 11, 2006 Share Posted September 11, 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> ) Link to post Share on other sites
gontran 0 Posted September 11, 2006 Author Share Posted September 11, 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 ?? Link to post Share on other sites
v4np13 0 Posted September 11, 2006 Share Posted September 11, 2006 (edited) 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 Edited September 11, 2006 by v4np13 Link to post Share on other sites
gontran 0 Posted September 12, 2006 Author Share Posted September 12, 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 Link to post Share on other sites
captain_torche 42 Posted September 12, 2006 Share Posted September 12, 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 Link to post Share on other sites
gontran 0 Posted September 12, 2006 Author Share Posted September 12, 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... Link to post Share on other sites
captain_torche 42 Posted September 12, 2006 Share Posted September 12, 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). Link to post Share on other sites
v4np13 0 Posted September 12, 2006 Share Posted September 12, 2006 (edited) 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é Edited September 12, 2006 by v4np13 Link to post Share on other sites
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now