Piwigo.org

Neutre · 2010-09-12 17:02:29

Bonjour à tous,

Après le passage en 2.1, j'ai de nombreux petits détails à régler.
Utilisant maintenant le thème de Flop25 Flop_mauve légèrement modifié par mes soins, je bute sur une question d'alignement que je n'arrive pas à traiter malgré une utilisation intensive de Firebug...
Je voudrais aligner le header sur le menubar, en retrait, mais que couic, je n'y arrive pas.
J'ai l'impression que cela se passe par là dans theme.css :

#the_page {

padding-top: 5px;
padding-bottom:5px;
display:block;
}

puisque j'ai supprimé dans ce paragraphe une bordure qui me génait. Les margin-left ou autres ne fonctionnent pas à cet endroit.

C'est donc ailleurs. mais où ?

Merci pour votre aide.

ddtddt · 2010-09-12 17:48:39

un truc du genre à ajouter

#theHeader {
margin:0 0 10px 1em;
}

Neutre · 2010-09-12 18:26:02

J'ai essayé ainsi dans le theme.css, entre deux autres parties :

#imageToolBar A, #imageToolBar A:hover,
A.navThumb, A.navThumb:hover {
border-bottom: none;
}

#theHeader {
margin: 0px 10px 0px 10px;
}

#theHeader A {
text-decoration: none;
margin: 10px;
padding: 0px;

mais sans résultat (je suis voisin de zéro pour comprendre ce que je fais...)

Dernière modification par Neutre (2010-09-12 18:26:18)

Gotcha · 2010-09-12 18:41:30

Je n'ai pas bien compris la question.

Code:

#theHeader {
  padding: 0 0 0 12px;
}

Neutre · 2010-09-12 18:54:40

J'ai bien compris ma question ;-) ... mais je n'ai pas bien dû l'expliquer !
Gotcha, j'ai essayé aussi le padding, dans le même environnement du theme.css mais sans changement.

Gotcha · 2010-09-12 18:59:32

Oupss

Bon bon bon... Comment as-tu insérer ta photo ?
Si c'est via l'administration > Configuration > Options > Bannière des pages, alors on peut essayer faire comme un tableau et de mettre dans ce tableau ton image.

Gotcha · 2010-09-12 19:02:25

Exemple :

Code:

<a href="./index.php" title="Retours à l'accueil de la galerie"> <img alt="Ma galerie photos" src="./extras/header.png" style="text-align: center; padding: 0 0 0 12px;" /> </a>

Neutre · 2010-09-12 20:15:59

Non, non, rien dans la bannière.
J'ai fait un peu plus compliqué en m'inspirant de Seb69 et Surhiliste en constituant un header perso avec :

Code:

<body id="{$BODY_ID}">
<div id="the_page">
<div id="theHeader">
<script type="text/javascript" src="themes/flop-gris/my_header/js/mootools.js"></script>
      <script type="text/javascript" src="themes/flop-gris/my_header/js/slideshow.js"></script>
      <div id="show" class="slideshow">
          <img src="themes/flop-gris/my_header/images_header/1.jpg" alt="Les Photos de Jean." />
      </div>
      </div>
</div>

Ça rend peut être la résolution plus difficile

Gotcha · 2010-09-12 20:27:59

Je te propose ce code en remplacement de celui que tu annonces :

Code:

<body id="{$BODY_ID}">
<div id="the_page">
<div id="theHeader">
<script type="text/javascript" src="themes/flop-gris/my_header/js/mootools.js"></script>
      <script type="text/javascript" src="themes/flop-gris/my_header/js/slideshow.js"></script>
      <div id="show" class="slideshow">
          <img src="themes/flop-gris/my_header/images_header/1.jpg" alt="Les Photos de Jean." style="padding: 0 0 0 12px;"/>
      </div>
      </div>
</div>

Neutre · 2010-09-12 20:37:28

Merci à toi Gotcha.
J'ai testé mais cela modifie les images qui s'affichent dans le header mais pas la bande gris foncé dans laquelle elles s'affichent :-(

ddtddt · 2010-09-12 20:51:12

Neutre a écrit:
.........
<script type="text/javascript" src="themes/flop-gris/my_header/js/slideshow.js"></script>
<div id="show" class="slideshow">
<img src="themes/flop-gris/my_header/images_header/1.jpg" alt="Les Photos de Jean." />
.........

il y a quoi dans cette class dans ton thème ?

Gotcha · 2010-09-12 20:56:02

Neutre a écrit:
J'ai testé mais cela modifie les images qui s'affichent dans le header mais pas la bande gris foncé dans laquelle elles s'affichent :-(

Haaaaaaaa mais dans ce cas, il faut revoir le thème. Car la balise c'est #the_page

Neutre · 2010-09-12 21:29:08

ddtddt a écrit:
Neutre a écrit:
.........
<script type="text/javascript" src="themes/flop-gris/my_header/js/slideshow.js"></script>
<div id="show" class="slideshow">
<img src="themes/flop-gris/my_header/images_header/1.jpg" alt="Les Photos de Jean." />
.........
il y a quoi dans cette class dans ton thème ?

Désolé ddtddt, je sais pas ce qu'est une class... Je ne fais que copier et essayer !

Gotcha a écrit:
Haaaaaaaa mais dans ce cas, il faut revoir le thème. Car la balise c'est #the_page

Je crois bien car c'est là que j'ai enlevé la bordure blanche qui me gênait.
J'ai bien essayé aussi le margin et padding dans #the_page sans résultat.
Je recommence au cas je me serais trompé dans mes manœuvres

ddtddt · 2010-09-12 21:31:59

dans le fichier de ton thème il doit y avoir un élément

.slideshow

Neutre · 2010-09-12 21:34:30

Code:

#the_page {
    
  padding-top: 5px;
  padding-bottom:5px;
  margin-left: 15px;
  margin-right: 15px;
  display:block;
}

Ça marche pô (avec margin ou padding

Piwigo.org

Annonce

#1 2010-09-12 17:02:29

[Résolu] Alignement du header

#2 2010-09-12 17:48:39

Re: [Résolu] Alignement du header

#3 2010-09-12 18:26:02

Re: [Résolu] Alignement du header

#4 2010-09-12 18:41:30

Re: [Résolu] Alignement du header

Code:

#5 2010-09-12 18:54:40

Re: [Résolu] Alignement du header

#6 2010-09-12 18:59:32

Re: [Résolu] Alignement du header

#7 2010-09-12 19:02:25

Re: [Résolu] Alignement du header

Code:

#8 2010-09-12 20:15:59

Re: [Résolu] Alignement du header

Code:

#9 2010-09-12 20:27:59

Re: [Résolu] Alignement du header

Code:

#10 2010-09-12 20:37:28

Re: [Résolu] Alignement du header

#11 2010-09-12 20:51:12

Re: [Résolu] Alignement du header

Neutre a écrit:

#12 2010-09-12 20:56:02

Re: [Résolu] Alignement du header

Neutre a écrit:

#13 2010-09-12 21:29:08

Re: [Résolu] Alignement du header

ddtddt a écrit:

Neutre a écrit:

Gotcha a écrit:

#14 2010-09-12 21:31:59

Re: [Résolu] Alignement du header

#15 2010-09-12 21:34:30

Re: [Résolu] Alignement du header

Code:

Pied de page des forums