Aller au contenu

Spécifier un fichier


gontran

Sujets conseillés

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

Lien vers le commentaire
Partager sur d’autres sites

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>

Lien vers le commentaire
Partager sur d’autres sites

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...

Lien vers le commentaire
Partager sur d’autres sites

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-id
ul.ma-class
li#mon-id
ul.ma-class

Lien vers le commentaire
Partager sur d’autres sites

  • 2 semaines plus tard...

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 ??

Lien vers le commentaire
Partager sur d’autres sites

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> )

Lien vers le commentaire
Partager sur d’autres sites

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é par v4np13
Lien vers le commentaire
Partager sur d’autres sites

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

Lien vers le commentaire
Partager sur d’autres sites

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 ;)

Lien vers le commentaire
Partager sur d’autres sites

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é par v4np13
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...