Écrire Une Réponse

marineraux: 2010-11-19 13:16:39

Gotcha merci pour le temps passé et le résulat ;)

avant :

après :

la solution trouvée :
Ce code est placé via LocalFiles Editor dans le fichier "votre thème"-rules.css

Code:

    /* Ajuste la hauteur de H2 & Co */
    h2, #menubar dt {
      line-height: 52px;
    }
    .content div.titrePage ul.categoryActions {
      margin-top: 25px
    }

marineraux: 2010-11-17 21:46:34

en ligne !

Code:

 H2, #imageHeaderBar, #menubar DT {
  background-image: url(tableh2_bg.png);
  height:50px;
  line-height: XXpx
  }

oui j'ai testé aussi comme cela marche pas ;)

MP envoyé !

Gotcha: 2010-11-17 20:29:37

Je l'aurais bien mis dans :

Code:

H2, #imageHeaderBar, #menubar DT {
  background-image: url(tableh2_bg.png);
  height:50px;
  }

Est-ce que vous travaillez en local ou bien en ligne directement ? Car pour tester, j'utilise l'excellent Firebug mais il me faudrait un lien ^^

marineraux: 2010-11-17 13:53:16

Code:

line-height: XXpx

bonjour j'ai essayé , en le déposant un peu partout , sans résultats ,sous IE8 et FF si vous pouviez me dire où placer le code , pour être sûr ! merci

Code:

/* text color */
BODY, H1, H3, DT {
  font-family: "Comic Sans MS", sans-serif;
  color: #66FF33;
  }

/* backgrounds */
BODY {
  background-image: url(etoile.gif);
}

#the_page {
  background-color: transparent;
}
H2, #imageHeaderBar, #menubar DT {
  background-image: url(tableh2_bg.png);
  height:50px;
  }

/* borders */
#menubar DL, 
#content, 
#theCategoryPage DIV.thumbnailCategory, 
#content UL.thumbnails SPAN.wrap2,
#imageHeaderBar, 
#edito {
  border: 1px outset #6e1c21;
}
FIELDSET, INPUT, SELECT, TEXTAREA {
  border: 1px outset #6e1c21;
}
H2, #menubar DT, #imageToolBar {
  border-bottom: 1px none #6e1c21;
  
}
#the_page {
  border: 1px solid #483524;
}
#theImage IMG {
  border: 10px groove #dfbc7b;
}

/* other styles */
LI {
  list-style-type: none;
}

/* links */
A, INPUT.rateButton {
  border-bottom: medium none;
  color: #FF0000;
  text-decoration: none;
  
}
A:HOVER {
  border-bottom: medium none;
  color:#b080d8;
}
#content UL.thumbnails SPAN.wrap2:HOVER {
  border-color: #b080d8;
}

ddtddt: 2010-11-17 00:22:56

Gotcha a écrit:
C'est ce qui est utliser pour le footer de l'administration de nos galeries par exemple.
Ca centre sur la hauteur.

Parfait :-) c'est cela qu'il faut utiliser alors

Gotcha: 2010-11-17 00:16:44

C'est ce qui est utliser pour le footer de l'administration de nos galeries par exemple.
Ca centre sur la hauteur.

ddtddt: 2010-11-17 00:14:37

Gotcha a écrit:
Il y aussi :
Code:
line-height: XXpx

tu est sur que cela centre le texte sur le milieu de la ligne ?

Gotcha: 2010-11-17 00:12:16

Il y aussi :

Code:

line-height: XXpx

ddtddt: 2010-11-16 23:57:32

dsl pour le n j'aurais pas du répondre dans la précipitation :-(

Tu peux tester

vertical-align:middle;

mais tu as une chance sur 2 que ton navigateur ne reconnaisse pas la commande

tu peux tester avec une margin pour trouver l'espace que tu laisse au dessus

Gotcha: 2010-11-16 23:52:16

Rajoutez dans la règle CSS le code :

Code:

text-align: center;

marineraux: 2010-11-16 21:25:10

ok cela fonctionne , j'avais bêtement recopier avec ton (n ) dans heignht:100px;}

merci , mais le resultat n'est pas bon car le texte ne se centre pas , visible sur photo ! :(

si vous avez une idée (dois-je ouvrir une nouvelle discution ?)

merci

marineraux: 2010-11-16 20:04:27

Gotcha a écrit:
Si votre nouvelle règle ne doit concerner que H2 alors il ne faudra écrire que H2 dans les balises concernées ^^

oui que le H2

merci

marineraux: 2010-11-16 20:02:30

ne fonctionne pas apparament ! la menubar doit faire à l'affichage 30 px et mon image 60 px , vu sur IE8 et FF
merci de ton aide

Gotcha: 2010-11-16 19:51:12

Attention !
Dans les régles CSS, la présence du caractère "virgule" indique que la règle va s'appliquer aux balises citées.
Ici par exemple, la règle s'applique aux balises :
- H2
- #imageHeaderBar,
- #menubar DT
Donc attentions aux mauvais effets de bord...

Si votre nouvelle règle ne doit concerner que H2 alors il ne faudra écrire que H2 dans les balises concernées ^^

ddtddt: 2010-11-16 19:28:07

essais

H2, #imageHeaderBar, #menubar DT {
background-image: url(tableh2_bg.png);
heignht:100px;}

Piwigo.org

Annonce