mise en forme avec CSS

Je dois créer un formulaire avec, vue demi-linéaire (zones de texte et listes déroulantes dans une ligne distincte) et l'autre moitié, vue non linéaire ie les zones de texte apparaîtront côte à côte, comme prénom et nom sera l'un à côté de l'autre.mise en forme avec CSS

Je suis conscient de comment accomplir la vue linéaire avec CSS. J'utilise

fieldset { 
    clear: both; 
    font-size: 100%; 
    border-color: #000000; 
    border-width: 1px 0 0 0; 
    border-style: solid none none none; 
    padding: 10px; 
    margin: 0 0 0 0; 
} 

label 
{ 
    float: left; 
    width: 10em; 
    text-align:right; 
}

Comment puis-je obtenir la vue non-linéaire?

Source

2008-11-02 Saif Khan

si vous flottez aussi: à gauche, définissez une largeur et display: inline les autres champs d'entrée, la doit apparaître sur la même ligne

Source

2008-11-02 21:03:13 Jake

Le CSS ci-dessus que j'utilise pour la vue linéaire, qui est la première moitié du formulaire, alors, puis-je ignorer le float: left et juste utiliser display: inline? –

display: inline met l'élément sur la même ligne.

display: block donne à l'article une ligne entière.

float: left fait flotter l'élément vers la gauche.

Source

2008-11-03 05:34:22

mise en forme avec CSS

Répondre

Questions connexes