Logo suivant la taille du navigateur/header

Fermé
eldiabolo2006 - 1 avril 2011 à 02:28
 eldiabolo2006 - 1 avril 2011 à 15:43
Bonjour,
Mon site web est un CMS Joomla et si je vous écris c'est que je n'ai pas obtenu une réponse satisfaisante jusqu'ici... J'ai sensiblement le même problème que tous les autres qui ont écrit sur des post différent à propos du logo et du header (resize automatique du logo vs. le navigateur), à la seule différence c'est que j'ai voulu mettre un logo pleine longueur à la place du petit logo d'origine et qu'à chaque fois que j'ajoute un item à l'un de mes articles qui est plus gros, le resize du template fonctionne bien mais pas le resize du logo? Dès lors, le logo déborde du template et c'est les problèmes qui commence... Ajustement continuel des chiffres...etc.etc.etc... Étant un débutant qui se débrouille par contre assez bien, J'espère que vous comprenez ce que je veux dire... Alors quel est le le problème?

Voici mon site web:

http://www.unissonslequebec.org

Voici le CSS:

div#header_l {
position: relative;
}

div#header_r {
height: 90px;
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}

div#logo {
position: absolute;
left: 0;
top: 0;
float: center;
width: 975px;
height: 99px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 25px;
margin-top: 17px;


merci
Steve

6 réponses

eldiabolo2006
1 avril 2011 à 02:29
J'ai oublié de dire que j'utilise le template '' rhuk milkyway'' et la version de joomal est 1.5
Merci
steve
0
Remplace les "px" par des"%" (pourcentages de ta fenêtre) ou bien des "em".
Ceci devrait solutionner les problèmes sur différents écrans.

Personnellement j'ai du mal avec les "em" mais ça, c'est au gout de chacun =)

Evidemment, il faut que tu changes les valeurs dans ton CSS (90px est différent de 90% de ta page)

EDIT: Après relecture de ton post, je ne suis pas sur de ne pas avoir répondu à coté de la plaque... Ton probème de taille de header dépends de la taille de ton article?
0
eldiabolo2006
1 avril 2011 à 04:57
En fait le header n'est pas le problème... Je m'explique: si je met du contenu ( ex:photo etc) dans la zone ou je publie des articles plus large que le format standart de mon template, le template et le header se réajuste au contenu que j'y met, mais pas la photo de mon logo...

Steve
0
Je ne sais pas si tu l'as déjà fait mais met une id à ton image (<img src="..." id="LogoHeader">)

Ensuite dans ta feuille CSS rajoute:

#LogoHeader {
    width=100%;
}


En théorie, cela prends 100% du parent. Donc si il est par exemple, inclus dans un <div> qui fait la taille de ton header, il prendra tout la place laissé par le <div>.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
eldiabolo2006
1 avril 2011 à 15:37
ok je vais essayé cela. Comme je t'ai dit je suis débutant alors j'ai compris pour la partie du CSS mais pas la partie où je met une id à mon image (<img src="..." id="LogoHeader">) À quel endroit j'inclus cet ID?

Merci
Steve
0
eldiabolo2006
1 avril 2011 à 15:43
J'inclus <img src="..." id="LogoHeader"> dans index.php?

</head>
<body id="page_bg" class="color_<?php echo $this->params->get('colorVariation'); ?> bg_<?php echo $this->params->get('backgroundVariation'); ?> width_<?php echo $this->params->get('widthStyle'); ?>">
<a name="up" id="up"></a>
<div class="center" align="center">
<div id="wrapper">
<div id="wrapper_r">
<div id="header">
<div id="header_l">
<div id="header_r">
<div id="logo"></div>
<jdoc:include type="modules" name="top" />
<jdoc:include type="modules" name="position-12" />

</div>
</div>
</div>
???
Merci
Steve
0