Appeler une image

Sawen93 · 20 Janvier 2021

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

rick38 · 20 Janvier 2021

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.

nicodak · 21 Janvier 2021

Où est le code ?

Sawen93 · 21 Janvier 2021

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 .

nicodak · 21 Janvier 2021

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

Balise code dans l'éditeur > insérer (+ dans le carré) > code

Sawen93 · 22 Janvier 2021

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>

nicodak · 22 Janvier 2021

Tu as l'air d'avoir résolu ton problème non ?
La bannière bouton.jpg s'affiche correctement...

Sawen93 · 23 Janvier 2021

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 .

nicodak · 23 Janvier 2021

Avez-vous vidé le cache du navigateur ?

Sawen93 · 26 Janvier 2021

Effectivement je n'avais pas vidé le cache donc problème réglé , merci pour votre aide .