Jump to content

Spécifier un fichier


Recommended Posts

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

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

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

Link to post
Share on other sites
  • 2 weeks later...

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

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

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 by v4np13
Link to post
Share on other 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

Link to post
Share on other 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 ;)

Link to post
Share on other sites

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

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 by v4np13
Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...