Formular Buttons formatieren

[Jolle]

Guten Tag,

wie kann ich Formular Buttons formatieren ohne die anderen Formular "Input" elemente zu stören ?

Die Schrift des Buttons und der Button selber sollen kleiner werden.

Bei mir werden ständig alle Formularelemente verändert, wenn ich den Button verändere.

Danke

[Jolle]

Hallo,

Habe, das Problem selber gelöst.
Man kann ja eine extra class definieren.

Aber nun ein Problem das ich einfach nicht lösen kann.

<div id="download">
  <form action="download.php?#dokumente" method="post">
  <div class="bold">Downloads</div>
  <input class="button_top" type="submit" value="Go!" />
   <select name=product>
 <option value="su">{$aTrans.sicherheitsdatenblaetter}</option>
 <option value="iou">{$aTrans.gebrauchsanweisungen}</option>
 <option value="ts">{$aTrans.troubleshooter}</option>
  </select>
 </div>

.button_top
{
 font-size: 8px;
 float: left;
}

Der Button soll in der gleichen Zeile sein wie das Wort "Download" aber rechts an der Seite der Div Box ausgerichtet sein.

Könnte mir damit jemand helfen ?

Danke

[Gun]

Auch wenn CSS genial ist, sind HTML Standard Tags nicht ganz überflüssig ;)

Verwende HTML Tabellen zur Formatierung und setz Attribute in CSS (z.B. selbe Zeile aber rechtsbündig...)

Gun

[Zeromancer]

Hallo,

<div id="download">
  <form action="download.php?#dokumente" method="post">

<div class="bold">Downloads</div>

<div class="bold><span class="xxx">Downloads</span>

<input class="button_top" type="submit" value="Go!" />
   <select name=product>
 <option value="su">{$aTrans.sicherheitsdatenblaetter}</option>
 <option value="iou">{$aTrans.gebrauchsanweisungen}</option>
 <option value="ts">{$aTrans.troubleshooter}</option>
  </select>
 </div>

.button_top
{
 font-size: 8px;
 float: left;
}

Könnte ich mir so vorstellen.

MfG

André

[at]

Hallo.

<div id="download">
  <form action="download.php?#dokumente" method="post">
  <div class="bold">Downloads</div>
  <input class="button_top" type="submit" value="Go!" />
   <select name=product>
 <option value="su">{$aTrans.sicherheitsdatenblaetter}</option>
 <option value="iou">{$aTrans.gebrauchsanweisungen}</option>
 <option value="ts">{$aTrans.troubleshooter}</option>
  </select>
 </div>

.button_top
{
 font-size: 8px;
 float: left;
}

Der Button soll in der gleichen Zeile sein wie das Wort "Download" aber rechts an der Seite der Div Box ausgerichtet sein.

<form id="download" action="download.php?#dokumente" method="post">
 <label for="product">Downloads</label>
 <select id="product" name="product">
  <option value="su">{$aTrans.sicherheitsdatenblaetter}</option>
  <option value="iou">{$aTrans.gebrauchsanweisungen}</option>
  <option value="ts">{$aTrans.troubleshooter}</option>
 </select>
 <input id="productgo" type="submit" value="Go!" />
</form>

So könnte zunächst einmal ein korrekt auszeichnendes HTML aussehen. Für die Positionierung kannst du dich ja dann ein wenig mit den entsprechenden CSS-Kapiteln von SelfHTML befassen.
MfG, at

[Gun]

Guten Tag,

wie kann ich Formular Buttons formatieren ohne die anderen Formular "Input" elemente zu stören ?

Die Schrift des Buttons und der Button selber sollen kleiner werden.

Bei mir werden ständig alle Formularelemente verändert, wenn ich den Button verändere.

Danke

Nerviges Problem, kenn ich. Arbeite einfach mit CSS Klassen, dann klappt's.

z.B.

<input class="mybutton"

und im Stylesheet

input.mybutton { font-size: 8pt; }

sollte klappen.

Gun

[MudGuard]

Hi,

wie kann ich Formular Buttons formatieren ohne die anderen Formular "Input" elemente zu stören ?

Für moderne Browser (Mozilla, Opera soweit ich weiß auch):

input[type='button'], input[type='submit'], input[type='reset']   { /* deine Button-Formatierungen */ }

Technisch rückständige Browser (wie z.B. der IE, Netscape Uralt 4.x) ignorieren das allerdings.
Für die müßte man mit Klassen oder id arbeiten...

cu,
Andreas