|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
cheloniologue
WRInaute impliqué
Inscrit le: 08 Fév 2006
Messages: 270
|
 Posté le : Jeu Juin 19, 2008 18:40 Sujet du message: Petit problème graphique.... où est le problème ! |
|
|
Bonjour à tous
J'ai un petit problème car je souhaiterai que l'on ne voit pas la barre en dessous des cases ayant un menu déroulant ...(il y a deux barres en bas ...et je souhaiterai qu'il y en est qu'une) et j'aimerai que l'ensemble de la case change de couleur quand la souris passe dessus ... Voici une copie écran plus la partie du script
et le script
| Code: |
<tr>
<td width="100%"><a href="Alimentation/index.php" class="navText">L'alimentation</a></td>
</tr>
<tr>
<td width="100%">
<table width="100%" >
<tr>
<td><a href="#1" name="link6" class="navText" id="link2" onmouseover="MM_showMenu(window.mm_menu_0619164203_0,189,-2,null,'link6')" onmouseout="MM_startTimeout();">Guide pratique</a> </td>
<td class="subHeader Style19"><div align="right">>></div></td>
</tr>
</table>
</td>
</tr> |
|
|
| |
|
 |
aurelien59
WRInaute impliqué
Inscrit le: 25 Juil 2006
Messages: 389
|
| Posté le : Jeu Juin 19, 2008 19:02 Sujet du message: Petit problème graphique.... où est le problème ! |
|
|
| Le problème doit se trouver dans le style à mon avis. |
|
| |
|
|
cheloniologue
WRInaute impliqué
Inscrit le: 08 Fév 2006
Messages: 270
|
| Posté le : Jeu Juin 19, 2008 19:48 Sujet du message: Petit problème graphique.... où est le problème ! |
|
|
ah bon ?
 |
|
| |
|
|
twin
WRInaute passionné
Inscrit le: 23 Fév 2004
Messages: 865
Localisation: Sur le serveur de WRI
|
| Posté le : Jeu Juin 19, 2008 20:22 Sujet du message: Petit problème graphique.... où est le problème ! |
|
|
| Tu peux mettre ta feuille de style ici, stp |
|
| |
|
|
cheloniologue
WRInaute impliqué
Inscrit le: 08 Fév 2006
Messages: 270
|
| Posté le : Jeu Juin 19, 2008 21:42 Sujet du message: Petit problème graphique.... où est le problème ! |
|
|
Oui sans problème
| Code: |
body {
margin:0px;
}
td {
font:11px Arial, Helvetica, sans-serif;
color:#666666;
}
a {
color: #993300;
}
a:hover {
color: #5C743D;
}
/* ID Styles */
#navigation td {
border-bottom: 1px solid #F4FFE4;
}
#navigation a {
font: bold 11px Arial, Helvetica, sans-serif;
color: #D5EDB3;
line-height:16px;
letter-spacing:.1em;
text-decoration: none;
display:block;
padding:8px 6px 10px 20px;
}
#navigation a:hover {
background: #99CC66;
color:#993300;
}
#logo {
font:24px Arial, Helvetica, sans-serif;
color: #5C743D;
letter-spacing:.2em;
line-height:30px;
}
#tagline {
font:11px Arial, Helvetica, sans-serif;
color: #993300;
letter-spacing:.4em;
line-height:18px;
}
#monthformat {
border-bottom: 1px dashed #5C743D;
}
#dateformat {
font:11px Arial, Helvetica, sans-serif;
color: #993300;
letter-spacing:.2em;
}
#dateformat a {
font:11px Arial, Helvetica, sans-serif;
color: #993300;
font-weight:bold;
letter-spacing:.1em;
text-decoration:none;
}
#dateformat a:hover {
color: #F4FFE4;
letter-spacing:.1em;
}
/* Class Styles */
.bodyText {
font:11px Arial, Helvetica, sans-serif;
color:#666666;
line-height:20px;
margin-top:0px;
}
.pageName{
font: 18px Arial, Helvetica, sans-serif;
color: #99CC66;
line-height:26px;
letter-spacing:.21em;
}
.subHeader {
font:bold 11px Arial, Helvetica, sans-serif;
color: #993300;
line-height:22px;
letter-spacing:.2em;
}
.quote {
font: 20px Arial, Helvetica, sans-serif;
color: #759DA1;
line-height:30px;
}
.smallText {
font: 10px Arial, Helvetica, sans-serif;
color: #666666;
line-height: 22px;
}
.navText {
font: 11px Arial, Helvetica, sans-serif;
color: #003366;
line-height:16px;
letter-spacing:.1em;
text-decoration: none;
}
.Style4 {
color: #333300;
font-weight: bold;
}
.Style2 {
font-size: 12px;
color: #333333;
}
.Style1 {
font-size: 18px;
color: #FFCC33;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
} |
|
|
| |
|
|
jeroen
WRInaute accro
Inscrit le: 30 Aoû 2002
Messages: 2289
|
| Posté le : Jeu Juin 19, 2008 22:04 Sujet du message: Petit problème graphique.... où est le problème ! |
|
|
Déjà tu déclare deux fois ta feuille de style. A corriger.
Ensuite modifie ta feuille de style en remplaçant
par
| Code: |
| #navigation>tbody>tr>td |
Cordialement, |
|
| |
|
|
cheloniologue
WRInaute impliqué
Inscrit le: 08 Fév 2006
Messages: 270
|
| Posté le : Jeu Juin 19, 2008 22:48 Sujet du message: Petit problème graphique.... où est le problème ! |
|
|
je viens de le changer ...aucun changement sur la page d'accueil  |
|
| |
|
|
jeroen
WRInaute accro
Inscrit le: 30 Aoû 2002
Messages: 2289
|
| Posté le : Ven Juin 20, 2008 0:15 Sujet du message: Petit problème graphique.... où est le problème ! |
|
|
| cheloniologue a écrit: |
| je viens de le changer ...aucun changement sur la page d'accueil |
Tu me fais perdre mon temps là... si au moins tu LISAIS ce que j'écrivais...
ta page fait appel à deux feuilles de style distinctes
http://www.cheloniophilie.com/mm_health_nutr.css (que tu as modifié)
et
http://www.cheloniophilie.com/design/mm_health_nutr.css (que tu n'a pas touché)
Tu as beau modifier la première, la deuxième annule les résultats la première.
Vire donc de ta page l'appel à la deuxième, que tu n'a pas modifié. |
|
| |
|
|
allignol
Nouveau WRInaute
Inscrit le: 13 Juin 2007
Messages: 24
|
| Posté le : Ven Juin 20, 2008 8:41 Sujet du message: Petit problème graphique.... où est le problème ! |
|
|
pour que toute ta case change de couleur, je pense que le moyen le plus simple est:
-mettre ta classe .navText (pour la balise <a/>) en display:block
-lui donner la bonne largeur et la bonne hauteur
-lui appliquer line-height de la hauteur du block (pour centrer le texte verticalement)
-et mettre les propriétés margin et padding à 0 |
|
| |
|
|
cheloniologue
WRInaute impliqué
Inscrit le: 08 Fév 2006
Messages: 270
|
| Posté le : Ven Juin 20, 2008 13:04 Sujet du message: Petit problème graphique.... où est le problème ! |
|
|
Bonjour Tout d'abord merci pour la rectification ...(j'avais mal regardé ton intervention et je m'étais focalisé sur le changement dans le CSS)  OUPS 
Enfin Allignol ...
Qu'entends tu par là ...
Aurais tu une démo pour une case si possible ? (je suis dsl de t'embéter)
Bien cordialement à tous |
|
| |
|
|
allignol
Nouveau WRInaute
Inscrit le: 13 Juin 2007
Messages: 24
|
| Posté le : Ven Juin 20, 2008 14:53 Sujet du message: Petit problème graphique.... où est le problème ! |
|
|
Par exemple pour le bout de code que tu donnes:
| Code: |
<tr>
<td width="100%"><a href="Alimentation/index.php" class="navText">L'alimentation</a></td>
</tr>
<tr>
<td width="100%">
<table width="100%" >
<tr>
<td><a href="#1" name="link6" class="navText" id="link2" onmouseover="MM_showMenu(window.mm_menu_0619164203_0,189,-2,null,'link6')" onmouseout="MM_startTimeout();">Guide pratique</a> </td>
<td class="subHeader Style19"><div align="right">>></div></td>
</tr>
</table>
</td>
</tr> |
Tu peux mettre en CSS:
| Code: |
a.navText{
display:block;
width:100%;
height:16px;
line-height:16px;
margin:0;
padding:0;} |
J'ai pas lu tout ton code, mais normalement il n'y a pas de problème. |
|
| |
|
|
cheloniologue
WRInaute impliqué
Inscrit le: 08 Fév 2006
Messages: 270
|
| Posté le : Sam Juin 21, 2008 13:52 Sujet du message: Petit problème graphique.... où est le problème ! |
|
|
bon je vais essayer 
Je te tiens informé ...merci d'avance |
|
| |
|
|
| |
|
|
