support « Besoin d'aide «

Positionnement CSS

Previous Next Index

Petit bug CSS, gros problème....

Owner

J.Juraver

Progress

Workflow

Support request

Status

Problem has been recorded

Submission on Oct. 26 2009 by JJ

Bonjour,

dans un skin inspiré du skin totem (un bandeau assez large, pas d'onglets), j'obtiens un problème sur le bandeau cliquable ramenant en général à l'accueil.

Pour une raison qui m'échappe, la zone (je vais l'appeler ainsi) reconnue comme clicuable par le navigateur est plus large que le bandeau lui-même. La conséquence directe est qu'elle recouvre des éléments du corps de page, et notamment le fil d'ariane, le menu latéral droit, et toute commande haute dans la page.

Donc c'est une difficulté de positionnement de zone qui n'est pas visible à l'oeil (au sens CSS du terme), mais bien effective à l'usage et extrêmement déroutant pour un anonyme bien entendu (on croite cliquer une commande de navigation quelconque et on est rapatrié vers l'accueil !)

Je ne trouve la solution dans la feuille de style. Auriez-vous une idée ?..

Merci d'avance

J.Juraver	on Oct. 28 2009 Il devait manquer quelques instructions. J'ai résolu en partie le problème en ajoutant : `#header_title a { padding : 0 0 0 130px;` Je ne sais pas si c'est bien propre ni adapté à toute configuration, mais pour l'instant... ----- Faites votre pub pour Yacs Annuaire des sites YACs Plugin Firefox de recherche dans Yetanoz Nouvelles fonctions suggérées Je ne m'attarde pas, j'ai mon yacs en double file... Yacs on my blog \| Suivez le blog Yacs \| Yacs Showroom \| Plugin Firefox de recherche dans Yetanoz \|
J.Juraver	on Oct. 28 2009 L'image du bandeau en arrière-plan fait 127x930. Mon CSS pour l'en-tête dit ceci : `#header_panel { /* comes before everything / background: url("images/mon_bandeau.jpg") no-repeat; text-align: left; margin: 0; width: 930px; height: 127px;` Et pour la titraille en elle-même : #header_slogan { / appears towards the top of the page -- see template script / text-align: right; padding: 0; color: #666; font-size: .8em; / we don't care to be not resized by IE / font-style: italic; font-family: Georgia,Arial,Helvetica,sans-serif; } #header_title { / appears towards the top of the page -- see template script / font-family: Arial,Helvetica,sans-serif; font-size: 2.5em; margin: 5px; /adaptation for IE/ padding: 40px 5px 5px 5px; } (ps : Je ne peux malheureusement pas montrer online, c'est encore sur serveur local) ----- Faites votre pub pour Yacs Annuaire des sites YACs Plugin Firefox de recherche dans Yetanoz Nouvelles fonctions suggérées Je ne m'attarde pas, j'ai mon yacs en double file...* Yacs on my blog \| Suivez le blog Yacs \| Yacs Showroom \| Plugin Firefox de recherche dans Yetanoz \|
J.Juraver	on Oct. 27 2009 J'utilise les deux. Je vais regarder selon tes indications agnès (en gros le css est celui de totem skin, mais j'ai changé le logo en bandeau) ----- Faites votre pub pour Yacs Annuaire des sites YACs Plugin Firefox de recherche dans Yetanoz Nouvelles fonctions suggérées Je ne m'attarde pas, j'ai mon yacs en double file... Yacs on my blog \| Suivez le blog Yacs \| Yacs Showroom \| Plugin Firefox de recherche dans Yetanoz \|
Agnès Rambaud	on Oct. 27 2009 Je plussoie pour firebug (ou webdevelopper, certains préfèrent). Sinon, as-tu regardé : * si ton image n'a pas une large zone transparente autour (ce qui pourrait expliquer la taille de la zone cliquable) ? * si tu as spécifié une hauteur et largeur à cette image ou son conteneur pour limiter la zone ? (c'est tout pour l'instant ) Agnès Il n'y a pas de problèmes, que des solutions. Agnès Il n'y a pas de problèmes, que des solutions.
Alain Lesage	on Oct. 27 2009 Pas d'idée comme ça. Peut-être si je pouvais voir la page en question, ou la feuille de style. Je ne pourrai pas regarder ça avant demain ou peut-être mêm après demain, malheureusement. Tu auras probablement trouvé avant... ----- On a si peu d'idée de ce qui est possible... toto - on Oct. 27 2009 Alain Lesage : Est ce que tu utilises FIREBUG ? Outil fort utile pour simuler les modifications.

Previous Next Index