CSS : définition des Liens... oui mais..

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : CSS : définition des Liens... oui mais..

Profil supprimé

Bonjour,

ma feuille de style définit les liens en bleu foncé.

certaines parties de mon site apparaissent dans des boites, dans lequels vont apparaitre des liens.

logiquement, ces liens apparaitront en bleu foncé.

comment je dois procéder si je veux que les liens présents dans les boites ne récupèrent pas les caractéristiques définis pour l'ensemble de la page ?

je veux que mes liens sur le site soient bleu foncé, mais que dans ma boite, les liens soient en rouge.

je me retrouve avec

.a:link (color:blue)

.boite (color:red)

=> seul le texte prend la couleur rouge, mais pas les liens.
comment faire pour que les liens contenu dans la "boite" soient concernés.

merci d'avance.

(les attributs blue et rouge sont des exemples je veux juste reussir à ce que la boite prenne le dessus)

merci :jap:

Publicité

Hermes le Messager

Breton Quiétiste

.liens1 a
.liens1 a:visited
.liens1 a:hover

.liens2 a
.liens2 a:visited
.liens2 a:hover

---------------
Expert en expertises

masklinn

í dag viðrar vel til loftárása

Il faut utiliser les principes de l'héritage toussa.

Par exemple si un lien est accédé par

a {
/* blabla */
}

Un lien situé dans une boite ayant comme id "machin" pourra être accédé via

#machin a {
/* blabla aussi, mais pas le même */
}

Ici, ce sont plus précisément les "sélecteurs contextuels"
Pour plus d'information, je te conseille le texte de la norme CSS1

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?

Profil supprimé

edit : je repondais à HERMES j'avais pas lu ta réponse, que je consulte là tout de suite

ok
je peux pas regrouper tout ça dans un seul style ? à savoir celui de ma boite ?

ça veut dire qu'il faut que j'attribue un style à ma boite.
puis que j'attribue un style à son contenu c'est bien ça ?

Message édité par Profil supprimé le 01-03-2005 à 09:10:42

masklinn

í dag viðrar vel til loftárása

ouaip

#boite {
/* style de la boite */
}

puis

#boite element {
/* style de l'element */
}

puis

#boite autre_element {
/* style de l'autre element */
}

Après tu peux aussi t'amuser un peu plus, j0re

#boite autre_element encore_un {
/* Style du machin de 3e niveau */
}

etc etc

Message édité par masklinn le 01-03-2005 à 09:15:41

masklinn

í dag viðrar vel til loftárása

Profil supprimé

masklinn a écrit :

ouaip

#boite {
/* style de la boite */
}

puis

#boite element {
/* style de l'element */
}

puis

#boite autre_element {
/* style de l'autre element */
}

Après tu peux aussi t'amuser un peu plus, j0re

#boite autre_element encore_un {
/* Style du machin de 3e niveau */
}

etc etc

très bien

en fait j'utilise déjà cette hierachie, mais ça m'oblige à definir un style pour chaque chose contenu dans ma boite
ex :
titre
sous titre
rubrique
sous rubrique

fo donc que je fasse pareil avec les liens

ok merci
ps : tu as encore devancé ma réponse juste au dessus

Profil supprimé

Bon c'est bon j'ai enfin compris.

enfin c paradoxal puisque j'ai compris... mais ça fonctionne pas.

je vais chercher.... je suis kan même sur d'avoir compris.

Profil supprimé

Bon c bon j'ai tout pigé

mon problème ce que je definit mes styles uniquement par des tableaux et des class que j'attribue aux cellules.

du coup je n'utilise JAMAIS les ID, donc ça risquait pas de marcher, même en faisant jouer ce que vous appelez les héritages.

(j espere avoir été clair)

koik'il en soit, maintennant que j'ai pigé ça, je vais redefnir totalement ma feuille de style, avec uen vrai hierarchisation.

j'espere avoir finit ce soir si c le cas c super

merci encore.

masklinn

í dag viðrar vel til loftárása

[:mlc]

Citation :

du coup je n'utilise JAMAIS les ID, donc ça risquait pas de marcher, même en faisant jouer ce que vous appelez les héritages.

[:fing fang fung]

Citation :

koik'il en soit, maintennant que j'ai pigé ça, je vais redefnir totalement ma feuille de style, avec uen vrai hierarchisation.

Je te conseillerais de refaire toute ta page en dégageant ta mise en page à coup de tables [:moule_bite]

Publicité

FlorentG

Oui, c'est quoi les tableaux là [:itm]

Profil supprimé

j'ai pas compris tu veux que je vire toutes les tables c ça ?

Profil supprimé

je crains de ne pas maitriser ma mise en page sans les tables.. ça me fait un peu flipper

FlorentG

Ah Les tableaux ne sont pas fait pour faire de la mise en page

Profil supprimé

je m'embrouille là..

bon je suis en train de hierarchiser mes balises :

imaginons un tableau A
dans ce tableau
-> des titres
-> des rubrique
-> du texte (body)
-> des liens

Donc dans ma feuille de style
.tableau A
.tableau A titre
.tableau A rubrique
.tableau A body
.tableau A a, a:hover

maintenant ce que j'aimerais savoir

le tableau A dans ma page,
1) j'ai pas forcément besoin de le dessiner ?
2) faut que je lui attribue une class=tableau A ou un ID=tableau A ?

Merci pour cette précieuse aide.

antp

Super Administrateur
Champion des excuses bidons

id = un élément unique de la page auquel on donne un nom unique pour appliquer un style unique
class = plusieurs éléments partagent les mêmes styles

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

Profil supprimé

ok, mais ce que je ne comprend pas

si je note
<div id=chameau>
ca va faire appel à quoi ?
à .chameau sur ma feuille de style ?

ou bien il faut que je note
<div id=chameau class=chameau >
pour que ça fasse appel à la class .chameau

ensuite si j'ai définit
.chameau a:hover(blabla) dans ma CSS

alors tous les liens en a:hover seront en (blabla) si ils sont entre les balises <div class=chameau> </div>.

C bien ça ?

(j'éspère que je suis clair au moins)

FlorentG

id="chameau" -> #chameau dans le CSS
class="chameau" -> .chameau

masklinn

í dag viðrar vel til loftárása

Pfouyayaya...

Bon, tout d'abord va visiter les pages que tu trouveras ici, et tout spécialement

Ensuite, pour répondre plus précisément:

oui

C'est juste un mauvais moment à passer avant d'atteindre le Nirvana

on pourrait enlever le tableau

Citation :

Donc dans ma feuille de style
.tableau A
.tableau A titre
.tableau A rubrique
.tableau A body
.tableau A a, a:hover

[:mlc]

".tableau A" > aucun sens
.A, #A, .tableauA, #tableauA, mais ".tableau A" ne veut strictement rien dire.
Ensuite
.tableauA a, a:hover
-> les "a" (ancres) contenues dans les "tableauA" et les ancres "hover"... toutes, pas uniquement les descendants de tableauA.
.tableauA a, .tableauA a:hover

Citation :

le tableau A dans ma page,
1) j'ai pas forcément besoin de le dessiner ?

Pas compris

Citation :

2) faut que je lui attribue une class=tableau A ou un ID=tableau A ?

Un "id" sert à désigner un élément précis et unique dans une page, c'est l'équivalent de ton numéro de sécurité sociale par exemple. On ne peut trouver un "id" donné qu'une seule et unique fois dans une page.
Une classe sert à désigner un groupe d'éléments, identiques (plein de spans) ou différents (des "ul", des "div" et des "span" peuvent avoir la même classe)

Si ton élément est le seul à qui tu veux donner préciséments ces propriétés (ou sous propriétés), id.
Sinon (s'il y a d'autres éléments qui doivent avoir les mêmes propriétés), id.

Un élément ne peut avoir qu'un seul et unique id
Un élément peut faire partie de (avoir) plusieurs classes (par exemple <span class="bou li foo bar"> fera parti simultanément des classes "bou", "li", "foo" et "bar" )
Un id ou une classe s'écrit entre doubles quotes > "" <
class="bla"
id="blabla"
Un nom d'id ou de classe ne doit pas contenir d'espace, on peut donner plusieurs noms de classes à un élément en les séparant par des espaces.

id="foo" sera appelé par "#foo" dans une feuille de style
class="bar" par ".bar"

Donc .chameau désigne tous les éléments de la classe chameau
Pour l'élément d'id chameau on utilise "#chameau".

et ici il faudrait noter <div id="chameau">

Citation :

ensuite si j'ai définit
.chameau a:hover(blabla) dans ma CSS

alors tous les liens en a:hover seront en (blabla) si ils sont entre les balises <div class=chameau> </div>.

C bien ça ?

oui, on parle des balises "a" descendant des éléments de classe chameau (les enfants)

Profil supprimé

Merci mille fois :jap:

tout est beaucoup plus clair à présent

les petites confusions qui persistaient ne le sont plus.

là je recompose toute ma feuille de style et si ça me prend du temps finalement j'en gagne enormement.

par contre, pour ce qui est des tableaux, même si je vais en enlever un maximum, je vois toujours pas comment m'en separer.

dans certains cas ce que je vais dire est très con mais je peux même pas conceptualiser une autre solution que le tableau alors je vois pas comment je pourrais y parvenir avec du code.

un exemple, j'ai un contenu qui apparait dans un rectangle arrondi, prealablement dessiné et découpé sous photoshop.
comment eviter les tableaux sachant que ce la taille du rectangle varie selon son contenu ? :??:
j'y arriverais forcément un jour mais là, je l'avoue, je vois pas

merci encore :jap:

FORUM HardWare.fr

Programmation

HTML/CSS

CSS : définition des Liens... oui mais..

Sujets relatifs
Remplacer le JS par les CSS. Oui mais ....	liens entre les cellules d'un tableau
Diaporama en HTML/CSS ?	Imprimer avec une feuille CSS préconfigurée
[CSS] avis et aide sur qq incompatibilités IE//MOZ	[CSS] Forcer l'impression d'un "background-image"
[CSS] longueur / hauteur d'une bordure ?	[CSS/Style] inherit, késako?
[CSS] <div> comment régler les "plan" (premier plan, 2e plan,...) ??	[résolu]tableau avec CSS, pb sous IE
Plus de sujets relatifs à : CSS : définition des Liens... oui mais..

Page générée en 0.061 secondes