zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Cakephp's Formulare zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.09.2010, 20:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.01.2010
Beiträge: 5
hailander befindet sich auf einem aufstrebenden Ast
Standard Cakephp's Formulare zentrieren

Hallo,
ich arbeite neuerdings mit CakePHP, welches mit wenig Schreibarbeit automatisch ganze Formulare baut. Jetzt versuche ich, die Formulare so zu stylen, dass sie aussehen wie eine "normale" Tabelle: in der ersten Spalte alle Labels ("Username:"), in der 2. Spalte alle Inputs (Text, Dropdown), und in der 3. Spalte alle Fehlermeldungen ("Dieses Feld darf nicht leer sein"). Alle Elemente innerhalb einer Zeile sollen vertikal zentriert sein, und alle Elemente innerhalb einer Spalte sollen linksbündig korrekt untereinander stehen. So wie es aussehen würde, wenn man eine Tabelle benutzt:
HTML-Code:
<table>
  <tr>
    <td>Label 1</td>
    <td>Input 1</td>
    <td>Fehlermeldung 1</td>
  </tr>
</table>
Was Cake automatisch generiert, sieht aber so aus:
HTML-Code:
<div class="input">
  <label> ... </label>
  <input> ... </input>
  <div class="error-message"> ... </div>
</div>
Meine Lösung sieht im Moment so aus:
HTML-Code:
div.input 	{ line-height: 30px; height: 30px; }
div.input label	{ width: 100px; float: left; }
Das klappt super, berücktsichtigt aber nicht den Error-Text (der optional ist). Und ich finde die absoluten Werte nicht so toll. Und sobald ich float:left auf das Input und den Errortext anwende, ist die vertikale Zentrierung futsch.

Wer hat eine Lösung für mich?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.09.2010, 23:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.01.2010
Beiträge: 5
hailander befindet sich auf einem aufstrebenden Ast
Standard

Ich habs mittlerweile geschafft, indem alle Elemente innerhalb des ersten divs das hier haben:
HTML-Code:
display: inline-block;
vertical-align: middle;
Kann ich nur hoffen, dass alle User so neue Browser haben, dass diese das "inline-block" kennen
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
h2 Überschrift innerhalb eines Container zentrieren mase CSS 9 06.01.2009 23:37
margin:0 auto; weiterer div-bereich zentrieren seeadler CSS 7 14.07.2008 21:00
Zentrieren bei position:fixed Alessia CSS 3 26.02.2008 14:33
Bild vertikal zentrieren in Blockelement in IE nur m. TABLE AndreasB CSS 11 13.03.2006 17:05
Container horiz. + vert. zentrieren, 2 eingeschlossene ab... Jessix CSS 4 10.07.2004 16:15


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:20 Uhr.