28172 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai un menu droite en CSS le problème est que les lien marche bien sur IE6 et FIRFOX sauf sur IE7 (je ne peux pas cliquez sur le lien c'est comme du texte )
J'ai constaté que le problème vient de ( WIDTH=160px;) si je l'enlève le lien deviennent normaux.
Comment faire ?
Y a il un article qui décrit tout les problème avec les navigateur (pour les WEBMASTER )

cordialement
Modifié par mrnero2006 (24 Apr 2008 - 10:03)
Bonjour et bienvenu sur le Forum, Smiley smile

Sans un morceau de code qui nous indique la technique utilisée et le contexte général, on ne risque pas de pouvoir t'aider.. Smiley cligne
Hello Smiley smile

mrnero2006 a écrit :
Comment faire ?

Commence par fournir une page en ligne, ou à défaut un petit bout de code Smiley cligne

EDIT :
Héhé, Cygnus, frère de smileys Smiley langue
Modifié par BeliG (24 Apr 2008 - 10:58)
Administrateur
BeliG a écrit :
frère de smileys Smiley langue


upload/39-jane-nq8.png
lien

(le forum n'ayant pas de code pour barrer un texte, je recours à l'image)

EDIT: je note que la mention 'Administrateuse' a été enlevée, c'est plus difficile que l'an passé de remarquer ce 'détail' Smiley lol

EDIT2: ce sujet est maintenant un parfait candidat au HS complet Smiley confused , alors pour rattrapper le coup: est-ce que tu arrives à sélectionner le texte à la souris à l'endroit où se trouve le texte (sans décalage)?
Modifié par Felipe (24 Apr 2008 - 12:23)
Oups Smiley confused

Mes excuses, chère madâââme, maintenant sœur de smileys Smiley cligne

EDIT :

a écrit :
ce sujet est maintenant un parfait candidat au HS complet confused

Je confirme...
Modifié par BeliG (24 Apr 2008 - 12:30)
ok,
j'utilise un menu inclue sur la page index.php, voici le code :

<?php include "left.php"?>


et voici la page left.php :


<div id="left">

<img src="stock/coin-left.png" alt="logo monsite" style="float:left; margin-top:3px;_margin-top:0px; _margin-left:-3px"/>
<img src="stock/coin-right.png" alt="logo monsite" style="float:right; margin-top:3px;position:relative; _margin-top:0px;_margin-right:-3px;"/>

<br /><br /><br />

<br /><br />


<h3>cours débutant</h3>

<a href="http://www.monsite.com/debutant-1.php" title="word débutant (1)"><h4>&raquo; Niveau 1</h4></a>

<a href="http://www.monsite.com/debutant-2.php" title="word débutant (2)"><h4>&raquo; Niveau 2</h4></a>

<a href="http://www.monsite.com/debutant-3.php" title="word débutant (3)"><h4>&raquo; Niveau 3</h4></a>

<a href="http://www.monsite.com/outil-word.php" title="outil word"><h3>Outil word</h3></a>

<a href="http://www.monsite.com/effet-images-word.php" title="Effet images"><h3>Effet images</h3></a>

<a href="http://www.monsite.com/traduction-word.php" title="Traduction en fr"><h3>Traduction En Fr</h3></a>

<a href="http://www.monsite.com/bouton-word.php" title="Bouton word"><h3>Bouton word</h3></a>

<a href="http://www.monsite.com/effet-texte.php" title="Effet texte"><h3>Effet texte</h3></a>

<a href="http://www.monsite.com/image-ready.php" title="Image Ready"><h3>Image word</h3></a>

<a href="http://www.monsite.com/telecharger-word-gratuitement.php" title="Image Ready"><h3>word gratuit</h3></a>

<a href="http://www.monsite.com/contact.php"><h3>Nous-contacter</h3></a><br /><br />
<?php 
print "nous sommes le ";
print date("d/m/y", time());
?>

<a href="http://forum.monsite.com" title="forum word"><img  src="http://www.monsite.com/formation-word-img/image-forum.png" alt="forum word" width="160" title="formation word " style=" border:none; margin:0px; float:right;" />
</a>

</div>


et voici le code css de menu left.php



div#left {
float:left;
margin-left:24px;
margin-top:-4px;
_margin-top:0px;
_margin-left:12px;
border-left:1px solid #64CA0E;
border-top:solid 1px #FFFFFF;
border-right:1px solid #64CA0E;
border-bottom:1px solid #64CA0E;
min-height:600px;
height:600px;
_min-height:600px;
height:auto !important;
_height:600px;
width:160px;
}


merci Smiley decu
- Pas de h3 ou h4 ou autre élément de type block dans les liens (c'est invalide et puis c'est une mauvaise utilisation des titres de section).
- Utiliser une liste non ordonnée (ul, li) pour une série de liens, c'est plus sympa.
- Vérifier que la page a bien un Doctype qui va bien, que le code HTML est valide.
- Ne pas utiliser de hacks CSS, passer de préférence par un commentaire conditionnel (cf. la FAQ).

Et surtout: ... page en ligne?
Modifié par Florent V. (25 Apr 2008 - 10:04)