Discussion :

[ipeteivince]

Bonsoir à tous.

J'ai deux question à poser aux experts.
D'abord, j'ai des div dans lesquels je met du texte et des liens.
J'aimerais pouvoir définir le style des liens dans ses div sans avoir à passer par des class dans la balise a.
pourtant,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.div{
color: #FFFFFF;
}
A.div{
text-decoration: none;
}

ne semble pas fonctionner et le texte apparait avec le style par défaut d ela page. ( a savoir bleu souligné)

Comment puis je faire?

Autre chose,
J'aimerais définir un style de page avec 2 colonne (1 pour le menu et une pour le corps) mais sans tableau et avec la colonne de corps extensible en largeur pour arriver à 100% de la page.
J'ai donc définit 2 div avec leur styles mais ils apparaissent l'un au dessus de l'autre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
//fichier CSS
 
#menu_container{
width:200px;
}
#corps_container{
 
}
 
//fichier html
<div id="menu_container">le menu</div>
<div id="corps_container">Le corps de la page</div>

Ce style me dispose les deux div l'au au dessus de l'autre.
et je ne vois pas comment faire pour fixer la taille du #corps_container poru arriver à 100% de la page.

Merci d'avance pour vos réponses et tuyaux

[Bisûnûrs]

Pour ton premire problème, c'est comme ça qu'il faut faire :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="maClasse">
   <a href="lien">Texte</a>
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.maClasse a {
   text-decoration:none;
   color:red;
}

Pour ton deuxième problème, rajoute float:left sur menu_container et un margin-left de la largeur de ton menu sur corps_container.


D'une manière générale, essaie de créer deux sujets différents pour deux problèmes différents, merci.

[ipeteivince]

OUI... J'ai fait une erreur lors de la retranscription de ma page. J'ai bien évidemment mis .div a
Mais ca ne change pas grand chose...
Pour mon soucis de menu, j'ai contourné le problème de la manière suivante:
pour mon #menu_container, j'ai utilisé un float à gauche.
Et pour mon #corps_container, j'ai mis un margin de la taille de ma colonne de menu.

[Bisûnûrs]

Essaie alors de rajouter les pseudos-classes :link et visited :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.maClasse a:link, .maClasse a:visited {
   text-decoration:none;
   color:red;
}

Ton lien étant sans doute visité et le navigateur n'ayant pas eu d'instruction quant au CSS à mettre pour cet état a mis sans CSS par défaut.

[ipeteivince]

En effet, c'est tout con, mais c'est ca!
Merci