Ajouter un encart textuel à un article
Résolu/Fermé
Bobbyli
Messages postés
220
Date d'inscription
vendredi 19 avril 2013
Statut
Membre
Dernière intervention
3 janvier 2016
-
29 sept. 2015 à 16:05
Bobbyli Messages postés 220 Date d'inscription vendredi 19 avril 2013 Statut Membre Dernière intervention 3 janvier 2016 - 1 oct. 2015 à 11:58
Bobbyli Messages postés 220 Date d'inscription vendredi 19 avril 2013 Statut Membre Dernière intervention 3 janvier 2016 - 1 oct. 2015 à 11:58
A voir également:
- Ajouter un encart textuel à un article
- Ajouter un profil netflix payant - Guide
- Ajouter un compte gmail - Guide
- Ajouter un compte whatsapp - Guide
- Ajouter un compte facebook - Guide
- Ajouter un filigrane sur pdf - Guide
1 réponse
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
524
29 sept. 2015 à 16:34
29 sept. 2015 à 16:34
Salut,
Les tables html doivent être utilisées uniquement pour afficher des données tabulaires, ils ne doivent plus être utilisés pour de la mise en page.
Un simple div avec une ou plusieurs classes devrait suffire, tout dépend ensuite du style que tu veux appliquer à ton encart.
Un exemple :
Bonne journée,
Les tables html doivent être utilisées uniquement pour afficher des données tabulaires, ils ne doivent plus être utilisés pour de la mise en page.
Un simple div avec une ou plusieurs classes devrait suffire, tout dépend ensuite du style que tu veux appliquer à ton encart.
Un exemple :
<!-- html --> <div class="encart"> Mon encart 1 </div> <div class="encart encart-droite"> Mon encart 2 </div> <div class="encart encart-gauche"> Mon encart 3 </div>
/* css */
.encart {
padding: 19px;
border: solid 1px #eee;
}
.encart-droite {
float: right;
}
.encart-gauche {
float: left;
}
Bonne journée,
29 sept. 2015 à 16:36
Merci beaucoup pour ton aide, Pitet! :)
30 sept. 2015 à 22:03
Peut-être aurais-tu une solution encore à me proposer, car j'ai un soucis pour la mise en place de ton code.
En effet, sur une portion de texte qui est déjà sur toute la ligne (qu'importe d'ailleurs), j'aimerais que ce bout soit réduit (pour former une boîte plus petite, en soit) et ainsi le mettre à gauche/droite et le texte autour.
Mais pour ça, je ne sais guère comment faire...
1 oct. 2015 à 09:23
1 oct. 2015 à 10:02
J'ai pu testé et en effet, ça a l'effet voulu!
Question aussi (décidément...), je souhaite utiliser des des @media pour que si l'écran est trop petit ça évite d'avoir une colonnes de mots encadrant la boîte...
Mais peut-être il y a t il une meilleure solution?
1 oct. 2015 à 11:13
Sinon les media queries sont la bonne solution pour modifier le style en fonction de la taille de l'écran.