Pub adsense responsible et texte à droite

Discussion dans 'AdSense' créé par indigene, 25 Juin 2015.

  1. indigene
    indigene WRInaute accro
    Inscrit:
    7 Septembre 2003
    Messages:
    4 160
    J'aime reçus:
    179
    Bonjour,

    J'ai inséré dans une page une pub adsense responsive. Ca fonctionne très bien mais quand je regarde la page sur un desktop la pub prend toute la largeur de la page.

    Alors ce que je voudrais faire c'est avoir une pub rectangle cadrée à gauche et du texte qui flotte à droite.

    J'ai donc encadré le code adsense par une div pour laquelle j'ai fixé les paramètres suivants :
    style="max-width: 350px;">

    C'est très bien, la pub est maintenant d'une largeur de 350 pixels meme en plein écran sur desktop. Le problème c'est que le texte qui suit la div vient se caser en dessous même quand je le met dans une div avec un float right. C'est comme s'il y avait un clear pour revenir à la ligne à la fin de la pub adsense

    Est-ce que vous avez déjà rencontré le problème et dans ce cas comment le contourner ?
     
  2. ybet
    ybet WRInaute accro
    Inscrit:
    22 Novembre 2003
    Messages:
    7 516
    J'aime reçus:
    1
    jamais été doué en CSS mais essaye

    #position
    {
    position: relative;
    }
     
  3. indigene
    indigene WRInaute accro
    Inscrit:
    7 Septembre 2003
    Messages:
    4 160
    J'aime reçus:
    179
    Merci ybet
    Sur la DIV qui contient la pub ou sur la div de texte ?
    Tu as l'air plus doué que moi en tous cas
     
  4. ybet
    ybet WRInaute accro
    Inscrit:
    22 Novembre 2003
    Messages:
    7 516
    J'aime reçus:
    1
    div pub mais ca risque de faire remonter la pub en haut du container texte - pub
     
  5. salva
    salva WRInaute accro
    Inscrit:
    16 Avril 2006
    Messages:
    3 577
    J'aime reçus:
    0
    Salut
    Code:
    <div id="conteneur">
    
    <div id="div1">div 1
    </div>
    <div id="div2">div 2
    </div>
    
    </div>
    Code:
    #conteneur
    {
        width: 100%;
        
    }
    #div1
    {
        width: 50%;
        display: inline-block;
        float:left;
    }
     
    #div2
    {
        width: 50%;
        display: inline-block;
        float:right;
        margin-top:-1.1em; /* au besoin, tu remontes la 2ième div pour l'aligner avec la première */
    }
     
  6. indigene
    indigene WRInaute accro
    Inscrit:
    7 Septembre 2003
    Messages:
    4 160
    J'aime reçus:
    179
    Bien alors merci beaucoup. J'ai modifié un peu ce code en utilisant autre chose que 50% et j'ai réussi à faire passer le truc avec 39% et 59%. Ensuite j'ai mis un clear both en dessous pour que ça revienne à la ligne. C'était nickel en plein écran mais en réduisant la largeur de ma fenêtre je me suis retrouvé avec le texte à droite qui passe en dessous de la publicité et c'est pas beau du tout. Du coup j'ai remis comme avant avec la pub à gauche limitée à 350 px et un grand blanc à droite de la pub. C'est moins beau et c'est pas ce que je voulais mais c'est acceptable. Ca aère l'article en plus (il en a bien besoin)
    Encore merci pour votre aide ybet et Salva
     
  7. ybet
    ybet WRInaute accro
    Inscrit:
    22 Novembre 2003
    Messages:
    7 516
    J'aime reçus:
    1
    Et un tableau aligné à droite qui intègre une <div> dans laquelle tu intègre le code adsense?
     
  8. indigene
    indigene WRInaute accro
    Inscrit:
    7 Septembre 2003
    Messages:
    4 160
    J'aime reçus:
    179
    C'est du responsive donc l'idée c'est d'avoir un bloc pub à gauche de 350 px float left et le texte qui vient flotter à droite et quand l'écran est moins large, non seulement la pub peut s'afficher plus petite (en 320 par exemple) et le texte vient flotter en dessous. Avec des tableaux j'ai peur que ça ne se mette pas à flotter et que le tableau reste tableau sur toute la largeur même avec une petite largeur d'écran
     
  9. ybet
    ybet WRInaute accro
    Inscrit:
    22 Novembre 2003
    Messages:
    7 516
    J'aime reçus:
    1
    Tu n'impose pas la largeur du tableau (du coup, il va s'adapter à la largeur du contenu tout simplement). Faut essayer.
     
Chargement...
Similar Threads - Pub adsense responsible Forum Date
Plein de publicités AdSense vides AdSense 18 Août 2020
Quel CMP pour Adsense et régies pub / wordpress ? AdSense 18 Juillet 2020
Publicité adsense diffusée au mauvais format AdSense 26 Avril 2020
"Inciter" un utilisateur à consulter une pub AdSense AdSense 30 Mars 2020
Help! Services publicitaires Adsense? pubmatic, adnxs, openx, etc. Google : l'entreprise, les sites web, les services 11 Février 2020
Pub Adsense désactivée sur page avec contenu choquant AdSense 5 Mai 2019
Filtrage des pubs AdSense impossible AdSense 11 Avril 2019
Pub Adsense n'apparait pas sur certains mobiles AdSense 10 Avril 2019
Pub adsense trop haute AdSense 29 Mars 2019
Plus aucun affichage de pub AdSense depuis le passage HTTPS AdSense 17 Juillet 2018