Zum Steuern der Positionierung von einem fieldset mit css?

Ich habe den folgenden code: 

<fieldset>
    <legend>
        <strong>Personal Information</strong>
    </legend>
    <ul>
        <li>
            <label for="first_name">First Name</label><br />
            <input type="text" id="first_name" name="first_name" value="" maxlength="30" />
        </li>
        ...
    </ul>
</fieldset>
<fieldset>
    <legend>
        <strong>Car Information</strong>
    </legend>
    <ul>
        <li>
            <label for="car_make">Make</label><br />
            <input type="text" id="car_make" name="car_make" value="" maxlength="30" />
        </li>
        ...
    </ul>
</fieldset>

Recht, jetzt ist alles auf der linken Seite, wo die zweite fieldset (Auto-information) ist rechts unten das erste fieldset (persönliche Informationen).

Möchte ich das Auto Informationen fieldset werden auf der rechten Seite der persönlichen Informationen, fieldset, so dass Sie nebeneinander liegen. Die Verwendung von css, wie kann ich dies tun?

InformationsquelleAutor Holly | 2009-07-29

  1. 4

    Seit fieldsets sind als Blöcke, die Sie verwenden müssen 

    fieldset {
    width: 200px;
    float: left;
}

    Oder was immer Sie wollen für die Breite des fieldsets.

    InformationsquelleAutor Zack Marrapese

  2. 2

    Was Sie sagte, aber Sie können auch schwimmen das Auto Auskunftsrecht, das gibt Ihnen den Vorteil, immer bündig mit, dass edge egal, die Breite, falls das wichtig ist.

    InformationsquelleAutor John Dunagan

  3. 2
    fieldset {
  -moz-border-radius:5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 200px;
  float: left;    
}

    InformationsquelleAutor Abhilash Joseph C

  4. 1

    Was Sie tun können, ist, schweben die beiden fieldsets auf der linken Seite. Der css-Code würde dann wie folgt Aussehen:

    fieldset {
    float: left;
    width: 200px;
}

    Dies ist Effekt jedes fieldset auf der Seite, wenn Sie so wollen, zu isolieren nur bestimmte fieldsets verwenden css-Klassen:

    <style>
    .FloatLeft { float: left; width: 200px;}
</style>

<fieldset class="FloatLeft">

    InformationsquelleAutor Gavin Miller

  5. 1

    Wenn Sie weisen eine Breite auf Ihre fieldsets und Schwimmer der auf der linken Seite, so etwas wie dieses:

    HTML:

    <fieldset class="myFieldSet">
    <legend>
        <strong>Personal Information</strong>
    </legend>
    <ul>
        <li>
            <label for="first_name">First Name</label><br />
            <input type="text" id="first_name" name="first_name" value="" maxlength="30" />
        </li>
        ...
    </ul>
</fieldset>
<fieldset class="myFieldSet">
    <legend>
        <strong>Car Information</strong>
    </legend>
    <ul>
        <li>
            <label for="car_make">Make</label><br />
            <input type="text" id="car_make" name="car_make" value="" maxlength="30" />
        </li>
        ...
    </ul>
</fieldset>

    CSS:

    .myFieldSet
{
width:300px;
float:left;
}

    InformationsquelleAutor Charlie

Schreibe einen Kommentar