Circobaz

J'ai trouvé :) C'était le "white-space:pre;" qui faisait clocher IE7... Il me semblait que "white-space:pre;" était pour qu'un lien en deux mots ne soit pas coupé en deux. Y'a t'il donc autre chose dans ce code? Circobaz,

Bonjour, Les onglets de ma page "s'écartent" sur IE7, alors qu'ils ne posent pas de problêmes sur Firefox ou Safari. Si qqn pouvait m'indiquer mon erreur, j'en serais très reconnaissante. Voilà une des pages en question : http://www.kalessan.com/KohSamui.html Les codes de la page CSS correspondant sont : #tabs {float:left; line-height:normal; border-bottom:#333333 2px ridge; margin-bottom:10px; font-size:13px;} #tabs ul { margin:0; padding:10px 0 0 0; list-style:none;} #tabs li { width: auto; float:left; margin:0; padding:0 0 0 7px; position:relative; white-space:pre; background:url(../../SAMUI/0-Images/Images-Annexe/Left.jpg) no-repeat left 0px;} #tabs a, #tabs strong { float:left; display:block; padding:4px 50px 4px 10px; text-decoration:none; color:#FFF; font-weight:bold; /* width:.1em; */ background:url(../../SAMUI/0-Images/Images-Annexe/Onglets.png) no-repeat right 0px;} #tabs > ul a, #tabs > ul strong {width:auto;} #tabs a:hover {color:#FFF; text-decoration:underline;} #tabs #current {background-position: left -100px; border-width:0; color:#fff; z-index: 100;} #tabs #current strong {background-position: right -100px; padding-bottom:3px; color:#fff; font-size:14px;} #tabs #currentlast {background-position: left -200px; border-width:0; color:#fff; z-index: 100;} #tabs #currentlast strong {background-position: right -200px; padding-bottom:3px; color:#fff; font-size:14px;} #tabs ul li { position: relative;} #tabs ul li.tab0 {z-index: 20; left: 0;} #tabs ul li.tab1 {z-index: 19; left: -8px;} #tabs ul li.tab2 {z-index: 18; left: -16px;} Les codes de la page web : <div id="Contour-ONGLETS"> <div id="tabs"> <ul> <li class="tab0"><a href="SAMUI/Property/Camellia-Pictures.html">Pictures</a></li> <li id="current" class="tab1"><strong>Plans</strong></li> <li class="tab2"><a href="SAMUI/Property/Camellia-Location.html">Location</a></li> </ul> </div> </div> Merci d'avance pour votre aide, Circobaz,

C'est parfait, ça marche...! Merci beaucoup!!

Bonjour à nouveau, J'ai un autre problème de cadre non désiré qui s'affiche. Cette fois c'est lorsque j'utilise l'image comme lien : <a href="...">img</a>. Le cadre entoure l'image et non le calque, donc ajouter un border: 0px pour le calque (ou les liens de mon calque, comme "#DIV a") de mon image ne change rien. Le cadre n'apparait qu'avec IE. Il est bleu lorsque le lien n'a jamais été cliqué et violet une fois qu'il a déjà été visité. Comme l'affichage des liens par défaut. J'ai pourtant précisé la couleur noire pour l'affichage des liens de ce calque. Il s'agit de l'image de mon logo : www.kalessan.com Merci pour ceux et celles qui ont des suggestions à me faire, Circobaz.

reBonjour, Merci pour ta réponse, Portekoi. Malheureusement, ça ne marche pas. Si je rajoute un Border: 0px à #Text a:hover span, ça ne fait aucune différence. En effet, le cadre est autour de l'image, pas autour du calque (qui a d'ailleurs une largeur plus grande, c'est donc facile de le vérifier). D'autres suggestions? Circobaz.

Bonjour, Voici ma première entrée dans ce forum. Je suis en train d'écrire mon premier site et j'ai un problême d'affichage : Sur certaines pages, j'ai utilisé le code <a href="#">TEXT<span>IMAGE</span></a> pour afficher une image au moment où la souris passe sur le texte (l'affichage de l'image est bloqué au départ en utilisant #Text a span {display: none; text-decoration:none;}). Cette technique marche bien avec IE7 et Safari, mais avec Firefox un cadre blanc entoure l'image et je ne sais pas comment le retirer. J'ai remarqué que si je mettais un texte à la place de l'image, alors aucun cadre n'entourait mon texte dans Firefox. c'est donc bien spécifique au fait d'avoir une image. Pour mieux illustrer, voici l'une page qui pose problême : http://www.kalessan.com/memo/Borea/Borea-Lower1.html (passer la souris sur le descriptif des pièces et de leur surface). Merci d'avance à ceux et celles qui prendront le temps de jeter un coup d'oeil, Circobaz.