Webmaster Hub > Spécifier un fichier

Version complète: sur le forum Webmaster Hub : Spécifier un fichier

Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS

gontran

samedi 26 août 2006 à 16:17

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

samedi 26 août 2006 à 16:27

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.

CODE

<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

samedi 26 août 2006 à 16:32

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

dimanche 27 août 2006 à 16:25

CITATION(gontran @ samedi 26 août 2006, 08h32)

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 :

CODE

ul#mon-id
ul.ma-class
li#mon-id
ul.ma-class

gontran

dimanche 27 août 2006 à 18:39

une petite question

quand on fait

CODE

.maclass ul, li
#monid ul,li

c'est pas la meme chose ??

merci

captain_torche

lundi 28 août 2006 à 06:49

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

dimanche 10 septembre 2006 à 16:21

bonjour le hub,

est-ce qu'on peux faire la meme chose avec les "<h1>" ?

CODE

h1 #monid
h1 .maclass

Merci

JoP

lundi 11 septembre 2006 à 22:22

CITATION(gontran @ dimanche 10 septembre 2006, 11h21)

est-ce qu'on peux faire la meme chose avec les "<h1>" ?

Oui, tu peux le faire avec toute les balises existantes...

gontran

lundi 11 septembre 2006 à 22:37

arf, bon alors je dois mal mis prendre

ca fonctionne pas...
je comprend pas...

CODE

#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

lundi 11 septembre 2006 à 22:46

Si le H1 est dans le div "main", tu dois procéder comme cela dans le css: (<div id="main">....<h1>....</h1>...</div> )

CODE

#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

lundi 11 septembre 2006 à 23:00

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

lundi 11 septembre 2006 à 23:20

Ton code est uniquement bon pour ça:

CODE

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

CODE

h1{...}

<html>
<h1></h1>
</html>

* Si tu veux l'utiliser uniquement dans un div bien spécial comme main:

CODE

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

CODE

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

gontran

mardi 12 septembre 2006 à 13:27

bon ca fonctionne pas...

mon css :

CODE

#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

mardi 12 septembre 2006 à 13:31

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

mardi 12 septembre 2006 à 13:33

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

mardi 12 septembre 2006 à 13:40

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

mardi 12 septembre 2006 à 13:42

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:

CODE

#main {
    padding: 0 0;
    margin: 0 20px 0 20px;
    background-color:#FFFFCC;
    min-height:650px;
}

L'écart ne sera plus là.

Edit: grillé

Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.