Annonce

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

Neutre
Membre
Les Vans (Ardèche)
2009-06-14
449

[Résolu] Alignement du header

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.


Images attachées


Jean et sa galerie Piwigo... Les Photographies de Jean
et puis aussi la météo des Vans La Météo des Gras de Naves

Hors ligne

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

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
14909

Re: [Résolu] Alignement du header

un truc du genre à ajouter

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


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

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

Neutre
Membre
Les Vans (Ardèche)
2009-06-14
449

Re: [Résolu] Alignement du header

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)


Jean et sa galerie Piwigo... Les Photographies de Jean
et puis aussi la météo des Vans La Météo des Gras de Naves

Hors ligne

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

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: [Résolu] Alignement du header

Je n'ai pas bien compris la question.

Code:

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

Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

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

Neutre
Membre
Les Vans (Ardèche)
2009-06-14
449

Re: [Résolu] Alignement du header

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.


Jean et sa galerie Piwigo... Les Photographies de Jean
et puis aussi la météo des Vans La Météo des Gras de Naves

Hors ligne

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

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: [Résolu] Alignement du header

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.


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

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

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: [Résolu] Alignement du header

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>

Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

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

Neutre
Membre
Les Vans (Ardèche)
2009-06-14
449

Re: [Résolu] Alignement du header

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


Jean et sa galerie Piwigo... Les Photographies de Jean
et puis aussi la météo des Vans La Météo des Gras de Naves

Hors ligne

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

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: [Résolu] Alignement du header

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>

Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

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

Neutre
Membre
Les Vans (Ardèche)
2009-06-14
449

Re: [Résolu] Alignement du header

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 :-(


Jean et sa galerie Piwigo... Les Photographies de Jean
et puis aussi la météo des Vans La Météo des Gras de Naves

Hors ligne

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

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
14909

Re: [Résolu] Alignement du header

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 ?


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

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

Gotcha
Equipe Piwigo
Pierrelatte (26)
2007-03-14
13331

Re: [Résolu] Alignement du header

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


Ayez comme premier réflexe de consulter le wiki.
Ensuite, veuillez effectuer une recherche sur le forum avant de poser votre question.

LE FAIRE EST LE REVELATEUR DE L'ETRE

Hors ligne

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

Neutre
Membre
Les Vans (Ardèche)
2009-06-14
449

Re: [Résolu] Alignement du header

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


Jean et sa galerie Piwigo... Les Photographies de Jean
et puis aussi la météo des Vans La Météo des Gras de Naves

Hors ligne

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

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
14909

Re: [Résolu] Alignement du header

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

.slideshow


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

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

Neutre
Membre
Les Vans (Ardèche)
2009-06-14
449

Re: [Résolu] Alignement du header

Code:

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

Ça marche pô (avec margin ou padding


Jean et sa galerie Piwigo... Les Photographies de Jean
et puis aussi la météo des Vans La Météo des Gras de Naves

Hors ligne

Pied de page des forums

Propulsé par FluxBB

github twitter facebook newsletter Faire un don Piwigo.org © 2002-2020 · Contact