✔ Brauche Hilfe bei 3 Feldern

[hoctar]

Hi
ich versuche gerde mir soetwas zusammenzubauen: Bild

Leider bekomme ich das nicht.

<input type="button" name="" value="" style="width: 200px;" />
<input type="button" name="" value="" style="width: 200px;" />
<span style="display: block; width: 398px; height: 50px; overflow: auto; border: 1px solid; clear: right;">test</span>

 

[Maik]

Hi,

so dürfte es passen:

<form style="width:400px;">
      <input type="button" name="" value="" style="width: 200px; float:left;" />
      <input type="button" size="40" name="" value="" style="width: 200px; float:right;" />
      <span style="clear:both; display: block; width: 398px; height: 50px; overflow: auto; border: 1px solid;">test</span>
</form>

mfg Maik

 

[hoctar]

Hey Maik, kannst du vllt hier schaun:

<style type="text/css">
<!--
label {

        float: left;
        width: 150px;
        line-height: 20px;
        margin-bottom: 10px;
        margin: 5px 0;

}

.field {
        /*clear: both;*/
}
//-->
</style>



        <div class="field">
                <label>Cu</label>
		<div style="width: 400px;">
		      <input type="button" name="" value="" style="width: 200px; float:left;" />
		      <input type="button" size="40" name="" value="" style="width: 200px; float:right;" />
		      <span style="clear:both; display: block; width: 398px; height: 50px; overflow: auto; border: 1px solid;">test</span>
		</div>

	</div>

Das label soll auf der linken Seite stehen und rechts davon die 3 Felder.

 

[Maik]

<div style="width: 400px; float:right;">

mfg Maik

 

[hoctar]

Ah sieht gut aus, Danke

Gibts es eine Möglichkeit die drei Felder links zu floaten, weil ja der Abstand vom label zu groß ist ?

 

[Maik]

Hast du dir die Frage nicht gerade selbst beantwortet bzw. es einfach mal selbst ausprobiert? :suspekt:

Learning by doing.

Ansonsten ginge hier auch:

.field { width:550px; }

mfg Maik

 

[hoctar]

Stimmt

Vielen Dank Maik