Bonjour , voilà des jours que je me bat pour rendre compatible (centré) mon site sous toutes resolutions via Dreamweaver MX , grace à ce forum j'ai résolu bon nombre de problème , j'ai quasiment fini , il ne me reste plus qu'un calque avec 14 icones à l'interieur à rendre compatible , mais je rencontre plusieurs problemes :

Soit je met ces 14 icones dans un calque , et dans ce cas j'arrive a faire en sorte que le tout se redimmensionne d'apres la resolution de l'ecran , mais le probleme , tout con je vous l'accorde , c'est que mon site est sur fond noir et j'ai mis une fine bordure violette tout autour du calque mais bizzarement elle ne veut pas se mettre sur le haut du calque !!!
Et pas moyen d'y mettre une bordure , donc ça fait un peu con une bordure tout autour sauf sur le haut !
C'est d'autant plus dommage que le redimmensionnement marche aussi bien sous IE6 que sous Firefox ...

2eme methode , je met mes 14 icones dans un tableau qui lui meme est dans un calque , l'avantage c'est que j'arrive a faire une bordure tout autour du cadre y compris sur la partie haute , mais les inconvenients , car il y en a plusieurs , c'est que le redimmensionnement marche jusqu'a une certaine resolution sous IE6 , c-a-d lorsque je passe de 1280X1024 à 1152X854 , tout se redimmensionne correctement , mais en dessous de cette resolution , c-a-d à 1024X768 ou 800X600 , le calque ne diminue plus de taille , il reste a la meme taille qu'a 1152X854 !
Je parle sous IE6 parce que bizarrement il se redimmensionne correctement et avec toutes les resolutions sous Firefox ! Par contre les bordures du tableau sont multipliées par 5 par rapport à IE6 , ce qui est tres tres laid , mais bon je pense qu'en modifiant qqes trucs ce probleme pourrait etre reparé .

Pour mieux comprendre mon probleme j'ai isolé ces 2 calques sur une page vierge avec fond noir comme sur mon site , le cadre tout en haut a gauche , c'est le calque tout seul , et celui juste en dessous c'est le tableau dans un calque , pour tester les differentes resolutions , pas besoin evidemment de changer la resolution de votre ecran , vous n'avez qu'à modifier la taille de votre fenetre IE6 et/ou Firefox pour simuler une resolution differente , moi perso je suis en 1280X1024 , voici le lien :

http://perso.wanadoo.fr/boursaction/calque_tableau.htm

Un ami m'a conseillé de mettre mes icones dans des balises <ul> et <li> , mais comme les rollovers ne fonctionnent pas dans ces balises , il m'a dit d'utiliser aussi un CSS pour faire fonctionner les rollovers , franchement c'est un peu trop compliqué à mon gout , juste pour une bordure qui manque ...

Si qqn a une solution , je suis preneur !
Smiley sweatdrop
Modifié par keopce (24 Mar 2005 - 00:54)
Salut,

1) Si tu veux que ça s'adapte suivant les résolutions, travaille avec des %
2) Enlève les cochonneries que DW a mis à la fin de ton code
3) Je te conseillerai d'utiliser une liste, avec des éléments flottants, ça me paraît approprié
4) Pourquoi ce position : relative ? Je suppose que ça doit aller avec le reste quand l'élément est dans son contexte Smiley murf
1) C'est ce que j'ai fais !
2) Je vais essayer de trouver les cochonneries dont tu parles ...
3) désolé mais je ne vois pas de quoi tu parles Smiley decu
4) Oui c'est pour ça .

Merci.
a écrit :

Un ami m'a conseillé de mettre mes icones dans des balises <ul> et <li> , mais comme les rollovers ne fonctionnent pas dans ces balises , il m'a dit d'utiliser aussi un CSS pour faire fonctionner les rollovers , franchement c'est un peu trop compliqué à mon gout , juste pour une bordure qui manque ...


En réalité je pense que ton ami avait plus en tête (et a raison) le but d'améliorer la qualité de conception de ta page. Il en resulterait un code beaucoup plus simple et efficace que celui que tu as entre les mains. Conséquences directes pour toi maintenir le code plus facilement et surtout le comprendre; ainsi corrigé ton problème de bordure eu été des plus simple.

Sur la version utilisant juste un div tu pourrait corriger ta bordure en ajoutant 1 seule propriété CSS, le problème est qu'il te manque les bases de la conception de pages web. Dreamweaver produit le code (vraiment horrible) à ta place et là pour un problème des plus simple tu te retrouve face à un mur.

Pour essayer d'en apprendre un peu plus sur la conception de pages en HTML et CSS je pense que tu devrais te tourner vers les tutoriels du site. Lire, déjà, ceux concernants les bases, apprendre un peu le fonctionnement du tout. Puis faire quelques exercices pour te mettre dans le bain.

Je te conseille particulièrement de lire les cours concernant les différents types de positionements, et les héritages (class et id). Bref te familiariser avec les bases avant de passer à la suite.

http://css.alsacreations.com/
Modifié par jb_gfx (24 Mar 2005 - 14:34)