|
|||
Hilfe bei legend formular
hi, hab auf meiner seite ein formular eingebaut und mir gefällt das design mit dem legend recht gut. nur interpretiert der IE irrgendwie das ganze formular anders so dass ich mich hinten und vorn nimmer mit den ganzen paddings und margins auskenne weil immer alles anders aussieht.
http://berndw.steel.hl-users.com/ rechts unten das formular meine ich. CSS-> Code:
#login { margin-top : 400px; padding-left:684px; max-width: 105px; max-height: 105px; } #login p { margin: 0px 0px 10px 10px;} label { float: left; text-align: right; margin: 0px 0px 0px 0px; display: block } input { font-size : 11px; color: #708e98; background: #d5e8eb; border: 1px solid #708e98; } input.farbig { margin-top: 5px; width:48px; font-size : 11px; color: #708e98; background: #cad4d6; border: 1px outset #708e98} input.farbig:hover { color: #708e98; background: #afc0c3; } fieldset { border: 1px solid #7f5259; padding:0px 0px 0px 0px ; width: 110px; height: 110px; } legend { font-size : 9px; color: #976e74; background: #d5e8eb; border: 1px solid #7f5259; padding:0px ; margin:0px 0px 0px 0px ; } Code:
echo "<div id='login'>"; echo '<fieldset>'; echo '<legend>Adminzone</legend>'; echo '<form action="admin.php" method="post">'; echo '<p><label for="username">Username</label> <br> <input type="text" name="username" id="username" size="13" /></p>'; echo '<p><label for="password">Password</label> <br> <input type="password" name="password" id="password" size="13" /></p>'; echo '<p><input type="submit" value="login>>" class="farbig" /></p>'; echo '</form>'; echo '</fieldset>'; echo "</div>"; lg. bernd |
Sponsored Links |
|
|||
Schreib doch mal an den Anfang deiner CSS-Datei folgendes:
* { margin:0px; padding:0px; } Dann werden sämtliche Default-Paddings und -Margins (Von denen jeder Browser seine eigenen hat) auf 0 gesetzt und Du operierst garantiert nur mit deinen eigenen Werten. Und Du musst bei label float:left rausnehmen.
__________________
... Meine Meinung |
Sponsored Links |
|
|||
hi slayer danke dir!
sieht schon etwas besser aus, ab am anfang des css codes nun {margin:0px; padding:0px;} hinzugefügt, sieht schon etwas besser aus aber die fommulare sind immer noch ein bisserl unterschiedlich von den abständen. die form im firefox passt nun wie sie hier ist http://berndw.steel.hl-users.com nur würd ich mir wünschen dass das "adminzone" in der mitte des roten striches steht und dass es im IE gleich aussieht. der ganze css code wär hier -> http://berndw.steel.hl-users.com/sheet.css der css ausschnitt vom formular -> Code:
#login { margin-top : 410px; padding-left:684px; } #login p { margin: -10px 0px 12px 12px; padding-top: 0px; } label {text-align: left; padding: 0px 0px 0px 0px; } input { font-size : 11px; color: #708e98; background: #d5e8eb; border: 1px solid #708e98; } input.farbig { margin-top: 5px; width:48px; font-size : 11px; color: #708e98; background: #cad4d6; border: 1px outset #708e98} input.farbig:hover { color: #708e98; background: #afc0c3; } fieldset { border: 1px solid #7f5259; padding:0px; width: 110px; height: 110px; } legend { font-size : 9px; color: #976e74; background: #d5e8eb; border: 1px solid #7f5259; padding: 0; } |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Benötige Hilfe bei Formular! | Irves | CSS | 0 | 26.01.2015 18:11 |
jquery Formular eingaben prüfung hilfe | beamwe | Javascript & Ajax | 3 | 22.04.2014 23:49 |
formular: label tag mit hintergrundgrafik | monran | CSS | 12 | 30.10.2009 12:48 |
Brauche Hilfe bei barrierefreiem Formular (vorgabe durch PHP Script) | DennisM | CSS | 4 | 20.05.2008 17:04 |
Hilfe für Formular / auf Dankeseite | Dee | (X)HTML | 0 | 01.12.2007 19:45 |