Aller au contenu

Sujets conseillés

Posté

Bonjour à tous !!

Il me reste 3 bugs sur une maquette que je viens de finir de monter, impossible de les résoudre seule, je dois trop avoir le nez dedans... :blink:

Un concerne les z-index, l'autre un scroll indésiré, et le dernier un flaot en impression...

Histoire de ne pas faire de redite, les détails sont là :

ainsi que les fichiers (liens dans l'article).

J'espère que vous pourrez m'aider !!

Merci à toutes/tous par avance de votre patience et de votre aide !

Marie

Posté

Bonjour.

la seule solution que j'ai trouvé pour les float-right c'est de les mettre dans un <div> float-right placé en dehors et avant le <div id="text"> et supprimer le float-right img

<body>

<div id="float">

<p class="img"</p>

<p class="img"</p>

</div>

<div id="text">blabla</div> ca marche avec IE 6.0 et 5.5

Posté

Bonjour !

Merci à vous deux pour vos réponses.

Monique, je vais regarder ton lien tout de suite, j'espère trouver ma réponse !

jeanpierre949, pour les floats, le problème est que je ne peux pas vraiment toucher à mon HTML car il est entré en production (me demandez pas pourquoi, j'ai rien pû faire)...

Je vais voir si il y a moyen, parce que si c'est effectivement la seule solution il y aura peut-etre moyen de modifier... mais si vous avez d'autres idées, avec plaisir !! :)

Sinon, personne n'a d'idées pour mon histoire de z-index ?

Encore merci bcp !

Marie

Posté

Bon !

Merci beaucoup à vous deux : mon problème d'overflow a bien été résolu par le lien de Monique, et j'ai appliqué la modification de mon HTML comme recommandé par jeanpierre... J'ai même résolu le problème de z-index !

Mais (parce qu'il y a toujours un "mais") il me reste un satané dernier bug ! :evil:

Je vous invite donc à aller voir les explications et fichiers, er vous remercie par avance de votre aide !

Marie

Posté

oui personnellement avec le dinosaure pas de soucis, par contre avec l'obsolète, le soucis est qu'en cliquant sur la deuxième flèche vers le bas (à droite du deuxième Praesent diam, dans la "boîte" du haut) la première sous partie s'aggrandit et pousse tout vers le bas.

si j'ai bien compris c'est ton problème.

le mien : enregistrer ta page rapidement pour la réediter (un js, les images, le css, tout à la main, pfffffff t'aurais pû prévoir un zip ou des liens fonctionnels à la racine) histoire de pouvoir t'aider sans passer 5 heures, ou au moins ouvrir les privilèges serveur pour naviguer tes sous répertoires facilement (img, css, js, etc.).

ensuite dans ton css : _filter: progid:DXImageTransform.Microsoft.Alpha est tout sauf du css ou alors j'ai raté un truc. d'autre part certaines spécifications css du code n'apparaissent ni dans le css ni dans le js.

pour ton bug : impossible de te dire rapidement de où ou de quoi, mais c'est dans la littérature de ce function.js, certainement dans ta function OpenClose que le soucis intervient (je parierais pas une grosse somme là dessus, parce que je suis pas joueur, mais ça semble clair).

en fait le soucis est probablement que ce code ne fonctionne pas correctement sous l'obsolète (pour des raisons qui les regardent) de la façon dont tu appelle CETTE 2eme LISTE en html.

pour celles qui marchent bien tu as en première :

<div id="tools"><div id="tools_off" style="display:none;">

puis en 3eme, 4eme et 5eme :

<div id="mot"><img src="img/tools_picto2.gif" alt="Icône : Plop" />

en vrac, celle qui ne marche pas (la 2eme) est une vraie bavarde :

<div id="tools_on" style="display:block;"><a href="#" class="open_close" onkeypress="OpenClose('tools_on', 'tools_off');" onclick="OpenClose('tools_on', 'tools_off');" title="Fermer la boîte à outils"><img src="img/but_moins.gif" alt="[-]" /></a>
<form action="#" method="post" id="form_tools"><fieldset id="search"><img src="img/tools_search_picto.gif" alt="Icône : Plop" /><p><input type="text" id="open_search" name="open_search" value="Praesent diam" onfocus="this.value='';" /><input class="bouton" type="image" src="img/tools_search_go_but.gif" title="GO" id="Image1" name="Image1"/></p> <h2 id="titre_direct"><a class="" id="link_direct_access" href="#" onclick="OpenCloseSelects('direct_access', 'buy2', 'websites', 'select_career');" onkeypress="OpenCloseSelects('direct_access', 'buy2', 'websites', 'select_career');">Praesent diam</a></h2><div id="direct_access"><ul>
<li><a href="#" title="Praesent diam">Praesent diam</a></li><li><a href="#" title="Praesent diam">Praesent diam</a></li><li><a href="#" title="Praesent diam">Praesent diam</a></li></ul></div> </fieldset></form>

ALORS, remarques sur cette partie qui te crée un bug :

- pourquoi le premier <div> n'est pas refermé en bas par un </div>

- pourquoi ne pas mettre

<input type="text" id="open_search" name="open_search" value="Praesent diam" onfocus="this.value='';" /><input class="bouton" type="image" src="img/tools_search_go_but.gif" title="GO" id="Image1" name="Image1"/>

seul dans ton

<form action="#" method="post" id="form_tools">	<fieldset id="search">

- donc du coup sortir la liste à problème de ces 2 tags ce qui donnerait (pour la longue partie de code collée plus haut)

<div id="tools_on" style="display:block;">  
<a href="#" class="open_close" onkeypress="OpenClose('tools_on', 'tools_off');" onclick="OpenClose('tools_on',  'tools_off');" title="Fermer la boîte à outils"><img src="img/but_moins.gif" alt="[-]" /></a>
<form action="#" method="post" id="form_tools">
 <fieldset id="search">
 <img src="img/tools_search_picto.gif" alt="Icône : Plop" />
 <p><input type="text" id="open_search" name="open_search" value="Praesent diam"    onfocus="this.value='';" /><input class="bouton" type="image" src="img/tools_search_go_but.gif"    title="GO" id="Image1" name="Image1"/></p>
 </fieldset>
</form>
<div id="direct_access">
 <h2 id="titre_direct"><a class="" id="link_direct_access" href="#" onclick="OpenCloseSelects  ('direct_access',  'buy2', 'websites', 'select_career');" onkeypress="OpenCloseSelects  ('direct_access',  'buy2', 'websites',  'select_career');">Praesent diam</a></h2>
 <ul>
 <li><a href="#" title="Praesent diam">Praesent diam</a></li>
 <li><a href="#" title="Praesent diam">Praesent diam</a></li>
 <li><a href="#" title="Praesent diam">Praesent diam</a></li>
 </ul>
</div>
</div>

Á voir si cela marche mieux pour commencer...

Posté

Excellent !

Ca marche, c'est super !!

J'avais mis des hauteurs au début mais ça me génaît pour l'accessibilité... mais là ça marche nickel donc vraiment, super merci !! :)

Posté

plus un seul de plus un seul !

c'est terriiiiiiiible ! :D

merci beaucoup à tous, vous m'avez rendu une fière chandelle !!!

j'espère pouvoir filer un coup de main un de ces 4 !!

d'ici là, bonne continuation à tous !

marie

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...