Jump to content

Rendre Responsive une image dans l'éditeur de page d'accueil


Recommended Posts

Bonjour à tous !

 

Je souhaiterai rendre "Responsive" une image inséré dans ma page d'accueil à l'aide du module "éditeur de page d'accueil".

 

Merci d'avance pour votre aide !

 

Alexis

 

Share this post


Link to post
Share on other sites

Normalement, si votre thème est responsive, son CSS doit comprendre les lignes :

img{
   max-width:100%;
   height:auto;
}

qui font que toutes les images ne peuvent être plus large que leur conteneur, et se réduise donc en gardant les proportions.

 

Si votre thème n'est pas responsive, je ne vois pas trop l’intérêt.

 

Un lien vers le site, ou plus de précision peut être ?

  • Like 1

Share this post


Link to post
Share on other sites

  • 1 year later...
  • 1 month later...

bonjour !

 

J'ai essayé de mettre le CSS sur l'image que je souhaite rendre "responsive"  mais à mon avis je fais tout faux car ca ne fonctionne pas :(

 

J'ai cliqué sur "code css" directement dans l'éditeur de texte ou j'ai mis mon image.

 

 

<p><img style="display: block; margin-left: auto; margin-right: auto;" max-width:100="" height:auto="" src="http://costantini-nailartist.com/img/cms/bienvenue.jpg" alt="" width="900" /></p>
<h5 style="text-align: center;">Nail Artist (Pully & Neuchâtel) // Nail Academy (Pully & Neuchâtel) // Distribution des produits WillA Nails & Natalya Furman</h5>

 

j'ai fais un peu au bol en regardant d'autres codes sur mon global.css... mais bon je pense que c'est faux. Merci pour votre aide :)

Share this post


Link to post
Share on other sites

Bonjour,

 

le plus simple est de rajouter une class genre .responsvie dans votre global.css

img.responsive{
   max-width:100%;
   height:auto;
}

et comme cela il suffit de rajouter la classe responsive sur l'image que vous souhaitez rendre responsive.

Share this post


Link to post
Share on other sites

  • 8 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More