28220 sujets

CSS et mise en forme, CSS3

Salut à tous.
Quelqu'un pourrais me dire pourquoi mes liens en bas de page ("Bouton Grafik-system Bouton Luvgalz Bouton Lysiox") ne sont plus cliquables?
Voir la page : [page non disponible]
Modifié par SphAx3D (17 Oct 2007 - 21:12)
Bonsoir,

Je ne comprends pas trop ton "cliquable" ?
Je viens de regarder et je peux cliquer sur les liens.
Par contre les images n'apparaissent pas.

Cela vient de ton code
i_images/bouton_lysiox.gif
est recherché dans le répertoire
http://sphax3d.free.fr/new/
alors que toi tes images sont accéssibles par
http://sphax3d.free.fr/i_images/bouton_lysiox.gif


JP
En effet les images n'apparaissent pas, et ce n'est pas le problème. Le fait est que tu a dû surement regardé la page avec IE, et que j'ai oublié que le problème n'était présent qu'avec Firefox. Donc si quelqu'un a une idée ...
Le fait que les images ne soient pas présente, elles sont remplacées par le texte. Cela engendre peut-être la non activation du lien sous FF

JP
Non je crois avoir compris, il faut rajouter un
/
à la fin de chaque adresse dans tes liens.

Compare avec les liens du menu de gauche qui ne s'affiche pas également

JP
Réponse négative. Cela n'a rien changé. Il y a vraiment un problème, plutôt dans mon code je pense, erreur de structure peut être, je cherche ...
Non plus pour le /. Smiley decu Mais merci quand même d'essayer !
Je sais d'où viens mon problème :
C'est à cause du signe "-" dans margin-top: -100px; que mes liens ne sont plus cliquables.
Si personne ne trouve comment paré le problèmes avec le "-", je n'ai plus qu'à refaire le positionnement de mon div (barre_bas), mais je ne sais pas comment faire autrement ... Smiley ohwell
Modifié par SphAx3D (17 Sep 2005 - 21:15)
Es-tu sur d'avoir uploader ta page modifier ?
Je viens de la copier en local, elle ne comportait pas de / sur les liens de bas de page.
J'ai ensuite ajouter / et afficher la page avec FF (bon sans le Css certe) mais j'ai bien un lien cliquable maintenant

<a href="http://www.allopass.com/check/red.php4?CA=X177156U793L38/"><img src="i_images/bouton_grafik-system.gif" alt="Bouton Grafik-system" /></a>
				<a href="http://www.luvgalz.com/"><img src="i_images/bouton_luvgalz.gif" alt="Bouton Luvgalz" /></a>

				<a href="http://www.lysiox.com/"><img src="i_images/bouton_lysiox.gif" alt="Bouton Lysiox" /></a>


JP
Enleve la ligne rouge pour test

#barre_bas {
width: 519px;
height: 62px;
[#red]margin-top: -101px;
[#black]margin-left: 201px;
padding-top: 27px;
padding-left: 19px;
padding-right: 10px;
padding-bottom: 10px;
background-image: url("images/fondcont.png");
background-repeat: no-repeat;
border: 1px solid #333333;
text-align: center;}

Modifié par tibrus (17 Sep 2005 - 21:31)
Je suis partis sur un autre positionnement car celui là ne me permettais pas de mettre des liens. J'utilise donc la méthode position: relative; dans le conteneur et position: absolute; bottom: 0px; right: 0px; dans le contenu.
Donc c'est bon, c'est résolu, merci tibrus d'avoir essayé !
Un conseil:

padding-top: 27px;
padding-left: 19px;
padding-right: 10px;
padding-bottom: 10px;

Tu peux scinder ca en:


padding: 27px 19px 10px 10px;
Smiley ravi Smiley ravi
M'ouais, j'ai éssayé mais je pense que les liens doivent être quelque part sur la page. Je ne sais pas trop ou et n'arrive pas vraiment à comprendre.
C'est aussi logique, j'ai encore quelque difficultés avec les absolute, relatif et autre.

J'aurais peut-être laréponse un jour

JP
Sylvain a écrit :

Un conseil:

padding-top: 27px;
padding-left: 19px;
padding-right: 10px;
padding-bottom: 10px;

Tu peux scinder ca en:


padding: 27px 19px 10px 10px;
Smiley ravi Smiley ravi

Erreur.

L'ordre est top, right, bottom, left.

Donc :

padding: 27px 10px 10px 19px;

Modifié par Stephan (18 Sep 2005 - 06:48)