Appeler une image

Nouveau WRInaute
Comme j'utilise tout le temps Wordpress à présent , j'ai carrément oublier le peu
que j'avais appris sur le HTML et CSS .

Je voudrais juste faire une modification d'image très simple sur cette page :

https://www.arnaudys.com/section/astrologie.html

Faire un changement de la petite bannière appelée (votre bouton 1 ) sous chaque signe astro

Belier ect ---

J'ai un dossier images ou j'ai mis mon nouveau bouton qui doit remplacer celui ci mais je n'arrive pas a appeler celui ci !

Je pense que je dois modifier quelques chose dans le cms mais je suis perdu .

Si je change juste l'url d'appel a partir de la bannière actuelle rien ne se passe .

J'espère avoir été assez clair désolé .
 
WRInaute passionné
Il n'y a rien sous chaque signe astro, je ne vois pas de quoi vous voulez parler.
Si vous changez une url et que rien ne se passe, peut-être qu'il y a un plugin de cache et qu'il faut vider le cache pour régénérer les pages.
 
Nouveau WRInaute
Oui désolé j'avais renommer l'image et oublier de corriger . (cette bannière est provisoire c'est juste pour comprendre comment la modifier )

Pour le code je peux le coller direct ou il y a une procédure particulière ?

Merci de votre aide .
 
Dernière édition:
Nouveau WRInaute
OK merci , voici le code de la demi page , si il est possible d'avoir une explication pour faire un changement de la bannière citer ci dessus (bouton1)


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Les Signes Astrologiques</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" rel="stylesheet" type="text/css">
<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->
<style type="text/css">
body {
    background-color: #7F72AC;
    margin: 0px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 24px;
}
img {
    max-width: 100%;
    height: auto;
}
#main {
    text-align: center;
}
#container {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}
#corps {
    background-color: #FFF;
    height: auto;
    -moz-box-shadow: 0px 0px 10px 0px #656565;
    -webkit-box-shadow: 0px 0px 10px 0px #656565;
    -o-box-shadow: 0px 0px 5px 10px #656565;
    box-shadow: 0px 0px 10px 0px #656565;
 filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
    overflow: hidden;
    max-width: 900px;
}
#corps #texte {
    text-align: left;
    margin: 40px;
}
#corps #texte p img {
    height: auto;
    max-width: 100%;
}
#texte center a img {
    height: auto;
    max-width: 100%;
}
#corps #texte ul li {
    list-style-image: url(http://cercledlp.com/_pv/mentalgagnant/images/puce-pt.png);
    list-style-type: disc;
    list-style-position: outside;
    padding-top: 10px;
    text-align: left;
    /* [disabled]padding-left: 80px;
*/
}
.headline {
    font-size: 36px;
    color: #b74b2e;
    text-align: center;
    font-weight: bold;
    margin-top: -5px;
}
.preheadline {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    letter-spacing: -1px;
    text-align: left;
    font-weight: bold;
    color: #313131;
}
#liens {
    text-align: center;
    font-size: 14px;
    overflow: visible;
    color: #606165;
    clear: both;
}
#entete {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: auto;
}
#entete #logo {
    float: left;
    max-width: 50%;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#entete #logo img {
    text-align: left;
    max-width: 100%;
}
#entete #titre {
    float: right;
    font-size: 30px;
    font-weight: bold;
    max-width: 60%;
    height: auto;
    text-align: center;
    color: #FFFFFF;
}
#liens p a {
    color: #FFC700;
    text-decoration: none;
}
.headline1 {
    font-family: Arial, Helvetica, sans-serifTahoma, Geneva, sans-serif;
    font-size: 30px;
    color: #b74b2e;
    letter-spacing: -1px;
    text-align: center;
    font-weight: bold;
    margin-top: -5px;
}
#avert {
    font-size: 14px;
    color: #999;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: dashed;
    border-top-color: #999;
    border-right-color: #666;
    border-bottom-color: #999;
    border-left-color: #666;
    margin-top: 50px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#commande {
    border: 2px dashed #CC0000;
    height: auto;
    max-width: 480px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
}
#commande tr td a img {
    /* [disabled]height: auto;
*/
    /* [disabled]max-width: 100%;
*/
}
#logo1 {
    float: left;
    clear: left;
}
#logo2 {
    float: right;
    clear: right;
    overflow-x: hidden;
}

@media (max-width: 900px) {
#entete #titre {
    max-width: 100%;
    float: none;
    clear: both;
}
#entete #logo {
    max-width: 100%;
    float: none;
    clear: both;
}
}
</style>
<!-- Début du code de consentement des cookies généré avec - http://silktide.com/cookieconsent -->
<script type="text/javascript">
    window.cookieconsent_options = {"message":"Ce site peut utiliser des cookies et des traceurs afin d'améliorer votre navigation, sa visite équivaut à l'acceptation de nos conditions de confidentialité.<br>","dismiss":"OK","learnMore":"En savoir plus","link":"http://www.cnil.fr/vos-obligations/sites-web-cookies-et-autres-traceurs/que-dit-la-loi/","theme":"dark-top"};
</script>
<script type="text/javascript" src="//s3.amazonaws.com/cc.silktide.com/cookieconsent.latest.min.js"></script>
<!-- Fin du code de consentement des cookies -->

</head>

<body>
<div id="main">
  <div id="container">
    <div id="entete">
            <div id="titre">
        <p>Découvrez Un Peu Plus Les Signes Astrologiques...</p>
      </div>
    </div>
    <div id="corps">
      <div id="texte">
        <h1 align="center"><strong>&quot;<font color="#CC0000">Votre</font>  Signe Astrologique Dans Sa Globalité <font color="#cc0000">Points Forts</font>, Points Faibles&nbsp;!&quot;</strong></h1>
        <p align="center"> <img src="images/logohoroastro.png" alt="" width="349" height="148" border="0" /></p>
        <p style="font-size:16px">De : Arnaudys<br />
          Le
          <script language="JavaScript">
        </script>
          <script language="JavaScript"><!--
var dDate = new Date() ;
var Jours = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi") ;
var Mois = new Array("janvier","f&eacute;vrier","mars","avril","mai","juin","juillet","ao&ucirc;t","septembre","octobre","novembre","d&eacute;cembre");
document.write(Jours[dDate.getDay()] + " " + dDate.getDate() + " " + Mois[dDate.getMonth()] + " " + dDate.getFullYear()) ;
//-->
                            </script></p>
        <p>Bonjour,</p>
        <p align="justify">Faites Un Tour d'horizon Général Sur Les Signes Astrologiques &nbsp;: </p>
        <ul>
          <li>Le Belier</li>
            <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
          <li>Taureau</li>
            <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
          
           <li>Gémeaux</li>
             <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
          
          <li>Cancer</li>
            <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
          
           <li>Lion</li>
             <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
          
          <li>Vierge</li>
            <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
          
          
           <li>Balance</li>
             <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
          
          <li>Scorpion</li>
            <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
          
          
           <li>Sagittaire</li>
             <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
          
          <li>Capricorne</li>
            <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
          
          
           <li>Verseau</li>
             <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
          
          <li>Poisson</li>
            <p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>
 
Nouveau WRInaute
Concernant la bannière bouton.jpg oui mais mon soucis principal est justement de remplacer celle ci par une autre .
Je pensais que en plaçant mon image dans le dossier image de cette page et en indiquant le nom de ma nlle l'image au niveau du code ci dessous apres img src=images/nlleimage.jpg

cela serait suffisant mais non !

d'ou ma question que dois je modifier surement dans le css je pense ?

Code:
<p align="center"><a href="*"><img src="images/bouton.jpg" alt="" width="350" height="84" border="0"/></a></p>

Merci de votre aide et j'espere etre assez clair dans ma demande .
 
Discussions similaires
Haut