mauvais affichage après mise à jour

[abmag]

Re : mauvais affichage après mise à jour

il y a effectivement plusieurs déclaration #header ul.menu et ce n'est pas obligatoirement nécessaire car ils peuvent se contredire.

Si tu as plusieurs déclarations pour un même item dans la même feuille de style regroupe les en vérifiant la cohérence des rêgles.

Connais-tu un minimum CSS

[Bege]

Re : mauvais affichage après mise à jour

non je ne connais pas trop, les seules choses que j'ai faites jusque là c'est de coller les lignes de codes qu'on m'indiquait ou de modifier certaines valeurs pour les marges et des choses comme ça.

[abmag]

Re : mauvais affichage après mise à jour

Alors lit ceci car je ne vais pas faire tout le boulot à ta place

http://www.siteduzero.com/informatique/tutoriels/apprenez-a-creer-votre-site-web-avec-html5-et-css3/mettre-en-place-le-css

Cela t'aidera sans doute à comprendre ce que tu fais ou essaies de faire

[Bege]

Re : mauvais affichage après mise à jour

mais non, je ne demande pas que tu fasse le travail à ma place,
et ce n'est pas que je ne veux pas, et j'ai déjà essayé d'apprendre le css, mais avec mes gros soucis de mémoire qui ne s'arrangent pas à mon âge, ça rentre plus y a rien à faire c'est peine perdue et pas faut d'avoir essayé
c'est pour ça que je mets partout des /* mémos */ dans les fichiers ou j'ai modifié des choses, mais la dernière mise à jour de Joomla (si j'avais su je l'aurais pas faite) m'a tout foutu en l'air.

Puisque tu as mis une image ou l'affichage est correct, dis moi juste ou je dois mettre ces lignes de code?

merci pour ta patience

[abmag]

Re : mauvais affichage après mise à jour

tout d'abord pour remonter le menu
Dans le layout.css
remplace dans #header ul.menu
margin: 0 10px
(il manque d'ailleurs le ; final)
par
margin: -63px 10px 0;

N'oublie pas le ;

ensuite pour l'image

dans position.css

pour

#header ul.menu

remplace

margin-left: -32px;

par

margin: -7px 0 0 -30px;

[Bege]

Re : mauvais affichage après mise à jour

tout d'abord pour remonter le menu
Dans le layout.css
remplace dans #header ul.menu
margin: 0 10px
(il manque d'ailleurs le ; final)
par
margin: -63px 10px 0;

N'oublie pas le ;

ensuite pour l'image

dans position.css

pour

#header ul.menu

remplace

margin-left: -32px;

par

margin: -7px 0 0 -30px;

super ça fonctionne! merci infiniment
la ligne de code que tu m'indiques (margin-left: -32px elle était dans la section "#logo img {" il n'y a pas de "#header ul.menu" dans position.css, c'est bien ça?

en tous cas merci encore, tu m'as enlevé une belle épine du pieds, et promis j'ai mis le lien que tu m'as indiqué dans mes favoris et je vais tout de même le potasser,

là je suis en train de regarder pour réduire les lignes des menus car elle sont trop longues :


je viens de regarder avec Firebug (inspeect élément with firebug) et si je me trompe pas ça doit être dans layout.css et à la section "ul.menu a {"

[abmag]

Re : mauvais affichage après mise à jour

la ligne de code que tu m'indiques (margin-left: -32px elle était dans la section "#logo img {" il n'y a pas de "#header ul.menu" dans position.css, c'est bien ça?

exact suite a une faute de doigt, la fourche m'avait languer

Pour la nouvelle demande, c'est un peux plus complexe car il faut rentrer dans la structure de ton template. Comme ce n'est pas primordial, je te conseille de bien comprendre ce que je t'indique

Remplace dans position.css ton #wrapper par celui-ci par exemple

#wrapper {
float: left;
position: relative;
width: 62%;
}

et ton .left1 au même endroit
par

.left1 {
float: left;
margin: 1px 3% 10px 0;
padding: 0;
position: relative;
width: 14%;
}

Adapte le % à tes besoins

ATTENTION !

tu peux également jouer sur

float: right;
margin: 0;
padding: 0 0 5px;
position: relative;
width: 18%;

Mais cette déclaration est présente également dans nature.css

Supprime la déclaration dans l'un des 2 CSS et adapte le %

[Bege]

Re : mauvais affichage après mise à jour

très bien, alors c'est déjà bien mieux, à gauche ça me parait bon, mais à droite c'est encore plus large,
mais comme tu dis, il doit y avoir un conflit entre :

#right
{
float: right;
width: 18%;
margin: 0;
padding: 0px 0px 5px 0px;
position: relative;
}

qui est dans nature.css et ça :

#right {
    float: left;
    width: 20%;
    margin: 10px 0 10px 2%;
    padding: 0 0 5px 0;
    position: relative;
}

qui est dans position.css
j'ai essayé de supprimer celui qui est dans nature.css mais à ce moment là la colonne de droite vient se placer en dessous de la page

et je vois que dans l'un il y a float: right; et dans l'autre float: left; curieux ça non?

[abmag]

Re : mauvais affichage après mise à jour

Bravo!
Tu es sur la bonne voie
tu peux plonger dans la piscine, tu sais presque nager
adapte float et width dans l'un des 2 et supprime l'autre

Privilégie celui ou sont déclarés les 2 autres

avec 18% ça devrait passer mais si tu diminue encore pense à augmenter Wrapper

(si % trop important le module se déplace vers le bas)

Le float sert à l'alignement

[Bege]

Re : mauvais affichage après mise à jour

ok voilà c'est fait et ça ne se déplace plus en dessous, mais c'est quelle commande qui défini la largeur? parce que la colonne est encore un peu trop large

[abmag]

Re : mauvais affichage après mise à jour

les 3 colonnes
.left1
#wrapper
#right

sont en % de 100%

avec les padding et margin si ça dépasse 100% ça part en vrille

ATTENTION tous les navigateurs n’interprètent pas ces données de la même façon !

[Bege]

Re : mauvais affichage après mise à jour

ok, je pense que c'est pas trop mal là, mais je continuerais demain car là j'ai les yeux qui sortent des trous

oui j'ai vu que c'était pas pareil sous IE et Firefox, et je pense que ça doit être encre différent sous Opéra ou autre?
pour l"instant je regarde toujours avec IE et Firefox et ça a l'air d'aller


merci encore pour ta patience

[abmag]

Re : mauvais affichage après mise à jour

La nuit porte conseil

[Bege]

Re : mauvais affichage après mise à jour

Hello,

je m'y remets ce matin pour affiner encore un peu,
mais je vois ces deux traits dans le menu de gauche :


alors je regarde avec firebug, et là je vois qu'on peut changer les valeurs, mais est ce qu'on peut aussi avoir un aperçu de ce que ça peut donner?

[abmag]

Re : mauvais affichage après mise à jour

Oui !
Un peu de lecture

http://www.siteduzero.com/informatique/tutoriels/firebug-une-merveille-de-plus-pour-firefox