Annonce

Faites la différence entre le service WordPress.com et l'application libre WordPress.

Mettez-vous à jour ! WordPress 3.3.1 est disponible en français.

Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook, Google + et sur Twitter

#1 03-07-2009 22:16:04

neant
Connaisseur WP
Date d'inscription: 03-07-2009
Messages: 26

la barre de recherche est cachée par le logo

Bonjour,

Ma configuration WP actuelle
- Version de WordPress : 2.8
- Thème utilisé : Freemium
- Plugins en place :
- Nom de l'hebergeur : ovh
- Adresse du site : http://levelfive.fr/

Problème(s) rencontré(s) :
Bonjour,
je suis débutant dans le programmation CSS et je rencontre un problème avec ma barre de recherche. Elle est située dans le "header" et le logo d'origine du thème était petit donc n'empiétait pas dessus. Mais depuis que j'ai étalé le logo sur l'ensemble du "header", la barre a disparue, cachée derrière.
Voila le code de mon "header" :

Code: html

/* Header */
#header 							{ height: 100px;}
h1#logo 							{ padding: 0px 0px 0px 0px; float: left; }
div#header .searchform 				{ float: right; padding: 15px 15px 0px 0px; }
div#header .searchform input.s 		{ background: #fff; border: 1px #333 solid; color: #333; padding: 4px; width: 200px; font-size: 1em;  }
div#header .searchform input.s-btn 	{ border: 1px #333 solid; color: #bd1220; background: #fff; padding: 3px; font-size: 1em; }
div#header .searchform input.s-btn:hover { color: #990000; }

Est-ce que quelqu'un voit comment remédier à cela et comment superposer la barre de recherche au logo ?

Merci.

Hors ligne

 

#2 03-07-2009 22:19:18

k-win
Bavard WP
Lieu: Brasil
Date d'inscription: 02-09-2008
Messages: 356
Site web

Re: la barre de recherche est cachée par le logo

essaye d'utiliser la propriete z-index. Comme ceci :

h1#logo { padding: 0px 0px 0px 0px; float: left;z-index:1; }
div#header .searchform { float: right; padding: 15px 15px 0px 0px;z-index:2; }

Hors ligne

 

#3 04-07-2009 10:54:30

neant
Connaisseur WP
Date d'inscription: 03-07-2009
Messages: 26

Re: la barre de recherche est cachée par le logo

Bien essayé mais ça ne donne toujours rien.

Dernière modification par neant (04-07-2009 10:55:28)

Hors ligne

 

#4 04-07-2009 12:17:26

Anonyme 2
Blogueur Fou
Date d'inscription: 22-05-2007
Messages: 11665

Re: la barre de recherche est cachée par le logo

Bonjour,

on peut avoir l'adresse de ton site,stp.
sinon,moi je contournerai le problème,je supprimerai la barre de recherche dans header et
je rajouterai dans la sidebar la barre de recherche.

Hors ligne

 

#5 04-07-2009 15:33:00

neant
Connaisseur WP
Date d'inscription: 03-07-2009
Messages: 26

Re: la barre de recherche est cachée par le logo

http://levelfive.fr/

J'y ai aussi pensé mais je préfèrerais avoir la barre de recherche dans header. D'ailleurs, en essayant de mettre la barre de recherche dans la sidebar, ça n'a pas marché non plus. Même les plugin type "quick search" ne s'affichent pas.

Hors ligne

 

#6 04-07-2009 18:42:16

Anonyme 2
Blogueur Fou
Date d'inscription: 22-05-2007
Messages: 11665

Re: la barre de recherche est cachée par le logo

Tu as la dernière version du thème ?
http://ptahdunbar.com/wordpress/wpfreem … -released/
Pourquoi ne pas réduire un peu ton logo en longueur pour laisser la place à la barre de recherche
685 pixels au lieu de 960 pixel et mettre le fond en noir enfin la couleur de ton image,dans screen.css
à la ligne

Code: html

#header {
height:100px;

rajouter

Code: html

background:#000000;

là j'ai mis #000000 pour noir

Hors ligne

 

#7 04-07-2009 19:39:30

neant
Connaisseur WP
Date d'inscription: 03-07-2009
Messages: 26

Re: la barre de recherche est cachée par le logo

J'ai essayé ce que tu m'as proposé mais c'est déjà quelque chose que j'avais tenté sans succès. En fait, le background du header est dépendant du background général. Même en rajoutant ta phrase "background:#00000;" dans header, il reste blanc, comme le background du texte.
Y'a pas un moyen de définir la barre de recherche comme "supérieure" au logo dans header ?

Sinon, j'ai réassayé d'installer le plugin "quick search" mais il ne s'affiche pas. Une idée d'où le problème peut venir ? C'est le thème qui est pourri ?

p.s: j'ai la dernière version du thème.

Dernière modification par neant (04-07-2009 19:46:15)

Hors ligne

 

#8 04-07-2009 20:21:50

Anonyme 2
Blogueur Fou
Date d'inscription: 22-05-2007
Messages: 11665

Re: la barre de recherche est cachée par le logo

bizarre que cela ne fonctionne pas,j'essaye avec firebug et c'était ok.

Quick search ne fonctionnera pas puisque la barre de recherche est caché

Hors ligne

 

#9 05-07-2009 00:03:43

neant
Connaisseur WP
Date d'inscription: 03-07-2009
Messages: 26

Re: la barre de recherche est cachée par le logo

Avec Firebug, la barre était visible ?

Hors ligne

 

#10 05-07-2009 07:54:58

dreamer
Passionné WP
Date d'inscription: 08-09-2006
Messages: 529
Site web

Re: la barre de recherche est cachée par le logo

SZalut

Je pense que le logo est trop long ( 720px me semblerait bien ) et qu'il soit crée sur fond transparent et non noir comme un gif , on pourrait ainsi voir où se situe la barre de recherche qui normalement avec le css est à droite !!


Mon blog et celui de ma chatte Pashmina

Hors ligne

 

#11 05-07-2009 09:28:31

jessy
Bavard WP
Date d'inscription: 08-09-2007
Messages: 420

Re: la barre de recherche est cachée par le logo

neant a écrit:

Mais depuis que j'ai étalé le logo sur l'ensemble du "header", la barre a disparue, cachée derrière.
.

Et bien voilà t'as tout dit ici !
Par contre cette barre de recherche n'est pas passée derrière, en effet elle peut pas puisque n'ayant plus de place mais elle est passée dessous (ou à la suite) du h1 et se trouve visuellement dans Firebug au niveau de la div#sub-navigation.

k-win a écrit:

essaye d'utiliser la propriete z-index

Oui mais z-index tout seul ne sert à rien si les contenus ne sont pas positionnés vis à vis d'un conteneur lui-même positionné.

Dans un premier temps redimensionne ta balise h1#logo à 685px
Là tu verras apparaître ta barre de recherche mais celle-ci déborde sur le logo.

Pour gagner 15px, supprimes le padding droit de div#header .searchform

et maintenant réduit la largeur de ton div#header .searchform input.s pour le passer à 177px de large par exemple.

Il y aurait bien d'autres façon de faire apparaître cette barre de recherches mais celle-ci est la plus simple et devrait s'adapter sans problème aux autres navigateurs.

Résultat
http://images.imagehotel.net/4cnlw0d7dn_tn.png

Dernière modification par jessy (05-07-2009 09:30:10)

Hors ligne

 

#12 05-07-2009 10:52:38

Anonyme 2
Blogueur Fou
Date d'inscription: 22-05-2007
Messages: 11665

Re: la barre de recherche est cachée par le logo

Jessy tu as fait comme moi, mais neant dit que cela ne fonctionne pas ,bizarre car avec Firebug tu confirmes la barre de recherche est là.

Hors ligne

 

#13 05-07-2009 12:35:52

neant
Connaisseur WP
Date d'inscription: 03-07-2009
Messages: 26

Re: la barre de recherche est cachée par le logo

Je viens faire ce que tu m'as dit, Jessy, mais le problème est toujours le même : le background en dehors du logo est blanc. C'est le même background que pour la page. C'est pour cette raison que j'ai rempli header au pixel près avec le logo. La ça me fait le logo sur fond noir et juste à côté un carré blanc avec la barre de recherche.
Y'a vraiment pas un code pour mettre la barre au-dessus du logo ?

http://images.imagehotel.net/z2dfmg3ou3_tn.png

Dernière modification par neant (05-07-2009 12:41:16)

Hors ligne

 

#14 05-07-2009 13:41:02

jessy
Bavard WP
Date d'inscription: 08-09-2007
Messages: 420

Re: la barre de recherche est cachée par le logo

neant a écrit:

Je viens faire ce que tu m'as dit, Jessy

T'en es bien sûr ? moi je crois pas !

Tu vois bien qu'il y a une différence (énorme) entre ces 2 images !!!!

Relis bien ce que je te dis dans mon premier post.

http://images.imagehotel.net/azybg7sal7_tn.png

Hors ligne

 

#15 05-07-2009 13:53:28

neant
Connaisseur WP
Date d'inscription: 03-07-2009
Messages: 26

Re: la barre de recherche est cachée par le logo

Je viens de rajouter "width: 685;" dans h1 logo, j'ai corrigé les mauvaises corrections que j'avais mis et c'est bon !
Merci pour votre aide. Je commençais à désespérer.

Pour terminer, est-ce que vous avez un avis sur le meilleur plugin de recherche interne ? Quick search vous semble bien ou il y a mieux ?
J'ai installé Quick Search mais il ne fonctionne pas, on dirait. La fonction recherche est toujours aussi basique.
Désolé si je suis lourd, mais vous avez une idée de la manière pour qu'il s'active ?

Ah, et encore une chose. J'ai modifié le thème sur un Mac, et maintenant, sous Xp, Wordpress ne veut pas m'afficher les codes dans l'éditeur. Il me met une ligne de symboles de ce type : "����Mac OS X        ����    ���2��������". Je ne pourrais modifier le thème dans l'éditeur wordpress que sur Mac ?

Dernière modification par neant (05-07-2009 14:13:03)

Hors ligne

 

Pied de page des forums

Propulsé par PunBB 1.2.23
© Copyright 2005-2006 WordPress France

[ Generated in 0.045 seconds, 22 queries executed ]