Ce message a été modifié 1 fois.
Dernière modification : 21 avril 2015
à 16:12 par
Merle.
krapouTu les wrappes dans un bloc que tu fais flotter lui.Ça a l'air cool, si seulement je comprenais ton jargon
PetitCalgonSimple, des <table>Ris pas, ça m'a traversé l'esprit... mais non, mon but en même temps c'est de me remettre à jour sur les bonnes pratiques
krapouAh oui, mais les inputs ne retournent pas à la ligne de base.Merci
Je te fais une solution rapide.
<body>
<div>
<div class="group" id="group1">
<label for"input1">Label 1</label>
<input id="input1" type="text" />
</div>
<div class="group" id="group2">
<span>Label 2</span>
<div class="valuesGroup">
<div class="subgroup">
<input type="radio" value="Value1" id="value1">
<label for="value1">Value 1</label>
</div>
<div class="subgroup">
<input type="radio" value="Value2" id="value2">
<label for="value2">Value 2</label>
</div>
</div>
</div>
<div class="group" id="group3">
<button>Go !</button>
</div>
</div>
</body>
css:.Group1 {
display: inline;
}
.Group2 {
display: inline;
margin: 10px;
}
.Group3 {
display: inline;
margin: 10px;
}
.subgroup {
clear: both;
overflow: hidden;
width: 200px;
}
.group {
float: left;
}
.valuesGroup input {
clear: both;
}
#group2 > span {
float: left;
}
.valuesGroup {
overflow: hidden;
width: 200px:
}
Bon bien sûr il faut un peu nettoyer, et adapter certaines choses à ton besoin (au hasard la largeur de ton .valuesGroup).
Ce message a été modifié 1 fois.
Dernière modification : 21 avril 2015
à 17:20 par
krapou.
GuybrushUn <div> pour contenir les radio séparés par des <br/> marche aussiJ'ai lu en faisant des recherches que ce n'est pas conseillé d'utiliser le <br /> pour faire de la mise en page, uniquement pour un retour à la ligne dans du texte. Mais peut-être que c'est tortiller du cul pour chier droit ?
GuybrushY a pas un tag HTML pour regrouper sémantiquement les boutons radios ? Il me semblait...Ça serait super intéressant !
GuybrushPour le float et les clear, il faut d'abord comprendre le display block et inline. Ensuite, ça va relativement tout seulOui, ce qui fait bizarre, c'est que (encore une fois venant du xaml) j'ai tendance à considérer que ça modifie le comportement du contenu, or c'est le comportement du div en question par rapport aux autres qui est modifié (si je ne me trompe pas...)
GuybrushConcernant l'overflow, c'est à part, et ça définit juste le comportement à adopter quand le contenu d'un block dépasse la taille de ce blockMais dans mon cas, ce n'est pas ça le comportement, si ? Si je vire l'overflow, ça enlève le retrait du 2e radio.
Guybrushen gros, tu ne fais pratiquement que de la sémantique dans l'HTML, et l'habillage se fait via CSSOuaips, c'est bien ce que je compte faire.
PetitCalgonSnif, si tout était aussi facile que du WPFM'en parle pas... Ça fait genre 5 ans que j'en fais tout le temps, je pense avoir atteint un bon niveau maintenant, et repasser en CSS derrière, ça fait mal
1996-2024 — Lexpage v4 — GPLv3 (sources)
page générée le 23 décembre 2024 à 01:25:38