Insérer des images dans header.php (Créer un compte)

  • Statut : non résolu
15 sujets de 16 à 30 (sur un total de 48)
  • Auteur
    Messages
  • #774400
    Noltac
    Membre
    Initié WordPress
    27 contributions

    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

    #774401
    Guy
    Participant
    Maître WordPress
    14817 contributions

    Les images sont en dehors du search, quelle est l’utilité de l’agrandir?

    #774402
    shamateur
    Membre
    Padawan WordPress
    82 contributions

    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 ?

    #774403
    Noltac
    Membre
    Initié WordPress
    27 contributions

    Ah 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.

    #774404
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    Salut 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.

    #774405
    Tonks84
    Membre
    Chevalier WordPress
    220 contributions
    shamateur 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.

    #774406
    Anonyme
    Invité
    Maître WordPress
    34072 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #774407
    shamateur
    Membre
    Padawan WordPress
    82 contributions

    Oula 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…

    #774408
    Tonks84
    Membre
    Chevalier WordPress
    220 contributions
    #774409
    shamateur
    Membre
    Padawan WordPress
    82 contributions

    Tu 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

    #774410
    Tonks84
    Membre
    Chevalier WordPress
    220 contributions

    Oui, 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 :

    ==> http://img39.imageshack.us/img39/2953/000cva.jpg

    #774411
    Guy
    Participant
    Maître WordPress
    14817 contributions

    je 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 css

    et 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

    #774412
    Tonks84
    Membre
    Chevalier WordPress
    220 contributions

    C’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.

    #774413
    Guy
    Participant
    Maître WordPress
    14817 contributions

    Quelle méthode as tu pris?

    Pour faire simple, tu peux mettre dans le css

    .flag_btn{
    margin:15px 2px;
    }

    #774414
    Tonks84
    Membre
    Chevalier WordPress
    220 contributions

    Donc 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.

15 sujets de 16 à 30 (sur un total de 48)
  • Vous devez être connecté pour répondre à ce sujet.