Habe das von euch gelernte eigentlich schon super umsetzen können, und wollte euch nun um ein bisschen Feedback und Verbesserungsvorschläge bitten.
Haben übrigends das mit den Attribut Selectoren weg gegeben, und es mit normalen ids gemacht.
Als Anhang seht ihr das Ergebnis, und ich gebe euch noch HTML und CSS Teil dazu.
HTML-Code:
HTML:
<div id="customer_request">
<h2>Buchungsanfrage absenden</h2>
<div id="form">
<form name="customer_request" action="{$smarty.const.DOCUMENT_ROOT|cat:'index.php'}?action=customer_request&menu=off" method="post">
<ul>
<li><label>Name:</label>
<input type="text" size="40" name="name" value="{$request.name}"></li>
<li><label>Adresse:</label>
<input type="text" size="40" name="direction" value="{$request.direction}"></li>
<li><label>E-Mail:</label>
<input type="text" size="40" name="email" value="{$request.email}"></li>
<li><label>Telefon:</label>
<input type="text" size="40" name="tel" value="{$request.tel}"></li>
<li><label id="select1">Erwachsene:</label>
<select name="num_adult" size="1">
<option value="0">-</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select></li>
<li><label id="select2">Kinder:</label>
<select name="num_kids" size="1">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select></li>
<li id="date">
<li><label>von</label>
<input type="text" size="10" id="date_start" name="date_start" value="{$request.date_start}"></li>
<li><label>bis</label>
<input type="text" size="10" id="date_end" name="date_end" value="{$request.date_end}"></li>
</li>
<li>
<input type="submit" class="button" name="submit" value="Absenden">
<input type="reset" class="button" id="reset" name="reset" value="Löschen">
<input type="hidden" name="hotel_id" value="{$request.hotel_id}">
</li>
</ul>
</form>
</div>
<div id="hinweis">
Keine Ess- und Trinkwaren ins Hotel mitbringen.<br>
Beim Verlassen der Zimmer Türen und Fenster schliessen<br>
Wertsachen können im Hotelsafe abgegeben werden.<br>
Vor dem Benutzen des Schwimmbades duschen<br>
WC Papier und Hygieneartikel - wie überall in Guatemala - nicht im sondern im Kübel daneben entsorgen<br>
Um Wartezeiten zu vermeiden, bei grösseren Gruppen bitte
Essen frühzeitig bestellen.<br>
</div>
</div>
Und jetzt das CSS, was ich so jetzt eigentlich schon recht schön finde. Weiß natürlich nicht ob es auch gut gelöst ist, oder ich einfach nur hässlich und schlecht gearbeitet habe.
Css-Code:
HTML:
------------------------------------------------------------------------------------------*/
/*CUSTOMER REQUEST PAGE */
#customer_request #form {
float:left;
/*border-style:solid;
border-width:1Px;*/
width:600Px;
}
#customer_request ul {
list-style:none;
margin:20Px;
margin-top:30Px;
padding:0Px;
}
#customer_request li label {
float:left;
width:200px;
margin-left:20Px;
}
#customer_request li label#select1 {
width:200Px;
}
#customer_request li label#select2 {
width:120Px;
margin-left:60Px;
}
#customer_request li select {
float:left;
}
#customer_request li#date {
clear:left;
padding-top:4Px;
}
#customer_request li input.button {
margin:15Px 0Px 0Px 160Px;
float:left
}
#customer_request #hinweis {
font-size:0.8em;
white-space:normal;
border-style:solid;
border-width:1Px;
margin-left:600Px;
margin-right:10Px;
margin-top:50Px;
padding:5Px;
}
/* weiß nicht warum er das ohne dem margin-left von oben nicht akzeptiert */
#customer_request #error {
margin-left:600Px;
}
Hätte da allerdings auch noch gleich ein paar Fragen:
- Macht es eh Sinn wenn ich das so speziell für die Seite gemacht habe, weil die anderen werden ja dann wieder zu unterschiedlich um es gleich für alle so zu definieren.
- Ich habe oben ein id #error definiert, die ich gerne global haben möchte (also so Sachen wie Schriftfarbe und Stil. Jetzt möchte ich aber für jedes speziell Infos für die Position angeben. wenn ich dann das für diese Seite: #customer_request #error {...} angebe, schmeckt ihm das nicht, wie kann ich das also so machen, das da beide gelten?
@ChaosEngel: Das mit den Tabellen habe ich ka immer so gemacht, unnd darum wollte ich mich mal ändern.. Aber bei den Mails mache ich es nach wie vor so...
lg aus Guatemala, und würde mich echt über ein Informatives Feedback freuen.
Darian
