Affichage de mon ad google coupée

  • Statut : non résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #476862
    Chocapic
    Participant
    Initié WordPress
    22 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : WordPress 2.8.6
    – Thème utilisé : Journalist 1.9.9.9 par Lucian E. Marin
    – Extensions en place : Google Analytics for WordPress , Advertising Manager, feed statistiques
    – Nom de l’hebergeur : ovh
    – Adresse du site : http://www.unecartedumonde.fr

    Problème(s) rencontré(s) :

    Bonjour tout le monde,

    J’ai une banniere de pub google ads sur mon site, sur la page d’acceuil et en rentrant dans chaque post, sur la colonne de droite.

    Probleme, celle ci ne s affiche pas entierement, il manque quelques pixels.

    Je me suis donc dis que j allais tester de modifier le css avec mes maigres connaissances,

    /*
    Theme Name: Journalist
    Theme URI: http://lucianmarin.com/
    Description: Journalist is a smart, minimal theme designed for professional journalists.
    Version: 1.9.9.9
    Author: <a href="http://lucianmarin.com/">Lucian E. Marin</a>
    Tags: white, two columns, fixed width, light, minimal, microformats
    For the WordPress community (GPL), enjoy it guys.
    by Lucian E. Marin – lucianmarin.com
    */
    
    body {
    background:#fff url(“images/top.gif”) repeat-x;
    font-family:”Lucida Grande”, “Lucida Sans Unicode”, Helvetica, Arial, sans-serif;
    font-size:13px;
    color:#222;
    padding:0;
    margin:0;
    }
    
    * {
    padding:0;
    margin:0;
    }
    
    a {
    color:#047;
    text-decoration:underline;
    }
    
    a:hover {
    color:#c00;
    }
    
    #container {
    width:911px; /* this has nothing to do with the ‘911’ event */
    margin:0 auto;
    position:relative;
    }
    
    #container h1 {
    font-size:30px;
    font-weight:normal;
    letter-spacing:-1px;
    width:600px;
    padding:32px 0 25px 0;
    }
    
    #container h1 a {
    color:#222;
    text-decoration:none;
    }
    
    #container h1 a:hover {
    color:#c00;
    }
    
    #bubble {
    top:40px;
    right:0;
    position:absolute;
    display:block;
    height:28px;
    background:url(images/bubble_right.gif) no-repeat right;
    }
    
    #bubble p {
    display:block;
    font-size:11px;
    color:#fff;
    height:28px;
    padding:4px 12px 0 10px;
    background:url(images/bubble_left.gif) no-repeat top left;
    }
    
    #content {
    float:left;
    width:700px;
    }
    
    #content h2 {
    font-size:20px;
    margin:5px 0 7px 0;
    }
    
    #content h2 a {
    color:#222;
    text-decoration:none;
    }
    
    #content h2 a:hover {
    color:#c00;
    }
    
    #content h2.archive {
    font-weight:normal;
    font-size:22px;
    color:#1c1c1c;
    padding:0;
    margin:5px 0 20px 0;
    border:none;
    text-align:left;
    }
    
    .comments {
    color:#333;
    margin:0 0 15px 0;
    border-bottom:#bbb 1px solid;
    }
    
    .comments a {
    background:#fff;
    padding:0 7px 5px 0;
    color:#333;
    text-decoration:none;
    }
    
    .comments a:hover {
    color:#c00;
    }
    
    .navigation {
    background:#f9f9f9;
    font-size:11px;
    padding:5px 10px;
    margin:0 0 20px 0;
    border-top:#bbb 1px solid;
    }
    
    .navigation a {
    color:#555;
    font-weight:bold;
    text-decoration:none;
    }
    
    .navigation a:hover {
    color:#333;
    text-decoration:none;
    }
    
    .main h3 {
    font-size:16px;
    font-weight:normal;
    margin:0 0 15px 0;
    }
    
    .main img, .main a img, .main a:hover img {
    border:0 none;
    text-decoration: none;
    }
    
    .main p {
    line-height:18px;
    margin:0 0 15px 0;
    }
    
    .main ol,
    .main ul {
    line-height:18px;
    margin:0 0 15px 30px;
    }
    
    .main ul li,
    .main ol li {
    margin:0 0 5px 0;
    }
    
    .main ul li ul,
    .main ol li ol {
    margin:5px 0 5px 30px;
    }
    
    .meta {
    background:#f3f3f3;
    font-size:11px;
    line-height:15px;
    color:#333;
    padding:5px 10px;
    margin:0 0 30px 0;
    border-top:#bbb 1px solid;
    }
    
    .signature {
    float:left;
    padding:0 15px 0 0;
    border-right:#bbb 1px solid;
    width:200px;
    }
    
    .tags {
    float:left;
    padding:0 0 0 15px;
    width:440px;
    }
    
    #sidebar {
    font-size:12px;
    float:right;
    width:180px;
    border-left:#999 1px solid;
    padding:0 0 20px 15px;
    margin:0 0 20px 0;
    }
    
    #sidebar h3 {
    font-size:14px;
    margin:20px 0 5px 0;
    }
    
    #sidebar ul {
    list-style:none;
    }
    
    #sidebar ul ul {
    margin:5px 0 0 10px;
    }
    
    #sidebar ul ul ul {
    margin:5px 0 0 10px;
    }
    
    #sidebar ul li {
    margin:0 0 5px 0;
    }
    
    #author h3 {
    margin:5px 0 5px 0;
    }
    
    #searchform {
    margin:15px 0 0 0;
    }
    
    #searchform input {
    background-color:#222;
    font-size:11px;
    margin:2px 0;
    padding:1px 4px 2px 4px;
    border:#888 1px solid;
    color:#eee;
    }
    
    #searchform input:hover {
    background-color:#333;
    border:#999 1px solid;
    color:#fff;
    cursor:pointer;
    }
    
    #searchform #s {
    background-color:#f6f6f6;
    font-size:11px;
    margin:2px 0;
    padding:2px 4px;
    border:#aaa 1px solid;
    color:#222;
    }
    
    #searchform #s:hover {
    cursor:text;
    }
    
    input.searchfield {
    background-color:#f6f6f6;
    font-size:11px;
    display:block;
    margin:5px 0 8px 0;
    padding:2px 4px;
    border:#aaa 1px solid;
    color:#222;
    }
    
    input.searchfield:hover {
    background-color:#eee;
    color:#222;
    }
    
    input.submit,
    input[type=submit] {
    background-color:#222;
    display:block;
    font-size:11px;
    color:#eee;
    margin:0 0 10px 0;
    padding:1px 4px 2px 4px;
    border:#888 1px solid;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:5px;
    border-radius:3px;
    }
    
    input.submit:hover,
    input[type=submit]:hover {
    background-color:#333;
    cursor:pointer;
    border:#999 1px solid;
    color:#fff;
    }
    
    input.subcom {
    background-color:#eee;
    font-size:11px;
    margin:0 0 10px 0;
    padding:1px 4px 2px 4px;
    border:#888 1px solid;
    color:#222;
    }
    
    input.subcom:hover {
    background-color:#222;
    cursor:pointer;
    border:#888 1px solid;
    color:#eee;
    }
    
    input.comment {
    background-color:#f6f6f6;
    font-size:11px;
    padding:2px 4px;
    border:#aaa 1px solid;
    color:#222;
    }
    
    textarea {
    background-color:#f6f6f6;
    font-size:12px;
    width:400px;
    padding:2px 4px;
    border:#aaa 1px solid;
    color:#222;
    }
    
    .postinput small {
    font-size:11px;
    margin:0 0 0 5px;
    }
    
    p.logged {
    font-size:12px;
    }
    
    h3.reply {
    font-size:15px;
    margin:0 0 10px 0;
    }
    
    .nocomments {
    margin:0 0 30px 0;
    }
    
    ol.commentlist {
    font-size:12px;
    list-style:none;
    margin:10px 0 30px 0;
    border-bottom:#bbb 1px solid;
    }
    
    .commentlist li {
    border-top:#bbb 1px solid;
    padding:0 0 10px 0;
    }
    
    .commentlist li.bypostauthor {
    background-color:#f3f3f3;
    border-top:#bbb 5px solid;
    }
    
    .comment_mod {
    margin:10px 0 0 10px;
    }
    
    .comment_mod em {
    background-color:#fff897;
    padding:1px 3px;
    }
    
    .comment_author {
    margin:7px 0;
    float:right;
    width:190px;
    }
    
    .comment_author img {
    float:left;
    margin:3px 12px 0 0;
    }
    
    .comment_author p {
    line-height:18px;
    }
    
    .comment_author small {
    font-size:11px;
    }
    
    .comment_text {
    float:left;
    width:480px;
    margin:0 0 0 10px;
    }
    
    .comment_text p {
    line-height:18px;
    margin:7px 0;
    }
    
    .comment_text li {
    border-top:none;
    padding:0;
    }
    
    .comment_meta {
    font-size:12px;
    }
    
    #commentform p {
    line-height:18px;
    margin:0 0 15px 0;
    }
    
    blockquote {
    background:url(images/quote.gif) no-repeat top left;
    padding:0 0 0 60px;
    min-height:50px;
    }
    
    #footer {
    background-color:#eee;
    font-size:11px;
    color:#555;
    margin:0 auto;
    padding:10px 0;
    text-align:center;
    position:relative;
    border-top:#bbb 1px solid;
    border-bottom:#222 6px solid;
    }
    
    #footer a {
    color:#555;
    font-weight:bold;
    text-decoration:none;
    }
    
    #footer a:hover {
    color:#333;
    text-decoration:none;
    }
    
    .clear {
    clear:both;
    }
    
    .warning p {
    background:url(images/warning.gif) no-repeat left;
    height:160px;
    padding:20px 0 0 90px;
    font-size:20px;
    margin:0 0 0 10px;
    }
    
    #wp-calendar {
    padding:10px 0 0 0;
    font-size:12px;
    }
    
    #wp-calendar caption {
    text-align:left;
    padding:0 0 5px 0;
    }
    
    #wp-calendar tr th,
    #wp-calendar tr td {
    padding:0 6px 0 0 ;
    text-align:right;
    }
    
    #wp-calendar td a {
    font-weight:bold;
    }
    
    #wp-calendar td a:hover {
    font-weight:bold;
    }
    
    img.wp-smiley {
    padding:0;
    border:none;
    }
    
    abbr {
    border:none;
    }
    
    input:focus, textarea:focus {
    background-color:#ffc;
    }
    
    .wp-caption {
    border:1px solid #ddd;
    text-align:center;
    background-color:#f3f3f3;
    padding-top:4px;
    margin:10px;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    }
    
    .wp-caption img {
    margin:0;
    padding:0;
    border:0 none;
    }
    
    .wp-caption a img {
    border: none;
    }
    
    .wp-caption a:hover img {
    border: none;
    }
    
    .wp-caption-dd {
    font-size:11px;
    line-height:17px;
    padding:0 4px 5px;
    margin:0;
    }
    
    img.aligncenter, .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    
    img.alignleft {
    margin: 0 10px 0 0;
    }
    
    img.alignright {
    margin: 0 0 0 10px;
    }
    
    .alignleft {
    float:left;
    }
    
    .alignright {
    float:right;
    }
    
    /* Sticky */
    
    #content .sticky h2 a {
    font-style:italic;
    color:#555;
    }
    
    #content .sticky h2 a:hover {
    color:#c00;
    }
    
    #content .sticky p.comments {
    font-style:italic;
    }
    
    
    /* Self-clear floats */
    
    .group:after {
    content: “.”; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
    
    /* IE Hacks */
    
    *html #bubble {
    display:none;
    }
    
    *html #bubble p {
    display:none;
    }
    
    * html .group,
    * html #nav ul li a {
    height: 1%;
    }
    
    *:first-child+html .group {
    min-height: 1px;
    }
    
    * html #nav ul li a {
    display: inline;
    }

    j ai modifié ce passage :

    #sidebar {
    font-size:12px;
    float:right;
    width:180px;
    border-left:#999 1px solid;
    padding:0 0 20px 15px;
    margin:0 0 20px 0;
    }

    en agrandissant le width.

    Cela agrandi bel et bien la colonne, car je vois mon tag cloud qui prend plus de place, mais cela ne change rien a l affichage de l’ads qui reste coupé. Et si je l’agrandi trop, ca balance tout vers le bas de l’article.

    Des idées ? Solutions ? 🙂

    merci !

    #704364
    Chocapic
    Participant
    Initié WordPress
    22 contributions

    Personne ? :s

    #704365
    Red-rabbit
    Membre
    Maître WordPress
    688 contributions

    Y a pas que la sidebar sur laquelle il faut modifier la largeur.
    Soit retrecir la largeur du content ou augmenter la largeur du container .
    Mais bon ça sert a rien …
    L alargeur du bandeaux se change dans le sript java fourni par google. Pour etre precis celui la:

    google_protectAndRun(“ads_core.google_render_ad”, google_handleError, google_render_ad);

    20px sur la largeur devrait suffire

    #704366
    Chocapic
    Participant
    Initié WordPress
    22 contributions

    Merci beaucoup pour ton aide !

4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.