Forums des Zéros

21 décembre 2005 à 1:56:34

Bonsoir,

Pour tes liens, au lieu de préciser dans les différentes class "text-decoration: none;" pourquois ne mets tu pas dans ta css

a
{
text-decoration: none;
}

Ce serait tout aussi clair, un poil plus léger et comme tu appliques un "text-decoration: none;" a tous tes liens. Puis, comme ça tu n'as qu'une ligne à vérifier si le problème persiste.

Mieux même : Arrète moi si je me trompe mais tous tes liens de class "partners" sont dans ton footer non ? Alors pourquois ne pas appliquer un effet selectif sur les liens qui sont dans le footer ? Tu évite ainsis d'avoir à utiliser un "span" pour tes liens du footer. Comme ça :

#footer a
{
color: #ffffff;
font-family: Verdana;
font-size: 9px;
text-decoration: none;
}

Et tu enlève les "span" devenuent inutiles. Ce serait plus léger. Enfin, c'est juste une idée. :-°

21 décembre 2005 à 6:48:46

re j'avais pas vu ce post question regléé pour les liens soulignés pour le decalage dans IE j'ai jetté un oeil , je pense que c'est ton image qui le provoque donc en css tu mets :
a img {border:0; display:block; }

21 décembre 2005 à 15:20:52

Citation : mindrunner

Bonsoir,

Pour tes liens, au lieu de préciser dans les différentes class "text-decoration: none;" pourquois ne mets tu pas dans ta css
a
{
text-decoration: none;
}

Ce serait tout aussi clair, un poil plus léger et comme tu appliques un "text-decoration: none;" a tous tes liens. Puis, comme ça tu n'as qu'une ligne à vérifier si le problème persiste.

Mieux même : Arrète moi si je me trompe mais tous tes liens de class "partners" sont dans ton footer non ? Alors pourquois ne pas appliquer un effet selectif sur les liens qui sont dans le footer ? Tu évite ainsis d'avoir à utiliser un "span" pour tes liens du footer. Comme ça :

#footer a
{
color: #ffffff;
font-family: Verdana;
font-size: 9px;
text-decoration: none;
}

Et tu enlève les "span" devenuent inutiles. Ce serait plus léger. Enfin, c'est juste une idée.

Hello,

Alors pour les liens surlignés en effet j'ai mis ton code et maintenant il ne le sont plus sous Opera. Merci.

Par contre pour les span dans mes liens partners en fait je l'avais fais avant mais le blem c'est que mon lien devient bleu malgré que dans le css je stipule qu'il doit être blanc. Et comme je trouvais pas la soluce j'ai mis des span partout...

Regarde je te montre un ex pour le premier lien en bas (jeu poker) dans le footer:
http://jeu-de-casino-virtuel.com/new-index.php

Le CSS

#footer {margin-left: 5px;padding-bottom: 3px;padding-top: 10px;background:#990000;clear: both;text-align:left;color: #ffffff;font-family: Verdana;font-size: 9px;}

C'est quoi la soluce ? car ca je pourrais l'appliquer ptet à mon menu aussi non ?

21 décembre 2005 à 17:34:40

Citation : ikki

Hello,

Alors pour les liens surlignés en effet j'ai mis ton code et maintenant il ne le sont plus sous Opera. Merci.

Par contre pour les span dans mes liens partners en fait je l'avais fais avant mais le blem c'est que mon lien devient bleu malgré que dans le css je stipule qu'il doit être blanc. Et comme je trouvais pas la soluce j'ai mis des span partout...

Salut,

En fait, il n'y aurait aucunes raisons pour que celà ne marche pas. Dans "#footer a" je n'ais fait que mettre ce qu'il y avait dans la class "partners". C'est juste que au lieu d'utiliser une class spécifique je demande à l'appliquer à tous les liens dans le footer soit "#footer a". Ce qui revient au même mais en plus léger

21 décembre 2005 à 21:08:54

Citation : mindrunner

Citation : ikki

Hello,

Alors pour les liens surlignés en effet j'ai mis ton code et maintenant il ne le sont plus sous Opera. Merci.

Par contre pour les span dans mes liens partners en fait je l'avais fais avant mais le blem c'est que mon lien devient bleu malgré que dans le css je stipule qu'il doit être blanc. Et comme je trouvais pas la soluce j'ai mis des span partout...

Salut,

En fait, il n'y aurait aucunes raisons pour que celà ne marche pas. Dans "#footer a" je n'ais fait que mettre ce qu'il y avait dans la class "partners". C'est juste que au lieu d'utiliser une class spécifique je demande à l'appliquer à tous les liens dans le footer soit "#footer a". Ce qui revient au même mais en plus léger

oui je sais bien mais regarde par toi même avec le test du premier lien qui se retrouve en bleu: http://www.jeu-de-casino-virtuel.com/new-index.php

je vois pas comment changer ca

21 décembre 2005 à 21:25:14

Je ne comprends pas vraimment ton problème. J'ais bien vu que le premier lien du footer est en bleu, mais c'est normal puisque j'ais vu dans ta css que tu n'avais pas intégré la modification que je t'ais proposé. On a pas dût se comprendre.

Tu supprime tes span class="partners" dans ton fichier html. Et dans ta css tu remplace la class "partners" devenue inutile par ce que je t'ais proposé.

#footer a veux dire "tous les liens dans l'ID footer"

Comme une démo vaut mieux, voilà ta css avant :

.partners
{color: #ffffff;font-family: Verdana;font-size: 9px;text-decoration: none;}

Et ta css après :

#footer a
{color: #ffffff;font-family: Verdana;font-size: 9px;text-decoration: none;}

Il s'agit de la même ligne bien sûr, j'ais juste remplacé .partner par #footer a

P.S. : J'ais testé et ça marche très bien

21 décembre 2005 à 22:31:13

ok je m'étais trompé en fait, là ca marche: http://jeu-de-casino-virtuel.com/new-index.php

Sinon j'ai toujours un de mes deux blems qui n'est pas reglé. A savoir l'écart entre mes lignes de paragraphes gris qui n'est pas le même. Tu as une idée sur la question ?

Rappele du blem:

1/
Sous explorer au niveau des paragraphes sur fond gris l'écart entre la 3ème ligne et la 2ème ligne est plus grand qu'entre la 2ème et la première ligne. Du coup c'est pas éthetique et de + cela crée un espace entre le bas de mon image et le paragraphe à cause justement de cet écart de ligne qui agrandit la taille de mon paragraphe...

En revanche sous Mozilla aucun blem, les lignes ont bien un écart standart et du coup je n'ai pas ce souci d'espace entre mon image et le paragraphe.

d'avance merci

21 décembre 2005 à 22:43:05

Oui, je viens de voir ça sous I.E.

C'est vrai que c'est un problème mais je n'ais pas trouvé dans ta page html, ni dans ta css d'explication à ce problème. Il semblerait qu'il s'agisse d'une des bizareries d'I.E.

En tous cas, je n'ais pas d'autres idées sur la question. Désolé. Je peux juste de faire une suggestion : Dans ta class linkmain essais d'ajouter un

line-height: 1;

On ne sait jamais. Au pire ça ne genera pas firefox.

21 décembre 2005 à 23:03:43

ok je te remercie.

C'est bien ce truc car non seulement c pas ésthetique mais en blanc ca agrandit la hauteur de paragraphe gris, du coup l'image ne colle plus en bas...

22 décembre 2005 à 0:47:00

Quand tu l'auras testé, dis-nous quand même si l'idée d'utiliser un line-height: 1; t'a servit à quelque chose. Bref, tiens nous au courant.

22 décembre 2005 à 2:00:59

je viens de tester et ca change rien

apparement c'est pas ca la soluce. mais merci de ton aide tout de même hehe

22 décembre 2005 à 3:43:19

Essais de remplacer le line-height: 1; par un padding: 0px;

et dis-moi si ça change quelque chose. On va bien finir par trouver d'où ça vient

Si le problème ne venait pas d'I.E., je pourrais tester directement les modifs avec la barre d'outils web developer de Firefox. Mais là, faut que tu fasse les essais et que tu me dise ce que ça donne.

22 décembre 2005 à 6:04:38

plusieurs points a corriger.
1) .site IMG margin-bottom:5px; a supprimer.
2) les class et id se declarent entre des "..."
3) enleve l'espace entre et
apres ca tout sera bon

22 décembre 2005 à 13:11:05

Re,

Réponse à mindrunner : j'ai fais ta modif mais cela ne change rien.

Réponse à jp949 :

1) .site IMG margin-bottom:5px; a supprimer.
ok c'est fait, ca m'a viré l'espace en dessous de l'image. merci

2) les class et id se declarent entre des "..."
heu c'est bien entre des " " ??

3) enleve l'espace entre et
il n'y a pas d'espace entre mon fin de span et fin de p, juste un retour à la ligne pour que j'y vois plus clair. Tu suggères que je mette le et sur la même ligne ?

Edité le 22/12/2005 à 06h24

22 décembre 2005 à 13:27:04

oui c'est ca tu verras IE est sensible a ca normalement il doit plus y avoir d'espace entre lignes

22 décembre 2005 à 13:45:49

Citation : jp949

oui c'est ca tu verras IE est sensible a ca normalement il doit plus y avoir d'espace entre lignes

J'en reviens pas ct donc ca. Fallait juste mettre le span et p sur la même ligne. mais qu'il est C O N ce explorer.

Voilà le résultat :http://www.jeu-de-casino-virtuel.com/

Sinon tu saurais pas me dire pk mes lien en rouge dans les paragraphes ont une sorte de margin-left de quelques pixels ? C'est marrant le texte en noir est bien collé sur la gauche et les liens en rouge non. Je viens de matter le CSS des liens rouge il n'y a aucun margin.

Merci pour ton aide, j'en reviens pas de voir comme les membres percutent vite ici. Ca me donne envie de poursuivre dans la voie du XHTML et CSS. J'adoreais me mettre au PHP mais je suis pas logique, est ce que j'ai mes chances ?

22 décembre 2005 à 14:09:53

Ca c'est encore un bug du a l'image flottante.
dans ta classe il faut refaire un hack margin-left:0 ! important;
margin-left:-10px;

22 décembre 2005 à 14:21:04

Citation : jp949

Ca c'est encore un bug du a l'image flottante.
dans ta classe il faut refaire un hack margin-left:0 ! important;
margin-left:-10px;

tu veux dire dans cette class là:
.site
{margin-left:5px;margin-right:5px;text-align:justify;height:60px;background:#FDF9E7;}

Tout d'abord il faudrait que tu m'expliques ce que c'est un hack avec le bidule ! important (voir ta réponse à mon autre post ou tu m'as dis la même chose). Car je ne connais pas ce terme. C'est un truc qui force quelquechose à se mettre en palce j'imagine.

22 décembre 2005 à 14:26:18

un hack c'est comme tu l'as dit un moyen de forcer IE a afficher une proprieté css sans que cela n'affecte les autres navigateurs.
j'ai vu que tu ne l'avais pas appliqué pour #menu ce qui provoque un decalage sur FF et opera et Nscape.
pour le retrait du texte en rouge c'est sur .titre_casino qu'il faut faire le hack
titre-casino { margin-left:0 ! important; margin-left:-10px;}
Pour le php ce n'est pas sorcier non plus, tu y arriveras si tu veux