Skip to main content Help Control Panel

Login   A+   A-

Community «   Le forum «   Soupçons de bogues «  

Skin digital ou la troisième colonne [résolu]

avatarPinelli, Thierry -- on Apr. 16 2006, from Nice, Drap
YACS team - SEO
VDP-Digital : service référencement / SEO
Il y a un petit souci avec la troisième colonne (celle de droite) qui a tendence à se mettre au "milieu" de la page lors d'un affichage en 800X600 (IExplorer) si une image est présente en page d'accueil.
Il s'agit donc d'un petit souci avec la boite Extra_panel (Nouvelles & Pubs) qui a tendence à mordre un peu la page de couverture. Apparemment, il n'y a pas de problème avec Internet Explorer (la boite reste à sa place) mais avec Firefox, ça déborde...

(a noté qu'avec le skin que j'ai modifié, ça déborde avec les deux explorateurs internet )

Apparement, c'est l'image qui est en cause, car si il n'y a que du texte, celui là se redimmenssionne bien sagement.

Quelqu'un aurait-il une astuce css pour le extra-panel ?

A noter aussi un problème dans les onglets qui si il sont trop nombreux se placent les uns en dessous des autres...
Bernard
avatar
from nearby-an-airport
Associate, 6796 posts

on Apr. 17 2006


On arrive là sans doute aux limites du css.

La boîte extra sur le côté est en float. Si le milieu de la page est du texte ordinaire, il va s'ajuster à laplace nécessaire. En revanche, si le milieu de la page est une image, il peut ya voir recouvrement, comme le prouvent les copes d'écran.

Une possibilité serait de déplacer l'image centrale vers le bas avec un style du type "clear: right" attaché soit à l'image elle-même, soit à un objet XHTML la précédent.

Pareil pour les onglets qui se chevauchent, c'est-là aussi une limite inhérente au CSS. A part réduire la taille des onglets pour que ça rentre partout...

Qui a dit qu'il était facile de remplacer les tables par des divisions XHTML et un peu de CSS ? Plus je pratique, plus la tâche semble ardue...
ThierryP
avatar
from Nice, Drap
Associate, 1303 posts

inspired from Bernard on Apr. 17 2006


" On arrive là sans doute aux limites du css.

La boîte extra sur le côté est en float. Si le milieu de la page est du texte ordinaire, il va s'ajuster à laplace nécessaire. En revanche, si le milieu de la page est une image, il peut ya voir recouvrement, comme le prouvent les copes d'écran

Une possibilité serait de déplacer l'image centrale vers le bas avec un style du type "clear: right" attaché soit à l'image elle-même, soit à un objet XHTML la précédent.

Pareil pour les onglets qui se chevauchent, c'est-là aussi une limite inhérente au CSS. A part réduire la taille des onglets pour que ça rentre partout... "


Bon, pour les onglets, va pour la réduction... Après tout c'est simplement une histoire d'organisation de liens.

Par contre pour la banniere c'est plus dérangeant. N'ayant pas trouvé l'astuce (pour l'instant) pour l'afficher en haut de manière convenable, j'ai opté pour la solution de l'affichage "in" la page de couverture. Cette solution si elle n'est pas parfaite à au moins l'avantage d'être original.

Je travail sur deux solutions :

Soit rendre l'affichage général du site pareille à celle de yacs (centré, ce qui permet un affichage homogène dans toutes les configurations d'ecrans). Ce qui va me poser pas mal de problèmes à moins d'arriver à intégrer toutes les notions de css et assurer, hum comment dire... la compatibilité avec le skin digital.

Soit, forcer le block extra_pannel à rester à une certaine distance ce que je n'ai pas encore réussi à faire...

" Qui a dit qu'il était facile de remplacer les tables par des divisions XHTML et un peu de CSS ? Plus je pratique, plus la tâche semble ardue... "


C'est vrai que tout cela n'est pas évident, mais tout ce qu'il est possible de faire avec du css laisse quand même réveur...
Bernard
avatar
from nearby-an-airport
Associate, 6796 posts

inspired from ThierryP on Apr. 17 2006


ThierryP: Autre solution, plus compliquée. Faire un Javascript qui détecte la taille du navigateur, et qui charge une bannière de taille adaptée. Ne me demandez pas le code .js correspondant, je n'ai rien d'approchant en stock. Juste une nouvelle piste à explorer...
ThierryP
avatar
from Nice, Drap
Associate, 1303 posts

inspired from Bernard on Apr. 19 2006


Bernard :

Effectivement, c'est une solution trop complexe pour moi...

J'ai bien essayé de donné un autre attribut a extra_panel, mais rien n'y fait.

Il ne me reste plus qu'a contourner le problème
ThierryP
avatar
from Nice, Drap
Associate, 1303 posts

inspired from ThierryP on Apr. 27 2006


On dit parfois que les solutions les plus simples sont les meilleurs... Et ont en tout cas le mérite d'être rapidement misent en oeuvres.

Etant donné que le problème des boites extra_panel est lié à la présence d'images, j'ai tout simplement supprimé les boites en question.

Il n'empêche que je pense que c'est un point négative du système actuel des skins.

J'aimerai savoir si d'autres personnes ont eu ce genre de problème et les solutions que vous avez trouvé. A moins que je sois le seul

Yacsement votre.

Rate this page
Posted by ThierryP on Apr. 16 2006, edited by Christian on June 14, (popular)