DW: submit, reset button ausrichten?

[mathi77]

Hallo zusammen,

ich sitz mal wieder bei meinem Projekt und tüfftle grad herum wie ich meine formular-buttons ausrichten kann!?

Hab schon einiges mit CSS probiert, jedoch spricht nix an!
Es tut sich von der Breite & Ausrichtung gar nix!!

html:
<input name="reset" type="reset" id="reset" value="l&ouml;schen" />
<input name="submit" type="submit" id="submit" value="absenden"/>

css:
#submit, #reset {
width: 50px;
padding-left: 20px;
color: #333;
background: #f3c472;
cursor: pointer;
border: 1px solid #F90;
}

#submit:hover, #submit:focus, #reset:hover, #reset:focus {
color: #900;
background-color: #F90;
}

Anbei noch ein Bild vom Formular!


Danke für Eure Hilde & glg

Mathi

 

[Thyras]

AW: DW: submit, reset button ausrichten?

Hi Mathi!

Zunächst wäre bissel mehr HTML-Code gut. Sind die Buttons in nem div, ner Tabelle....?

Was genau soll sich denn an Breite & Ausrichtung ändern? Zumindest für die Positionierung der Buttons ansich macht dein CSS ja bisher nicht wirklich was.

 

[mathi77]

AW: DW: submit, reset button ausrichten?

hi Thyras

die Buttons sind in einem Formular integriert. Die Breite der Buttons würde ich gerne ändern, sonst sehn die so klobig aus habs mit width im css probiert, aber des funzt nicht und in die Mitte vom Formular sprich zentriert solltens auch noch sein!

Danke für deine nächtliche Hilfe

<form id="formular" name="formular" action="mailto::----------" method="post" enctype="text/plain" >

<fieldset><legend>Anfragedaten</legend>

<p>
<label for="betreff">Betreff</label>
<select name="betreff" size="1" id="betreff" >
<option value="reservierung" selected="selected">Reservierung</option>
<option value="Wuensche/Anregungen">W&uuml;nsche/Anregungen</option>
<option value="Internet Auftritt">Internet Auftritt</option>
<option value="Sonstiges">Sonstiges</option>
</select>
</p>

<p>
<label for="vorname">Vorname</label>
<input name="vorname" type="text" id="vorname" maxlength="40" />


<label class="nachname" for="nachname">Nachname</label>
<input name="nachname" type="text" id="nachname" maxlength="40" />
</p>

<p>
<label for="strasse">Strasse</label>
<input name="strasse" type="text" id="strasse" maxlength="40" />

<label class="plz" for="plz">PLZ | Ort</label>
<input name="plz" type="text" id="plz" maxlength="5" />
<input name="ort" type="text" id="ort" maxlength="20" />
</p>

<p>
<label for="email">eMail</label>
<input name="email" type="text" id="email" maxlength="40" />

<label class="land" for="land">Land</label>
<input name="land" type="text" id="land" maxlength="40" />
</p>

<p>
<label for="nachricht">Nachricht: </label>
<textarea name="nachricht" id="nachricht" cols="35" rows="4"></textarea>
</p>

<input name="reset" type="reset" id="reset" value="l&ouml;schen" />
<input name="submit" type="submit" id="submit" value="absenden"/>

</fieldset>
<p class="textnormal">Natürlich können Sie sich auch gerne telefonisch oder persönlich an uns wenden.</p>

</form>

 

[Thyras]

AW: DW: submit, reset button ausrichten?

Zum Zentrieren könntest du einfach um die 2 Buttons noch nen p oder div packen und das dann über css zentrieren bzw. dort z.B. testweise einfach nen align="center" reinschreiben. Da gibt's viele Möglichkeiten.

Die width-Angabe für die Buttons sollte eigentlich funktionieren. Hast du evtl. noch mehr css definiert, was sich gegenseitig stört / überschreibt?

 

[mathi77]

AW: DW: submit, reset button ausrichten?

hmm, ich habs jetzt mit div, p und mit einer Klasse ausprobiert...
denke wirklich das es mit dem allgemeinen css-design kollidiert!

muss ich morgen mal komplett durchgehn, heute bin i scho total erledigt

aber danke für die hilfe

 

[Thyras]

AW: DW: submit, reset button ausrichten?

Ja, ne Nacht drüber schlafen hilft auch oft Wunder!

Schnapp' dir nen Addon wie Firebug für Firefox und schau dir damit dein Formular an, dann kannst du die Buttons auswählen und siehst alle Stylesheet-Angaben, die dort wirken und auch welche Reihenfolge, sowie was von wo evtl. überschrieben wird.

Kürzt die Sucherei enorm ab und schon die Nerven.

Aber erstmal schlafen, bin auch erledigt - gn8.

 

[mathi77]

AW: DW: submit, reset button ausrichten?

danke für den Tipp :

werd ich mir das mitn Addon ansehn, danke!

gute N8 :muede:

 

[merkur7]

AW: DW: submit, reset button ausrichten?

kleine Anregung

sieh dir das Formular im Firefox mit Firebug oder im Safari mit den Entwicklertools an, dann siehst du welcher CSS-Eintrag zum zug kommt und welcher überschrieben wird.

das hat mir auch schon oft geholfen

ups, das hat dir thyras ja schon geraten (man sollte doch alles lesen, peinlich)

 

[mathi77]

AW: DW: submit, reset button ausrichten?

macht ja nix, doppelt hält besser

des firebugs is eine tolle sachen! :