Vous n'êtes pas identifié.
Annonce
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 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:
- /* 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
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
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.
essaie d'aider les autres c'est tout.
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
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:
- #header {
- height:100px;
rajouter
Code:
- background:#000000;
là j'ai mis #000000 pour noir
essaie d'aider les autres c'est tout.
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
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é
essaie d'aider les autres c'est tout.
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
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 !!
Hors ligne
#11 05-07-2009 09:28:31
- jessy
- Expert WP
- Date d'inscription: 08-09-2007
- Messages: 379
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
Dernière modification par jessy (05-07-2009 09:30:10)
Hors ligne
#12 05-07-2009 10:52:38
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à.
essaie d'aider les autres c'est tout.
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 ?
Dernière modification par neant (05-07-2009 12:41:16)
Hors ligne
#14 05-07-2009 13:41:02
- jessy
- Expert WP
- Date d'inscription: 08-09-2007
- Messages: 379
Re: la barre de recherche est cachée par le logo
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
