Ne peux pas comprendre comment avoir une image et texte côte à côte dans un div et de le garder réactif, violon inclus
Je vais avoir un moment difficile de codage cet effet. Jusqu'à présent avec ce que j'ai, il fonctionne à certains navigateur largeurs, mais si vous étirez le navigateur autour de vous verrez des choses hors de l'endroit.
J'ai mis
float:right;
float:left;
et quelques autres trucs que j'ai essayé de vous pouvez le voir dans la tripoter.
voici ce que j'ai à faire..
1. J'ai besoin pour la div contenant de rester à la largeur de 100%
2. J'ai besoin d'une image de conteneur (qui colle au fond de la div) et un paragraphe contenant que chacun prennent 50% de l'écran et d'avoir de la place sur le côté (padding) pour ne pas toucher le navigateur frontières.
3. J'ai besoin d'elle pour être réactif. Je peux mettre une balise meta pour rendre le paragraphe hop ontop le téléphone et le centre à la fois une fois que le navigateur atteint une largeur plus petite mais quand ses grands, ils doivent être séparés comme sur la photo fournie.
***4. pas de scroll.
Si vous les gars ont besoin de moi pour clarifier quelque chose s'il vous plaît commentaire et je vais répondre presque instantanément!
Merci beaucoup pour l'aide!
ps. Veuillez inclure un violon.
- que voulez-vous dire "des choses hors de place"? dans votre violon, l'image et le texte sont toujours côte à côte
- Je suis très confus au sujet de ce que vous voulez vraiment. Pouvez-vous fournir un fil de fer ou quelque chose pour elle peut-être?
Vous devez vous connecter pour publier un commentaire.
1) display:block; est 100% déjà par défaut
2)vertical-align doit faire sur l'image
3) min-largeur de mettre les choses sur le dessus de chaque autre, une fois pleine largeur est inférieure à min-widthX2 + 1 white-space
http://jsfiddle.net/Hq8C4/2/
Meilleure pratique consiste à utiliser une structure de grille pour atteindre la réactivité.
Je peux vous donner quelques conseils:
Je recommande fortement que vous regardez CSS existant de la grille des cadres si vous êtes en train de construire un grand site/application web.