- Statut : non résolu
- Ce sujet contient 47 réponses, 7 participants et a été mis à jour pour la dernière fois par
luciole135, le il y a 13 années et 8 mois.
-
AuteurMessages
-
2 juin 2011 à 20 h 13 min #495806
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : 3.1
– Version de PHP/MySQL : /
– Thème utilisé : Bueno
– Extensions en place : Aucune
– Nom de l’hebergeur : OVH
– Adresse du site : http://www.arles-avignon.com/Problème(s) rencontré(s) :
J’aimerais insérer les 3 images suivantes à la droite de la barre de recherche, mais quand j’essaye de le mettre quelque part, soit elles sont au dessus de tout donc la barre noire est trop grosse, soit elles sont juste au dessus de ma bannière.
<img class="title" src="http://www.arles-avignon.com/fr.gif" alt="Arles-Avignon.com">
<img class="title" src="http://www.arles-avignon.com/uk.gif" alt="Arles-Avignon.com">
<img class="title" src="http://www.arles-avignon.com/es.gif" alt="Arles-Avignon.com">Merci !
3 juin 2011 à 16 h 10 min #774386S’il vous plait, c’est important.
3 juin 2011 à 18 h 19 min #774387Je ne suis pas spécialiste du HTML, ils se reconnaîtront, mais je doute fort qu’avec ce simple code qui que ce soit puisse vous aider.
Il faudrait au moins le code de page où se trouve votre barre de recherche.
Déjà, sur les fichiers de votre thème, recherchez cette page (où se trouve cette barre de recherche), quand vous l’avez trouvé postez-là.
3 juin 2011 à 18 h 43 min #774388
<title></title>
<link rel="stylesheet" type="text/css" href=" » media= »screen » />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php if ( get_option('woo_feedburner_url') « » ) { echo get_option(‘woo_feedburner_url’); } else { echo get_bloginfo_rss(‘rss2_url’); } ?> » />
<link rel="pingback" href=" » />
<!--[if IE 6]>-->
<script type="text/javascript" src="/includes/js/pngfix.js »>
<script type="text/javascript" src="/includes/js/menu.js »>
<link rel="stylesheet" type="text/css" media="all" href="/css/ie6.css » />
<!--[if IE 7]>-->
<link rel="stylesheet" type="text/css" media="all" href="/css/ie7.css » />
<body >
<div id="container">
<div id="navigation">
<div class="col-full">
‘menu_order’, ‘container’ => ‘ul’, ‘menu_id’ => ‘catnav’, ‘menu_class’ => ‘nav fl’, ‘theme_location’ => ‘secondary-menu’ ) );
} else {
?>
<ul id="catnav" class="nav fl">
</ul><!-- /#nav -->
<div id="topsearch" class="fr">
<form method="get" id="searchform_top" action=" »>
<input type="text" class="field" name="s" value=" » onfocus= »if (this.value == ») {this.value = »;} » onblur= »if (this.value == ») {this.value = »;} » />
<input type="submit" class="submit" name="submit" value=" » />
</form>
</div><!-- /#topsearch -->
</div><!-- /.col-full -->
</div><!-- /#navigation -->
<div id="header" class="col-full">
<div id="logo">
<a href=" » title= » »><img class="title" src="<?php if ( get_option('woo_logo') « » ) { echo get_option(‘woo_logo’); } else { bloginfo(‘template_directory’); ?>/images/logo.png » alt= » » /></a>
<span class="site-title"><a href=" »></a></span>
<h1 class="site-title"><a href=" »></a></h1>
<span class="site-description"></span>
</div><!-- /#logo -->
<div id="pagenav" class="nav fr">
‘menu_order’, ‘container’ => ‘ul’, ‘theme_location’ => ‘primary-menu’ ) );
} else {
?>
<ul>
<li class="b « ><a href=" »></a></li>
<li class="rss"><a href="<?php if ( get_option('woo_feedburner_url') « » ) { echo get_option(‘woo_feedburner_url’); } else { echo get_bloginfo_rss(‘rss2_url’); } ?> »></a></li>
</ul>
</div><!-- /#pagenav -->
</div><!-- /#header -->J’ai essayé de le mettre à toutes les positions, impossible
3 juin 2011 à 18 h 47 min #774389Anonyme
InvitéMaître WordPress34072 contributionsCe message a été supprimé suite à la demande de l’auteur.
3 juin 2011 à 18 h 51 min #774390Et bien alors à gauche.
3 juin 2011 à 19 h 07 min #774391C’est pourquoi faire les images ?
Si c’est un menu avec des liens, alors il faut encadrer ça dans un :
(Au passage les alt devraient être plus pertinents. Arles-Avignon.com United-Kingdom)
Si c’est juste pour faire joli tu remplace l’ ul par un div par exemple et puis les Li par des span.
Après tu les positionne en css et joue avec le z-index pour qu’elles s’affichent devant l’image de ton header. et
- présentent l’avantage de pouvoir être placés inline (pas les uns au-dessus des autres.)
3 juin 2011 à 19 h 18 min #774392Non, ce sont de vraies images pour un lien direct vers le site de la langue.
Et je suis d’accord avec toi pour la description, mais c’est juste que là c’est pour tester le truc.Pour en revenir au problème, les images sont toujours un « étage » au dessus de la ligne …
3 juin 2011 à 20 h 18 min #774393il faut le placer juste avant
Si c’est mal placé, c’est qu’il faut renseiger les styles css. Mais c’est la bonne place pour le mettre à la gauche de la recherche.
<ul id="langues">
<li><a href=""><img class="title" src="http://www.arles-avignon.com/fr.gif" alt="Arles-Avignon.com"></a></li>
<li><a href=""><img class="title" src="http://www.arles-avignon.com/uk.gif" alt="Arles-Avignon.com"></a></li>
<li><a href=""><img class="title" src="http://www.arles-avignon.com/es.gif" alt="Arles-Avignon.com"></a></li>
</ul>
<div id="topsearch" class="fr">
<form method="get" id="searchform_top" action=" »>
<input type="text" class="field" name="s" value=" » onfocus= »if (this.value == ») {this.value = »;} » onblur= »if (this.value == ») {this.value = »;} » />
<input type="submit" class="submit" name="submit" value=" » />
</form>
</div><!-- /#topsearch -->3 juin 2011 à 20 h 55 min #7743943 juin 2011 à 21 h 07 min #774395ok, c’est bien la bonne place, il faut adapter les styles. Je suis pas super bon la dedans, je vais essayer de voir ce qu’il faut mettre., mais si quelqu’un connait la solution….
3 juin 2011 à 21 h 35 min #774396Oui, si quelqu’un passe par là, je suis preneur !
3 juin 2011 à 21 h 55 min #774397C’est à gauche de la barre de recherche que tu veux placer tes drapeaux c’est bien ça ?
Si c’est ça je verrais bien un positionnement absolu de la balise
- , et les
- qui flottent à gauche avec une taille fixe…
Ce qui donnerais à peu près pour le CSS (à vu de nez):
div.col-full {position: relative}
ul#langues {position:absolute;right:400px;top:35px;}
ul#langues li {float:left; margin-right: 5px; width:24px; height:24px; }Tout dépend de la taille des images en fait…
3 juin 2011 à 22 h 00 min #7743983 juin 2011 à 22 h 19 min #774399hihi, chacun va donner son petit truc
à la meme place que le précédent, le
et donc lede la fin ne sont peut être pas nécéssaires.
<div class="flag_div">
<ul class="nav">
<li class="flag_btn"><a href=""><img src="http://www.arles-avignon.com/fr.gif" alt="Arles-Avignon.com"></a></li>
<li class="flag_btn"><a href=""><img src="http://www.arles-avignon.com/uk.gif" alt="Arles-Avignon.com"></a></li>
<li class="flag_btn"><a href=""><img src="http://www.arles-avignon.com/es.gif" alt="Arles-Avignon.com"></a></li>
</ul>
</div>et dans styles.css
.flag_div{ float:left; margin:10px; }
.flag_btn { margin:5px; } -
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.