 |
Die letzten 5 Postings in diesem Thema » Alle anzeigen
| von Ori |
Also... wenn Dreamweaver diesen Code verbrochen hat, hör auf, das Programm zu benutzen. Du solltest dir nicht die Mammutaufgabe aufbürden, das ordentlich hinzubekommen. Dafür lassen sich viele Experten ziemlich gut bezahlen.
Das CSS (der <style>-Block) ist komplette Grütze. Lager es lieber in eine eigenständige Datei aus, die du im <head> via <link rel="stylesheet" href="style.css"> einbindest. Setze den Inhalt der Datei auf das hier:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10: | html, table, input { font-family: Tahoma; font-size: 12px; }
h1 { font-size: 24px; }
h1 img { margin-right: 72px; }
fieldset { background: #6593bd; }
thead { background: #009379; }
th { font-size: 14px; font-weight: bold; }
td, th { padding: 4px; border: 0 none; margin: 0; }
input { width: 640px; }
input[type="checkbox"] { width: auto; }
input[name="menge[]"], input[name="preis[]"] { width: 120px; } |
Passend dazu solltest du sämtlich Attribute id und class aus dem Code entfernen.
Düe Überschrift sollte so notiert werden:
1: | <h1><img alt="Infranet Partners" src="Bilder/logos-klein/logo_IP.png"> Offertanfrage</h1> |
Zum Formular: Es ist zweigeteilt und sollte durch <fieldset>s entsprechend aufgeteilt werden:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10: | <form action="..." method="post">
<fieldset>
<legend>Kontakt</legend>
...
</fieldset>
<fieldset>
<legend>Bestellung</legend>
...
</fieldset>
</form> |
Der springende Punkt bei Formularen ist, dass beim Absenden die eingetragenen Werte unter dem Namen (Eigenschaft name) der Eingabefelder hinterlegt werden. Dazu ist entsprechend nötig, dass sie ordentlich benannt werden. Im oberen Teil des Formulars klappt das ganz gut, bei den Bestellungen nicht. Das Attribut id ist zum Festlegen von eindeutigen Bezeichnern da; häufig macht es bei Eingabefeldern Sinn, sie auf den gleichen Wert zu setzen, der auch schon in name steht. Jedem Steuerelement können Bezeichnungen durch <label>s zugeordnet werden. Das Attribut for von diesen <label>s bezieht sich auf die ids. Wenn ein Steuerelement kein <label> haben soll, macht es wenig Sinn, dafür eine id zu vergeben. Man kann die <label>s auch zuweisen, indem man das dazugehörige <input> direkt in das <label> schreibt.
Kontrollkästchen (Checkboxen) sind selbst schon Ja/Nein-Aussagen. Man braucht nicht zwei dafür.
Die Tabelle der Bestellungen kannst du so aufbauen:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11: | <table>
<thead>
<tr><th>Artikel</th><th>Menge</th><th>Preis</th></tr>
</thead>
<tbody>
<tr><td><input name="artikel[]"></td><td><input name="menge[]"></td><td><input name="preis[]" value="CHF"></td></tr>
<tr><td><input name="artikel[]"></td><td><input name="menge[]"></td><td><input name="preis[]" value="CHF"></td></tr>
<tr><td><input name="artikel[]"></td><td><input name="menge[]"></td><td><input name="preis[]" value="CHF"></td></tr>
<tr><td><input name="artikel[]"></td><td><input name="menge[]"></td><td><input name="preis[]" value="CHF"></td></tr>
</tbody>
</table> |
So, genug für heute. |
| von kay |
HILFE - geht überhaupt nicht mehr.....! bin total überfordert mit dem ganzen html 
also, hier mein vorgestaltetes formular
http://www.infranet-partners.ch/offerte_2.html
code sieht so aus:
<html>
<head>
<title>Einzeilige Eingabefelder definieren</title>
<style type="text/css">
<!--
.tah12 {
font-size: 12px;
}
Tahoma24 {
font-family: Tahoma, Geneva, sans-serif;
}
.tah12 .tah12 strong {
font-size: 24px;
font-family: Tahoma, Geneva, sans-serif;
}
#tah12 {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
}
Tahoma14 {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-weight: bold;
}
Tahoma14 {
}
Tahoma14 {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: bold;
}
.tahoma12 {
font-family: Tahoma, Geneva, sans-serif;
}
.tah12 th {
font-family: Tahoma, Geneva, sans-serif;
}
.tah12 th {
font-weight: bold;
}
.tah12 td {
font-family: Tahoma, Geneva, sans-serif;
}
.background {
color: #000;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
}
-->
</style>
</head>
<body>
<td colspan="6"><table width="533" border="0">
<tr>
<td width="200"><img src="Bilder/logos-klein/logo_IP.png" width="200" height="132"></td>
<td width="323"><div align="center"><span class="tah12"><span class="tah12"><strong>Offertanfrage</strong></span></span></div></td>
</tr>
</table></td>
<h2> </h2>
<form action="input_text_tabelle.htm">
<table width="900" border="0" cellpadding="0" cellspacing="4" bgcolor="#6593bd">
<tr class="tah12">
<td align="right"> </td>
<td> </td>
</tr>
<tr class="tah12" id="tah12">
<td width="207" align="right"><div align="left">Firma:</div></td>
<td width="586"><input name="firma" type="text" size="100" maxlength="900"></td>
</tr>
<tr class="tah12" id="tah12">
<td align="right"><div align="left">Kontaktperson:</div></td>
<td><input name="kontakt" type="text" size="100" maxlength="900"></td>
</tr>
<tr class="tah12" id="tah12">
<td align="right"><div align="left">Adresse:</div></td>
<td><input name="adresse" type="text" size="100" maxlength="900"></td>
</tr>
<tr class="tah12" id="tah12">
<td align="right"><div align="left">PLZ/Ort:</div></td>
<td><input name="plzort" type="text" size="100" maxlength="900"></td>
</tr>
<tr class="tah12" id="tah12">
<td align="right"><div align="left">Telefon:</div></td>
<td><input name="telefon" type="text" size="100" maxlength="900"></td>
</tr>
<tr class="tah12" id="tah12">
<td align="right"><div align="left">eMail:</div></td>
<td><input name="email" type="text" value="@" size="100" maxlength="900"></td>
</tr>
<tr class="tah12" id="tah12">
<td align="right"> </td>
<td> </td>
</tr>
<tr>
<td align="right" class="tah12" id="tah12">
<div align="left">Offerte schriftlich</div></td>
<td class="tah12" id="tah12"><input type="checkbox" value="1" name="ele_126[]" class="checkbox "/>ja<br/>
<input type="checkbox" value="2" name="ele_126[]" class="checkbox "/>nein
</td>
<td width="1"> </td>
</tr>
<tr>
<td align="right" class="tah12" id="tah12">
<div align="left">Offerte mündlich </div></td>
<td class="tah12" id="tah12"><input type="checkbox" value="1" name="ele_126[]" class="checkbox "/>ja<br/>
<input type="checkbox" value="2" name="ele_126[]" class="checkbox "/>nein
</td>
<td class="odd"> </td>
<td width="1"> </td>
</tr>
<tr>
<td align="right"> </td>
<td class="odd"> </td>
<td class="odd"> </td>
<td> </td>
</tr>
</table>
<p>
<table width="868" border="0" bgcolor="#6593BD">
<tr class="background" style="background-color: #009379;">
<th width="587" scope="row"><div align="left">
<p align="left"><strong>Artikel</strong></p>
<p align="left"> </p>
</div></th>
<td width="133"><p><strong>Menge</strong></p>
<p> </p></td>
<td width="134"><p><strong>Preis</strong></p>
<p> </p></td>
</tr>
<tr>
<th scope=><div align="left">
<input name="textfield" type="text" id="textfield" size="97">
</div></th>
<td><label>
<input name="textfield2" type="text" id="textfield2" size="20">
</label></td>
<td><label>
<input name="textfield3" type="text" id="textfield3" value="CHF" size="20">
</label></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield4" type="text" id="textfield4" size="97">
</div></th>
<td><input name="textfield5" type="text" id="textfield5" size="20"></td>
<td><input name="textfield6" type="text" id="textfield6" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield7" type="text" id="textfield7" size="97">
</div></th>
<td><input name="textfield8" type="text" id="textfield8" size="20"></td>
<td><input name="textfield9" type="text" id="textfield9" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield10" type="text" id="textfield10" size="97">
</div></th>
<td><input name="textfield11" type="text" id="textfield11" size="20"></td>
<td><input name="textfield12" type="text" id="textfield12" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield13" type="text" id="textfield13" size="97">
</div></th>
<td><input name="textfield14" type="text" id="textfield14" size="20"></td>
<td><input name="textfield15" type="text" id="textfield15" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield16" type="text" id="textfield16" size="97">
</div></th>
<td><input name="textfield17" type="text" id="textfield17" size="20"></td>
<td><input name="textfield18" type="text" id="textfield18" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield19" type="text" id="textfield19" size="97">
</div></th>
<td><input name="textfield20" type="text" id="textfield20" size="20"></td>
<td><input name="textfield21" type="text" id="textfield21" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield22" type="text" id="textfield22" size="97">
</div></th>
<td><input name="textfield23" type="text" id="textfield23" size="20"></td>
<td><input name="textfield24" type="text" id="textfield24" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield25" type="text" id="textfield25" size="97">
</div></th>
<td><input name="textfield26" type="text" id="textfield26" size="20"></td>
<td><input name="textfield27" type="text" id="textfield27" value="CHF" size="20"></td>
</tr>
<tr>
<th scope="row"><div align="left">
<input name="textfield28" type="text" id="textfield28" size="97">
</div></th>
<td><input name="textfield29" type="text" id="textfield29" size="20"></td>
<td><input name="textfield30" type="text" id="textfield30" value="CHF" size="20"></td>
</tr>
</table>
<p>
</body>
</html>
</a></p><tr>
<td colspan="6"> </td>
</form>
</body>
</html>
_________________________________________________________________________
nun hier meine dummy-fragen:
1. ich arbeite mit dreamweaver. wie stelle ich es an, den designten button als SENDEN zu generieren, so dass ich
a) dass das formular als email dem kunden als bestätigung zugeschickt wird?
b) der kunde auf einer separaten site ein "dankeschön für ihre anfrage" erhält?
c) wir die offertanfrage auf unser outlook erhalten?
sorry, ori, ich arbeite jetzt schon seit 2 tagen im büro daran und kann es mir nicht mehr länger leisten mit dem testen, deshalb auch mein kontakt zu auch cracks 
vielen herzlichen dank, wenn du mir hierbei helfen könntest!!!!!!!!!!!!!!
herzlichst, karin
|
| von kay |
danke ori, werde mir diese kleine lektüre vornehmen  merci! |
| von Ori |
| Einmal ganz lesen |
| von kay |
lieber ori
danke für deine nachricht!!!
wie auf dem thread steht, bin ich ein absoluter html-dummy. wo genau also setze ich den von dir geschickten code ein? nach <label>? oder anstelle des ganzen code-satzes?
<p>
<label>
<input type="submit" name="button" id="button" value="Senden" />
</label>
</p></td>
cheers! |
|
|
|
