tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von Marius Heil
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
1605
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 13.01.10 22:06 #1
    ednaja ednaja ist offline Mitglied Bronze
    Registriert seit
    Feb 2003
    Beiträge
    29
    Ich habe mir das erste mal ein Formular in Dreamweaver zusammengewurschtelt. Jetzt weiss ich leider nicht, wie ich den weissen Rahmen (Siehe Bild) wegbekomme bzw ihn in dem Blau des Hintergrunds färben kann. Bin ein absoluter Anfänger. Danke schon mal!
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken [Dreamweaver] Tabelle Rahmen färben-formular.jpg  
     
    Zitieren Zitieren
  2. 13.01.10 22:21 #2
    Avatar von Marius Heil
    Marius Heil Marius Heil ist offline
    Registriert seit
    Apr 2004
    Beiträge
    573
    Blog-Einträge
    1
    Hi,

    2 Möglichkeiten: entweder du schaust dir den HTML code an und findest dort deine tabelle.( sollte irgendwas mit <table><td><tr> sein) und trägst bei border 0 ein. Oder aber du klickst sie an und wählst unten im eigenschaftsfenster bei border 0.

    Viele Grüße
     
    Zitieren Zitieren
  3. 13.01.10 22:35 #3
    ednaja ednaja ist offline Mitglied Bronze
    Registriert seit
    Feb 2003
    Beiträge
    29
    Da steht schon 0.
    Kannst du vielleicht mal schauen? Das wäre sehr nett! Ich leide...
    Ich möchte aber dennoch einen hintergrundfarbenen Rand anstelle des weissen.

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>E-Mail Formular</title>

<style type="text/css">
body {
background-color: #79cced;
font-family: Verdana, Arial;
font-size: 11px;
color: #dc9744;
}
.tb {
background-color: #e9e9e9;
}

op {
	background-color: #f9f9f9;
	font-family: Verdana, Arial;
	font-size: 18px;
	color: #00000;
	padding: 0px;
}

.tc {
background-color: #c6e3f4;
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
padding: 3px;
}

/* ############ CSS fuer Formular #################### */
input.mb {
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
background-color:#d7b883;
border: 2px solid #dc9744;
}
textarea.mb {
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
background-color: #d7b883;
border: 2px solid #dc9744;
}

select.mb {
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
background-color:#d7b883;
border: 2px solid #dc9744;
}

.los {
font-size: 11px;
font-weight: bold;
color: #000000;
background: #c0cbd3;
border: 2px solid #79cced;
}
form { display: inline; }

</style>

</head>
<body>


<form action="../../Downloads/Form_H2kBc8SgPHpJpAu 3/www.wellenpiraten.de/mailform.cgi" method="POST">
<div align="center">
<table width="703" height="613" bgcolor="#0066FF"cellspacing="4" class="tb" border="0">

    <th colspan="2" valign="middle" class="ttop"><b><img src="logo für web.jpg" alt="WELLENPIRATEN SCHWIMMSCHULE JENS TRAUTMANN" width="703" height="203" hspace="0" vspace="0" align="top"></b></th>
</tr>
<tr>
    <td class="tc" colspan="2"><p>Sie können sich bzw. Ihr Kind mit diesem Formular für einen der Schwimmkurse anmelden. </p>
      <p>Die Teilnehmerzahlen der Kurse sind begrenzt. Daher ist eine Anmeldung nicht verbindlich!Sie bekommen rechtzeitig Rückmeldung, ob Sie/Ihr Kind am entsprechenden Schwimmkurs teilnehmen kann.      </p>
<p>Bitte alle Felder mit <strong>*</strong> ausf&uuml;llen</p></td>
</tr>
<!-- FORMULAR Feld: Vor- und Nachname des Teilnehmers START -->
<tr>
    <td class="tc" width="62%">Vor- und Nachname des Teilnehmers <strong>*</strong></td>
	<td class="tc" width="38%"><input class="mb" style="width: 234px;" type="text" name="Kursteilnehmer" size="30"  maxlength="20"></td>
</tr>
<!-- FORMULAR Feld: Vor- und Nachname des Teilnehmers ENDE -->
<!-- FORMULAR Feld: Vor- und Nachname des Erziehungsberechtigten START -->
<tr>
    <td class="tc" width="62%">Vor- und Nachname des Erziehungsberechtigten <strong>*</strong></td>
	<td class="tc" width="38%"><input class="mb" style="width: 234px;" type="text" name="VorundNachnamedesErziehungsberechtigten" size="30"  maxlength="50"></td>
</tr>
<!-- FORMULAR Feld: Vor- und Nachname des Erziehungsberechtigten ENDE -->
<!-- FORMULAR Feld: Ihre Telefonnummer START -->
<tr>
    <td class="tc" width="62%">Ihre Telefonnummer <strong>*</strong></td>
	<td class="tc" width="38%"><input class="mb" style="width: 234px;" type="text" name="Telefonnummer" size="30"  maxlength="20"></td>
</tr>
<!-- FORMULAR Feld: Ihre Telefonnummer ENDE -->
<!-- FORMULAR Feld: Ihre Mail-Adresse START -->
<tr>
    <td class="tc" width="62%">Ihre Mail-Adresse <strong>*</strong></td>
	<td class="tc" width="38%"><input class="mb" style="width: 234px;" type="text" name="MailAdresse" size="30"  maxlength="30"></td>
</tr>
<!-- FORMULAR Feld: Ihre Mail-Adresse ENDE -->
<!-- FORMULAR Feld: Ihre Faxnummer START -->
<tr>
    <td class="tc" width="62%">Ihre Faxnummer </td>
	<td class="tc" width="38%"><input class="mb" style="width: 234px;" type="text" name="FaxNummer" size="30"  maxlength="20"></td>
</tr>
<!-- FORMULAR Feld: Ihre Faxnummer ENDE -->
<!-- FORMULAR Feld: Bitte wählen Sie den Schwimmkurs aus! START -->
<tr>
    <td class="tc" width="62%">Bitte wählen Sie den Schwimmkurs aus! <strong>*</strong></td>
	<td class="tc" width="38%"><select class="mb" name="SCHWIMMKURSE" size="1"><option value="ANFÄNGERSCHWIMMEN" >ANFÄNGERSCHWIMMEN</option>
<option value="AUFBAUSCHWIMMEN" >AUFBAUSCHWIMMEN</option>
<option value="FORTGESCHRITTENENSCHWIMMEN I" >FORTGESCHRITTENENSCHWIMMEN I</option>
<option value="FORTGESCHRITTENENSCHWIMMEN II" >FORTGESCHRITTENENSCHWIMMEN II</option>
</select></td>
</tr>
<!-- FORMULAR Feld: Bitte wählen Sie den Schwimmkurs aus! ENDE -->
<!-- FORMULAR Feld: Wie möchten Sie zur Bestätigung der Teilname kontaktiert werden? START -->
<tr>
    <td class="tc" width="62%">Wie möchten Sie zur Bestätigung der Teilname kontaktiert werden? *</td>
	<td class="tc" width="38%"><select class="mb" name="Rckmeldung" size="1"><option value="Per Mail" >Per Mail</option>
<option value="Per Fax" >Per Fax</option>
<option value="Telefonisch" >Telefonisch</option>
</select></td>
</tr>
<!-- FORMULAR Feld: Wie möchten Sie zur Bestätigung der Teilname kontaktiert werden? ENDE -->
<!-- FORMULAR Feld: Sollten Sie Fragen haben: START -->
<tr>
    <td class="tc" width="62%" valign="top">Sollten Sie Fragen haben: </td>
	<td class="tc" width="38%" valign="top"><textarea name="Nachricht" class="mb" style="width: 234px; height: 80px;" cols="30" rows="5"></textarea></td>
</tr>
<!-- FORMULAR Feld: Sollten Sie Fragen haben: ENDE -->
<!-- FORMULAR Feld: Eingabe löschen START -->
<!-- FORMULAR Feld: Senden START -->
</tr>
<!-- FORMULAR Feld: Senden ENDE -->

<tr>
    <td class="ttop" colspan="0" align="right"><input style="width: 140px;" class="los" type="submit" value=" JETZT ANMELDEN  "></td>
</tr>
</table>
</div>
</form>
</body>
</html>
    Geändert von Maik (14.01.10 um 10:00 Uhr) Grund: Quellcode in Syntax-Highlighter gepackt
     
    Zitieren Zitieren
  4. 14.01.10 00:08 #4
    Avatar von Marius Heil
    Marius Heil Marius Heil ist offline
    Registriert seit
    Apr 2004
    Beiträge
    573
    Blog-Einträge
    1
    In deinem Fall war der Rahmen durch die backgroundfarbe gegeben.
    Die hast du 2 mal angegeben, einmal hier:
    <table width="703" height="613" bgcolor="#0066FF"cellspacing="4" class="tb" border="0">
    als bgcolor, das müsstest du rauslöschen.
    Und einmal in der dazugehörigen Klasse tb (class="tb") hier:
    .tb {
    background-color: #e9e9e9;
    }
    Im prinzip kannst die Klasse einfach rauslöschen und auch den verweis class="tb".
    Alles in allem käme dann das zustande:
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152

    Da steht schon 0.
Kannst du vielleicht mal schauen? Das w&auml;re sehr nett! Ich leide...
Ich m&ouml;chte aber dennoch einen hintergrundfarbenen Rand anstelle des weissen.
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 
<title>E-Mail Formular</title>
 
<style type="text/css">
body {
background-color: #79cced;
font-family: Verdana, Arial;
font-size: 11px;
color: #dc9744;
}
op {
background-color: #f9f9f9;
font-family: Verdana, Arial;
font-size: 18px;
color: #00000;
padding: 0px;
}
 
.tc {
background-color: #c6e3f4;
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
padding: 3px;
}
 
/* ############ CSS fuer Formular #################### */
input.mb {
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
background-color:#d7b883;
border: 2px solid #dc9744;
}
textarea.mb {
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
background-color: #d7b883;
border: 2px solid #dc9744;
}
 
select.mb {
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
background-color:#d7b883;
border: 2px solid #dc9744;
}
 
.los {
font-size: 11px;
font-weight: bold;
color: #000000;
background: #c0cbd3;
border: 2px solid #79cced;
}
form { display: inline; }
 
</style>
 
</head>
<body>
 
 
<form action="../../Downloads/Form_H2kBc8SgPHpJpAu 3/www.wellenpiraten.de/mailform.cgi" method="POST">
<div align="center">
<table width="703" height="613" cellspacing="4" border="0">
 
<th colspan="2" valign="middle" class="ttop"><b><img src="logo für web.jpg" alt="WELLENPIRATEN SCHWIMMSCHULE JENS TRAUTMANN" width="703" height="203" hspace="0" vspace="0" align="top"></b></th>
</tr>
<tr>
<td class="tc" colspan="2"><p>Sie können sich bzw. Ihr Kind mit diesem Formular für einen der Schwimmkurse anmelden. </p>
<p>Die Teilnehmerzahlen der Kurse sind begrenzt. Daher ist eine Anmeldung nicht verbindlich!Sie bekommen rechtzeitig Rückmeldung, ob Sie/Ihr Kind am entsprechenden Schwimmkurs teilnehmen kann. </p>
<p>Bitte alle Felder mit <strong>*</strong> ausf&uuml;llen</p></td>
</tr>
<!-- FORMULAR Feld: Vor- und Nachname des Teilnehmers START -->
<tr>
<td class="tc" width="62%">Vor- und Nachname des Teilnehmers <strong>*</strong></td>
<td class="tc" width="38%"><input class="mb" style="width: 234px;" type="text" name="Kursteilnehmer" size="30" maxlength="20"></td>
</tr>
<!-- FORMULAR Feld: Vor- und Nachname des Teilnehmers ENDE -->
<!-- FORMULAR Feld: Vor- und Nachname des Erziehungsberechtigten START -->
<tr>
<td class="tc" width="62%">Vor- und Nachname des Erziehungsberechtigten <strong>*</strong></td>
<td class="tc" width="38%"><input class="mb" style="width: 234px;" type="text" name="VorundNachnamedesErziehungsberechtigten" size="30" maxlength="50"></td>
</tr>
<!-- FORMULAR Feld: Vor- und Nachname des Erziehungsberechtigten ENDE -->
<!-- FORMULAR Feld: Ihre Telefonnummer START -->
<tr>
<td class="tc" width="62%">Ihre Telefonnummer <strong>*</strong></td>
<td class="tc" width="38%"><input class="mb" style="width: 234px;" type="text" name="Telefonnummer" size="30" maxlength="20"></td>
</tr>
<!-- FORMULAR Feld: Ihre Telefonnummer ENDE -->
<!-- FORMULAR Feld: Ihre Mail-Adresse START -->
<tr>
<td class="tc" width="62%">Ihre Mail-Adresse <strong>*</strong></td>
<td class="tc" width="38%"><input class="mb" style="width: 234px;" type="text" name="MailAdresse" size="30" maxlength="30"></td>
</tr>
<!-- FORMULAR Feld: Ihre Mail-Adresse ENDE -->
<!-- FORMULAR Feld: Ihre Faxnummer START -->
<tr>
<td class="tc" width="62%">Ihre Faxnummer </td>
<td class="tc" width="38%"><input class="mb" style="width: 234px;" type="text" name="FaxNummer" size="30" maxlength="20"></td>
</tr>
<!-- FORMULAR Feld: Ihre Faxnummer ENDE -->
<!-- FORMULAR Feld: Bitte wählen Sie den Schwimmkurs aus! START -->
<tr>
<td class="tc" width="62%">Bitte wählen Sie den Schwimmkurs aus! <strong>*</strong></td>
<td class="tc" width="38%"><select class="mb" name="SCHWIMMKURSE" size="1"><option value="ANFÄNGERSCHWIMMEN" >ANFÄNGERSCHWIMMEN</option>
<option value="AUFBAUSCHWIMMEN" >AUFBAUSCHWIMMEN</option>
<option value="FORTGESCHRITTENENSCHWIMMEN I" >FORTGESCHRITTENENSCHWIMMEN I</option>
<option value="FORTGESCHRITTENENSCHWIMMEN II" >FORTGESCHRITTENENSCHWIMMEN II</option>
</select></td>
</tr>
<!-- FORMULAR Feld: Bitte wählen Sie den Schwimmkurs aus! ENDE -->
<!-- FORMULAR Feld: Wie möchten Sie zur Bestätigung der Teilname kontaktiert werden? START -->
<tr>
<td class="tc" width="62%">Wie möchten Sie zur Bestätigung der Teilname kontaktiert werden? *</td>
<td class="tc" width="38%"><select class="mb" name="Rckmeldung" size="1"><option value="Per Mail" >Per Mail</option>
<option value="Per Fax" >Per Fax</option>
<option value="Telefonisch" >Telefonisch</option>
</select></td>
</tr>
<!-- FORMULAR Feld: Wie möchten Sie zur Bestätigung der Teilname kontaktiert werden? ENDE -->
<!-- FORMULAR Feld: Sollten Sie Fragen haben: START -->
<tr>
<td class="tc" width="62%" valign="top">Sollten Sie Fragen haben: </td>
<td class="tc" width="38%" valign="top"><textarea name="Nachricht" class="mb" style="width: 234px; height: 80px;" cols="30" rows="5"></textarea></td>
</tr>
<!-- FORMULAR Feld: Sollten Sie Fragen haben: ENDE -->
<!-- FORMULAR Feld: Eingabe löschen START -->
<!-- FORMULAR Feld: Senden START -->
</tr>
<!-- FORMULAR Feld: Senden ENDE -->
 
<tr>
<td class="ttop" colspan="0" align="right"><input style="width: 140px;" class="los" type="submit" value=" JETZT ANMELDEN "></td>
</tr>
</table>
</div>
</form>
</body>
</html>

    Hoffe das ist das was du suchst.

    EDIT: Hab grad gesehen dass du grau und weiß drin hast, in dem fall kannst du zB einfach bei <table.... den bgcolor="#xxxxxx" abändern auf eine Farbe deiner wahl.
    Geändert von Marius Heil (14.01.10 um 00:10 Uhr)
    ednaja bedankt sich. 
    Zitieren Zitieren
  5. 14.01.10 10:02 #5
    ednaja ednaja ist offline Mitglied Bronze
    Registriert seit
    Feb 2003
    Beiträge
    29
    Tausend DANK! Genau das habe ich gemeint! Super!
     
    Zitieren Zitieren
« [Dreamweaver CS4] Vorlagen-Problem | Umrandung von Zelle/Tabelle entfernen?! »

Ähnliche Themen

  1. komplette Zeile in Tabelle färben
    Von Solidus0815 im Forum CSS
    Antworten: 2
    Letzter Beitrag: 06.12.10, 03:12
  2. [Dreamweaver MX]: Einzelne Layoutzelle mit Rahmen versehen.
    Von zg peripherals im Forum HTML-Editoren
    Antworten: 0
    Letzter Beitrag: 08.01.10, 18:24
  3. Problem mit Rahmen [Dreamweaver]
    Von VCF im Forum HTML-Editoren
    Antworten: 3
    Letzter Beitrag: 08.09.08, 17:10
  4. Tabelle färben
    Von Online-Skater im Forum Delphi, Kylix, Pascal
    Antworten: 5
    Letzter Beitrag: 10.02.05, 15:00
  5. rechteck-werkzeug Rahmen anders färben
    Von nitrobesim im Forum Photoshop
    Antworten: 2
    Letzter Beitrag: 26.04.04, 14:07