Convertir en css

Résolu
DanouL Messages postés 785 Statut Membre -  
DanouL Messages postés 785 Statut Membre -
Bonjour,
que donnerai
<a href="index.html">retour a l'accueil</a> 
en css ?

merci



merci de ne pas oublier de mettre résolu lorsque cela est le cas ou de dire résolu quand vous ne pouvez pas !

+1 permet d'aider les autres !
----------------------------
[Aimer ce n'est pas renoncer à sa liberté, c'est lui donner un sens.]

9 réponses

  1. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Salut,

    Le CSS ne remplace pas le HTML.
    Il permet donner du style aux éléments HTML, rien de plus.
    2
    1. DanouL Messages postés 785 Statut Membre 26
       
      ah et donc
       body 
      { 
      
      background-repeat: no-repeat; 
      
      background-image: url("nom du fichier") 
      }
      c'est possible en html ?
      0
    2. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
       
      Non, si le HTML ne remplace pas le CSS, l'inverse est également vrai.
      Les arrières-plan, c'est le rôle du CSS, qui style la balise <body> (donc l'ensemble de la partie visible).
      0
  2. DanouL Messages postés 785 Statut Membre 26
     
    étant donner que je veut garder

    <a href="index.html">retour a l'accueil</a>


    sous cette forme
    alors comment fait un background-
    avec un no-repeat comme sous la forme ci dessous:

     body  
    {  
    
    background-repeat: no-repeat;  
    
    background-image: url("a louer.jpg")  
    
    } 
    


    merci de ne pas oublier de mettre résolu lorsque cela est le cas ou de dire résolu quand vous ne pouvez pas !

    +1 permet d'aider les autres !
    ----------------------------
    [Aimer ce n'est pas renoncer à sa liberté, c'est lui donner un sens.]
    0
  3. CrazyWorld Messages postés 326 Date d'inscription   Statut Membre Dernière intervention   41
     
    L' un n' empeche pas l' autre, où veux tu en venir ?
    0
    1. DanouL Messages postés 785 Statut Membre 26
       
      ok on me dit le contraire ,
      j'ai un"logo" cliquable qui me ramène vers une image sauf que l'image est



      body 
      { 
      
      background-repeat: no-repeat; 
      
      background-image: url("nom du fichier") 
      }


      et e voulais mettre le <a href="index.html">retour a l'accueil</a> dans l'image qui est le css
      voie tu ?
      0
  4. CrazyWorld Messages postés 326 Date d'inscription   Statut Membre Dernière intervention   41
     
    Nah
    body 
    { 
    
    background-repeat: no-repeat; 
    
    background-image: url("nom du fichier") 
    }

    veut simplement dire que l' arrière plan du corp de ta page est une image.
    si tu veux le CSS est juste là pour décorer ton code HTML
    0
    1. DanouL Messages postés 785 Statut Membre 26
       
      oui je c'est le pb que j'ai ,est que j'ai le code en html ,et je veut le reste en html :

      le code


       <p>     
         <a href="a louer.jpg"><img src="Panneau a louer.jpg" alt="Panneau a louer.jpg" title="Panneau a louer.jpg" height="150" width="250" > <a href="index.html">retour a l'accueil</a>    
      </p>    
         </a>


      existe t-il en html un genre de
      background-repeat: no-repeat;
      ?
      0
    2. DanouL Messages postés 785 Statut Membre 26
       
      auttant pour moi ça n'est pas résolu
      0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. DanouL Messages postés 785 Statut Membre 26
     
     <p>      
       <a href="a louer.jpg"><img src="Panneau a louer.jpg" alt="Panneau a louer.jpg" title="Panneau a louer.jpg" height="150" width="250" > <a href="index.html">retour a l'accueil</a>     
    </p>     
       </a> 
    


    en fait tu verra qu'avec le code le "retour a l'accueil" n'est pas dans le photos qui est apparue lors du clique !!!!! ce que j'ai envie de mettre
    merci de ne pas oublier de mettre résolu lorsque cela est le cas ou de dire résolu quand vous ne pouvez pas !

    +1 permet d'aider les autres !
    ----------------------------
    [Aimer ce n'est pas renoncer à sa liberté, c'est lui donner un sens.]
    0
  7. CrazyWorld Messages postés 326 Date d'inscription   Statut Membre Dernière intervention   41
     
    Plus clairement tu veux un lien "Retour à l' acceuil" avec comme image d' arrière plan Panneau a louer.jpg?
    0
    1. DanouL Messages postés 785 Statut Membre 26
       
      j'explique dans l'ordre :


      1) l'image
      2) quand on clique ,un autre image apparaît
      3) sur cette autre image c'est la que je veut mettre le retour a l'accueil
      0
  8. CrazyWorld Messages postés 326 Date d'inscription   Statut Membre Dernière intervention   41
     
    Okeii un truc dans ce genre là
    <div id="img1">
    <img src="1ere_image.jpg" 
    onclick="
    document.getElementById('img1').style.display='none';
    document.getElementById('img2').style.display='block';
     "></div>
    
    <div id="img2" style="display:none;background-image:url(2eme_image.jpg);
    height:200px;
    width:200px;
    background-repeat:no-repeat">
    <a href="index.html">retour a l'accueil</a></div>


    Remplace les textes en gras par tes valeurs.
    0
    1. DanouL Messages postés 785 Statut Membre 26
       
      presque ,la 1er image doit etre cliquable (Panneau a louer.jpg) ,un fois cliquer ,une 2ème autre image apparait avec le
      <a href="index.html">retour a l'accueil</a></div>
      0
  9. CrazyWorld Messages postés 326 Date d'inscription   Statut Membre Dernière intervention   41
     
    Dans le premier bloque tu peux mettre
    <div id="img1"><a href="javascript:void(0)">
    <img src="1ere_image.jpg"
    onclick="
    document.getElementById('img1').style.display='none';
    document.getElementById('img2').style.display='block';
    "></a></div>
    0
    1. DanouL Messages postés 785 Statut Membre 26
       
      prèsque ,prèsque ,


      l'image est cliquable mais la 2eme photo ,n'apparait pas ,il y a juste le "retour a l'acceuil...") qui est visible

      et pourquoi javascript:void(0) ,je l'est jamais utiliser au par avant ?
      0
  10. DanouL Messages postés 785 Statut Membre 26
     
    je te met ce qui est déja fait :

    <div id="Panneau a louer.jpg"><a href="javascript:void(0)">  
    <img src="Panneau a louer.jpg"  
    onclick="document.getElementById('Panneau a louer.jpg').style.display='none'; document.getElementById('Panneau a louer.jpg').style.display='block';"></a></div>         
    
    <div id="a louer.jpg" style="display:none;background-image:url(a louer.jpg); height:10px; width:20px; background-repeat:no-repeat"> 
    <a href="index.html">retour a l'accueil</a></div>     
    


    merci de ne pas oublier de mettre résolu lorsque cela est le cas ou de dire résolu quand vous ne pouvez pas !

    +1 permet d'aider les autres !
    ----------------------------
    [Aimer ce n'est pas renoncer à sa liberté, c'est lui donner un sens.]
    0
    1. DanouL Messages postés 785 Statut Membre 26
       
      et moi ce que j'ai fait :


       <p> 
         <a href="a louer.jpg"><img src="Panneau a louer.jpg" alt="Panneau a louer.jpg" title="Panneau a louer.jpg" height="150" width="250" > <a href="index.html">retour a l'accueil</a>
      </p>
         </a>


      ça ce rapproche plus de ça et le retour a l'accueil doit être sur la 2eme photo !
      0