[Dreamweaver] Tabelle Rahmen färben

ednaja

Mitglied
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!
 

Anhänge

  • Formular.jpg
    Formular.jpg
    38,2 KB · Aufrufe: 126

Marius Heil

Erfahrenes Mitglied
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
 

ednaja

Mitglied
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:
<!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>
 
Zuletzt bearbeitet von einem Moderator:

Marius Heil

Erfahrenes Mitglied
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:
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.
 
Zuletzt bearbeitet: