- 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
-
3 juin 2011 à 22 h 24 min #774400
Bonsoir Tonks84,
Votre div #topsearch fait 300 pixels de large et du coup votre formulaire de recherche (#searchform_top) et le bouton « Ok » le remplissent intégralement en longueur.
C’est pour ça que les drapeaux ne s’affichent qu’au dessus ou en dessous.
Essayez de passer #topsearch à 500 pixels de large et rajoutez un « float:left;« . Cela vous donnera 200 pixels pour câler vos drapeaux sur la même ligne.
Bon courage,
N
3 juin 2011 à 22 h 28 min #774401Les images sont en dehors du search, quelle est l’utilité de l’agrandir?
3 juin 2011 à 22 h 41 min #774402Alors t’as testé ma soluce ? Je viens de mettre en pratique avec firebug j’obtiens ça :
http://imageshack.us/f/263/sansrepw.png/
J’ai juste modifié certaines valeurs en pixels. C’est ça que tu veux ?
3 juin 2011 à 22 h 41 min #774403Ah oui effectivement.
Bon dans ce cas là, je placerai .flag_div après #topsearch puis je rajouterai les CSS suivants :
.flag_div {
float:right;
margin:14px 0 0 0; //ajuster en fonction de la hauteur des drapeaux
width:200px;
}
.flag_div ul.nav {
list-style:none;
display:inline;
}
.flag_div ul.nav li {
float:left;
list-style:none;
padding: 0 10px 0 0;
}Je fais ça de tête alors désolé si c’est incômplet, mais ça devrait vous mettre sur la bonne voie.
4 juin 2011 à 7 h 43 min #774404Salut Tonks. J’ai une question : Pourquoi cette balise qui contient toutes les meta et link du blog dans le body alors que ces meta et link devraient se trouver dans entre et ? Des meta dans le corps de la page, je n’ai encore jamais vu ca…
Sinon, je ne connais pas le code du thème, mais il y aurait une possibilité simple pour arriver à ce que tu veux.
Intégrer la liste contenant les drapeaux à la liste catnav dans un li. Il suffirait ensuite de lui donner un padding-left correspondant à tes souhaits.Le style serait hérité de la liste mère. Il suffirait d’ajouter une ligne de css pour régler le padding-left de l’ul id=flag.
Comme tu peux le constater, il n’y a rarement qu’une solution possible.4 juin 2011 à 9 h 40 min #774405shamateur wrote:Alors t’as testé ma soluce ? Je viens de mettre en pratique avec firebug j’obtiens ça :http://imageshack.us/f/263/sansrepw.png/
J’ai juste modifié certaines valeurs en pixels. C’est ça que tu veux ?
Voilà, c’est tout à fait ça que je veux. J’ai bien testé comme toi avec Firebug, mais je n’y comprend rien à ce plugin …
Et pour ton astuce, juste en dessous de ton message j’ai mis un screen de ce que ça faisait.
4 juin 2011 à 10 h 10 min #774406Anonyme
InvitéMaître WordPress34072 contributionsCe message a été supprimé suite à la demande de l’auteur.
4 juin 2011 à 10 h 11 min #774407Oula il y a problème si ça t’a fais ça ^^
C’est pas compliqué dans Firebug, tu vas dans l’onglet HTML, clic droit sur le code source, éditer HTML et tu colles ça juste avant la div topsearch
<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>Ensuite, tu vas dans l’onglet CSS et tu créer des nouvelles règles et propriétés :
div.col-full {
position: relative
}
ul#langues {
position:absolute;
right:325px;
top:20px;
}
ul#langues li {
float:left;
margin-right: 10px;
width:24px;
height:24px;
}Et c’est tout…
4 juin 2011 à 10 h 18 min #774408Ça ne marche pas chez moi …
4 juin 2011 à 10 h 24 min #774409Tu as bien rajouté le positionnement relatif de ta div col-full ?
div.col-full {
position: relative;
}Il faut aussi bien mettre une règle css par ligne
4 juin 2011 à 10 h 58 min #774410Oui, j’ai bien tout mis le code CSS que tu m’as donné.
Et donc j’ai essayé sur le site anglais (pas encore ouvert), et voici ce que ça donne :
4 juin 2011 à 11 h 06 min #774411je ne suis pas trop pour modifer le div.col-full cela impacte toute la ligne
le premier exemple donné ne marchait pas, c’était juste pour voir.
Se servir de la classe nav qui est déjà codée dans le csset mettre (à placer entre )
devrait te donner les drapeaux alignes en haut entre le menu et le search.
Apres quand tu auras mis ça on pourra ajuster les marges pour que ce ne soit pas collé en haut
4 juin 2011 à 11 h 11 min #774412C’est bon, les drapeaux sont au bon endroit
Donc je suis prêt pour qu’on ajuste les marges. Et les personnes qui veulent aussi, je peux vous donner le lien du site anglais par MP, pour éviter que les moteurs de recherche ne le visitent un peu trop tôt.
4 juin 2011 à 11 h 27 min #774413Quelle méthode as tu pris?
Pour faire simple, tu peux mettre dans le css
.flag_btn{
margin:15px 2px;
}4 juin 2011 à 11 h 41 min #774414Donc j’ai pris le code que tu as mis juste au dessus avec le flag_btn.
Donc c’est bien sur une même ligne, et j’essaye de le coller un peu plus à la barre de recherche car là ils sont un peu trop excentrés.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.