blabla d'intro
Je me mets au responsiv design… Je pratique contao et le trouve vraiment excellent comme cms…
J'attaque à la cool avec des div en % et avec 3 feuilles de styles afin de cibler les supports et avoir un passage fluide entre
c'est m^me plutôt bien fait dans le framework -> éditeur de css avec les types de médias et les Media Query liés aux feuilles css, MERCI au dév de CONTAO
Mon problème est sur des éléments images qu'on doit forcément insérer en pixel et dont je veux modifier les attributs width et height en proportion à ma taille de fenêtre, j'ai trouvé ça et là sur le net des css avec cette logique que le conteneur de mes images doit avoir un width en xx% de ma page et height en auto pour rester proportionnel. Ensuite mes images contenus avec une classe avec width:100% et height auto et mettre mes limites en width-min et width-max
Mais quand j'essaye sur noobSlide il n'y a que le conteneur qui suit le script mes images restent à leur taille d'origine…
De plus quand je regarde le code source je vois la classe des images ".ce_noobSlide_section" mais aussi ".noobSlide_section_inside" qui elle est vide mais présente dans chaque div d'image créée… et là
Y a t-il un truc qui m'a échappé coté css ? ou cela va t-il au delà des css… Ci-dessous les script que j'ai mis en place. Merci pour vos réponses
j'ai déclaré dans mon head de présentation de page :
Code : Tout sélectionner
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"/>
Dans ma feuille css
Code : Tout sélectionner
screen and (min-width:850px)
Les attributs css
Code : Tout sélectionner
#cont_noob {/* id perso*/
width:95%;
height:auto;
min-width:300px;
max-width:800px;
}
.ce_noobSlide_section img {/*classe d'origine*/
width:100%;
height:auto;
min-width:300px;
max-width:800px;
}