Convertir en css

Résolu/Fermé

DanouL Messages postés 711 Date d'inscription vendredi 6 mai 2011 Statut Membre Dernière intervention 24 mars 2013 - Modifié par DanouL le 25/06/2011 à 19:26
DanouL Messages postés 711 Date d'inscription vendredi 6 mai 2011 Statut Membre Dernière intervention 24 mars 2013 - 26 juin 2011 à 11:34

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

A voir également:

Convertir en css
Convertir youtube en mp3 avec audacity - Guide
Telecharger macro convertir chiffre en lettre excel - Télécharger - Tableur
Convertir epub en kindle - Guide
Convertir audio en texte word - Guide
Convertir clavier qwerty en azerty - Guide

9 réponses

Réponse 1 / 9

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
25 juin 2011 à 19:45

Salut,

Le CSS ne remplace pas le HTML.
Il permet donner du style aux éléments HTML, rien de plus.

DanouL Messages postés 711 Date d'inscription vendredi 6 mai 2011 Statut Membre Dernière intervention 24 mars 2013 26
25 juin 2011 à 19:50

ah et donc

 body 
{ 

background-repeat: no-repeat; 

background-image: url("nom du fichier") 
}

c'est possible en html ?

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
25 juin 2011 à 20:11

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

Réponse 2 / 9

DanouL Messages postés 711 Date d'inscription vendredi 6 mai 2011 Statut Membre Dernière intervention 24 mars 2013 26
Modifié par DanouL le 25/06/2011 à 20:22

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

Réponse 3 / 9

CrazyWorld Messages postés 326 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 16 février 2013 41
25 juin 2011 à 20:30

L' un n' empeche pas l' autre, où veux tu en venir ?

DanouL Messages postés 711 Date d'inscription vendredi 6 mai 2011 Statut Membre Dernière intervention 24 mars 2013 26
25 juin 2011 à 20:36

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 ?

Réponse 4 / 9

CrazyWorld Messages postés 326 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 16 février 2013 41
25 juin 2011 à 20:40

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

DanouL Messages postés 711 Date d'inscription vendredi 6 mai 2011 Statut Membre Dernière intervention 24 mars 2013 26
Modifié par DanouL le 25/06/2011 à 20:43

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;

DanouL Messages postés 711 Date d'inscription vendredi 6 mai 2011 Statut Membre Dernière intervention 24 mars 2013 26
Modifié par DanouL le 25/06/2011 à 20:47

auttant pour moi ça n'est pas résolu

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 9

DanouL Messages postés 711 Date d'inscription vendredi 6 mai 2011 Statut Membre Dernière intervention 24 mars 2013 26
Modifié par DanouL le 25/06/2011 à 20:50

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

Réponse 6 / 9

CrazyWorld Messages postés 326 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 16 février 2013 41
25 juin 2011 à 20:50

Plus clairement tu veux un lien "Retour à l' acceuil" avec comme image d' arrière plan Panneau a louer.jpg?

DanouL Messages postés 711 Date d'inscription vendredi 6 mai 2011 Statut Membre Dernière intervention 24 mars 2013 26
25 juin 2011 à 20:52

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

Réponse 7 / 9

CrazyWorld Messages postés 326 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 16 février 2013 41
25 juin 2011 à 21:09

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.

DanouL Messages postés 711 Date d'inscription vendredi 6 mai 2011 Statut Membre Dernière intervention 24 mars 2013 26
25 juin 2011 à 21:24

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>

Réponse 8 / 9

CrazyWorld Messages postés 326 Date d'inscription samedi 8 novembre 2008 Statut Membre Dernière intervention 16 février 2013 41
25 juin 2011 à 21:28

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>

DanouL Messages postés 711 Date d'inscription vendredi 6 mai 2011 Statut Membre Dernière intervention 24 mars 2013 26
Modifié par DanouL le 25/06/2011 à 21:36

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 ?

Réponse 9 / 9

DanouL Messages postés 711 Date d'inscription vendredi 6 mai 2011 Statut Membre Dernière intervention 24 mars 2013 26
Modifié par DanouL le 26/06/2011 à 11:24

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>

DanouL Messages postés 711 Date d'inscription vendredi 6 mai 2011 Statut Membre Dernière intervention 24 mars 2013 26
26 juin 2011 à 11:34

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 !

Discussions similaires

convertir des trimestres en ans mois et jours

Comment passer de .wfp a mp4

transformer un format .cda en mp3

qui connais un convertisseur YouTube MP3

comment convertir une date en trimestre