Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Schrift wird immer fett

[HTML] Schrift wird immer fett

Hello222
hallo,
ich bin ein absoluter neuling und möchte eigentlich nur meiner freundin helfen die momentan kein inet hat.

es geht um diese seite hier: http://www.hobbyfotographin.de/formular.html
was muss ich dort verändern damit die schrift wie auf der seite "über mich" ist?
ich habe schon so einiges probiert, aber leider funktioniert es alles nichts.

ich wäre euch für eure hilfe sehr dankbar.

Liebe Grüße
Kristin
Melli
Zeig doch mal den Code (:
Hello222
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:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->

<!-- Hinweis:
Das Anbieten dieser Vorlage auf ihrer eigenen Webseite, CD, DVD oder anderen Bild/Tonträgern zum Zwecke des Verkaufs ist untersagt.
Die Vorlage kann privat (kostenlos) und kommerziell (gegen Bezahlung) für Sie selber oder eine dritte Person (andere Person oder Firma) genutzt werden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.
Lesen Sie auf der Webseite www.on-mouseover.de/templates/
bitte die Nutzungsbedingungen nach.
-->

<link rel="stylesheet" href="format.css" type="text/css">


</head>
<body     >

<table width="775" align="center"  cellspacing="0" cellpadding="0" border="0"  >
<tr>
<td align="right"  class="li" ><img src="aa.gif" width="1" height="1" border="0" alt=""></td><td  ><!--ende aussentab-->

<table align="center" width="775"  cellspacing="0" cellpadding="0" border="0"  id="top"   >
<tr>
<td>&nbsp;</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>

<tr>
</tr>
<td width="100%" valign="bottom"  class="buleiste" ><!--menü oben-->
<table    id="menu2" width="100%"  border="0" cellpadding="0" cellspacing="0"    >
<tr>

<td width="16%"><a href="index.html"  onfocus="this.blur()">Home</a></td>
<td width="16%"><a href="me.htm"  onfocus="this.blur()">Über mich</a></td>
<td width="16%"><a href="index.html"  onfocus="this.blur()">Fotos</a></td>
<td width="16%"><a href="index.html" onfocus="this.blur()">Gaestebuch</a></td>
<td width="16%"><a href="formular.html"  onfocus="this.blur()">Kontakt</a></td>
<td width="16%"><a href="impressum.htm"  onfocus="this.blur()">Impressum</a></td>

</tr>
</table>
<!-- ende menü oben-->
</td>
</tr>
</table>



<!--ende oben-->

<table align="center"  width="775"  id="main"   border="0" cellpadding="0" cellspacing="0"  >





<tr>

<td valign="top"  id="sp1" height="475">


<table><tr>

<form action="action_formular.php" method="POST">
<table><tr><th>Name:</th><td><input type="text" name="name"></td></tr>
<tr><th>e-Mail:</th><td><input type="text" name="email"></td></tr>
<tr><th>Betreff:</th><td><input type="text" name="betreff"></td></tr>
<tr><th>Homepage:</th><td><input type="text" name="homepage"></td></tr>
<tr><th>Nachricht:</th><td><textarea name="nachricht"></textarea></td></tr>

<tr><th><input type="submit" value="Absenden"></th><th><input type="reset" value="Zurücksetzen"></th></tr></table></form>



</td>

</tr>
<tr>
<td  id="fussb"  width="100%">

www.hobbyfotographin.de</td>
</tr>
</table>


<td class="re"><img src="images/pixelspace.gif" width="18" height="1" border="0" alt=""</td><!-- aussentab-->

</tr>
</table>



</body>
</html>
Alaska.
versuchs mal indem du die <th></th> weglässt
Alaska.
Zitat:
Original von Mordred
Zitat:
Original von *juli*
versuchs mal indem du die <th></th> weglässt


Besser ist ersetzen durch td da th für table-head steht und standartmäßig dick dargestellt wird Augenzwinkern


oh ja, mein ich ja xD
Hello222
supi, vielen dank euch beiden smile
was muss ich denn noch an dem oberen code verändern, damit der hintergrund der textfelder farbig wird und die ganze tabelle zentriert wird. also in der mitte der website ist.

hoffe das ist nicht zuviel des guten Augenzwinkern

liebe grüße
Kristin
Hello222
vielen dank, da hätte ich auch selber drauf kommen können *handvornkopfklatsch*

kann mir dann vielleicht noch jemand mit der farbe weiterhelfen?
Melli
<table height="307" width="351" align="center">
Falls das nur den Text in der Tabelle zentriert, setz einfach nur ein <center> vor den Code, funktioniert auch ;>


Für Hintergrundfarbe müsste es so gehn:
<table height="307" width="351" align="center" bgcolor="#FFFFFF">

Um die Randfarbe zu bestimmen:
<table height="307" width="351" align="center" bordercolor="#000000">

Um Randfarbe & Hintergrundfarbe zu bestimmen schließlich so:
<table height="307" width="351" align="center" bgcolor="#FFFFFF" bordercolor="#000000">
Hello222
das war es leider nicht. denn so wird die ganze tabelle farbig, nicht aber die textfelder Augenzwinkern (siehe hpaddy oben)
Melli
Achso ;>
Dann so:
<th bgcolor="#ffffff">
Hello222
wenn ich das mit in den code einbinde, wird der hintergrund von der schrift farbig. aber ich möchte doch die farbe in den feldern ändern, indenen die gäste ihre texte schreiben Augenzwinkern
Rocky
Also ich habe das ganze über eine externe CSS-Datei gemacht (dazu gibts hier auch Tuts Augenzwinkern )
Wie man das direkt ins HTML einbidet weiß ich leider nicht, sorry..
Melli
Achso.
Ja ich kenn das auch nur über CSS...
Hello222
und wie würde das dann lauten? Augenzwinkern
Melli
<td><input style="input: #ffffff;" type="text" name="name"></td>

Glaube ich zumindest.
Hello222
leider auch nicht unglücklich
Melli
Ahh!
Falsch großes Grinsen

Füg das in den Head-Teil deiner Seite ein:

<style type="text/css">
input {font-family: SCHRIFTART;
font-size: 9pt;
color: SCHRIFTFARBE;
text-align: center;
table-align: center;
align: center;
background-color: HINTERGRUNDFARBE;}
</style>
Hello222
vielen dank, das sieht doch schonmal besser aus.
aber 2 "probleme" habe ich damit immer noch:
1: die umrandung sieht nun schäbbig aus (kann ich da die farbe auch ändern?)
2: das nachrichtenfeld hat sich nicht mitgefärbt.

liebe grüße
kristin
Melli
<style type="text/css">
input {font-family: SCHRIFTART;
font-size: 9pt;
color: SCHRIFTFARBE;
text-align: center;
table-align: center;
align: center;
background-color: HINTERGRUNDFARBE;
border: 1px #000000;}

textarea {font-family: SCHRIFTART;
font-size: 9pt;
color: SCHRIFTFARBE;
text-align: center;
table-align: center;
align: center;
background-color: HINTERGRUNDFARBE;
border: 1px #000000;}

select {font-family: SCHRIFTART;
font-size: 9pt;
color: SCHRIFTFARBE;
text-align: center;
table-align: center;
align: center;
background-color: HINTERGRUNDFARBE;
border: 1px #000000;}
</style>

Bei das border: .. kannst du auch noch zwischen die Breite (..px) und die Farbe (#000000) ein 'dotted' setzen, dann ist es gepunktet/gestreift :>
Jetzt müssten alle Felder so sein, wie du sie magst.
Hello222
vielen dank, nun haben wir doch schonmal die textfelder farbig.
nur die ränder wollen nicht. was habe ich nun noh falsch gemacht?

vielen dank für diene engelsgeduld smile

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:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>

<style type="text/css">
input {font-family: SCHRIFTART;
font-size: 9pt;
color: SCHRIFTFARBE;
text-align: center;
table-align: center;
align: center;
background-color: #c8c8c8;
border: 4px #000000;}

textarea {font-family: SCHRIFTART;
font-size: 9pt;
color: SCHRIFTFARBE;
text-align: center;
table-align: center;
align: center;
background-color: #c8c8c8;
border: 4px #000000;}

select {font-family: SCHRIFTART;
font-size: 9pt;
color: SCHRIFTFARBE;
text-align: center;
table-align: center;
align: center;
background-color: #000000;
border: 4px #000000;}
</style> 

<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->

<!-- Hinweis:
Das Anbieten dieser Vorlage auf ihrer eigenen Webseite, CD, DVD oder anderen Bild/Tonträgern zum Zwecke des Verkaufs ist untersagt.
Die Vorlage kann privat (kostenlos) und kommerziell (gegen Bezahlung) für Sie selber oder eine dritte Person (andere Person oder Firma) genutzt werden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.
Lesen Sie auf der Webseite www.on-mouseover.de/templates/
bitte die Nutzungsbedingungen nach.
-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">

<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->

<!-- Hinweis:
Das Anbieten dieser Vorlage auf ihrer eigenen Webseite, CD, DVD oder anderen Bild/Tonträgern zum Zwecke des Verkaufs ist untersagt.
Die Vorlage kann privat (kostenlos) und kommerziell (gegen Bezahlung) für Sie selber oder eine dritte Person (andere Person oder Firma) genutzt werden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.
Lesen Sie auf der Webseite www.on-mouseover.de/templates/
bitte die Nutzungsbedingungen nach.
-->

<link rel="stylesheet" href="format.css" type="text/css">

</head>
<body     >

&nbsp;

<table width="775" align="center"  cellspacing="0" cellpadding="0" border="0"  >
<tr>

<td align="right"  class="li" ><img src="aa.gif" width="1" height="1" border="0" alt=""></td><td  ><!--ende aussentab-->

<table align="center" width="775"  cellspacing="0" cellpadding="0" border="0"  id="top"   >
<tr>
<td>&nbsp;</td>
</tr>
<td width="100%" valign="bottom"  class="buleiste" ><!--menü oben-->
<table    id="menu2" width="100%"  border="0" cellpadding="0" cellspacing="0"    >
<tr>

<td width="16%"><a href="index.html"  onfocus="this.blur()">Home</a></td>
<td width="16%"><a href="me.htm"  onfocus="this.blur()">Über mich</a></td>
<td width="16%"><a href="1/fotos/index.html"  onfocus="this.blur()">Fotos</a></td>
<td width="16%"><a href="index.html" onfocus="this.blur()">Gaestebuch</a></td>
<td width="16%"><a href="formular.html"  onfocus="this.blur()">Kontakt</a></td>
<td width="16%"><a href="impressum.htm"  onfocus="this.blur()">Impressum</a></td>
</tr>
</table>
<!-- ende menü oben-->
</td>

</tr>
</table>



<!--ende oben-->

<table align="center"  width="775"  id="main"   border="0" cellpadding="0" cellspacing="0"  >





<tr>

<td valign="top"  id="sp1" height="475">
<br>

<br>
<br>
<form action="action_formular.php" method="POST">
<table height="307" width="351" align="center" bordercolor="#000000"><tr><td width="90" height="25" align="center"><font size="3" face="Arial">Name:</td></font><td width="247" height="25" align="center"><input type="text" name="name" size="29"></td></tr>
<tr><td width="90" height="25" align="center"><font size="3" face="Arial">e-Mail:</td></font><td width="247" height="25" align="center"><input type="text" name="email" size="29"></td></tr>
<tr><td width="90" height="25" align="center"><font size="3" face="Arial">Betreff:</td></font><td width="247" height="25" align="center"><input type="text" name="betreff" size="29"></td></tr>
<tr><td width="90" height="25" align="center"><font size="3" face="Arial">Homepage:</td></font><td width="247" height="25" align="center"><input type="text" name="homepage" size="29"></td></tr>
<tr><td width="90" height="100" align="center"><font size="3" face="Arial">Nachricht:</td><td width="247" height="100" align="center"><textarea name="nachricht" rows="4" cols="24" ></textarea></td></tr>
<tr><th width="90" height="83" align="center"><font size="3" face="Arial"><input type="submit" value="Absenden"></font></th><th width="247" height="83" align="center"><font size="3" face="Arial"><input type="reset" value="Zurücksetzen"></font></th></tr></table></form>


<!-- ende inhalt--></td>

</tr>
<tr>
<td  id="fussb"  width="100%">

www.hobbyfotographin.de</td>
</tr>
</table>


<td class="re"><img src="images/pixelspace.gif" width="18" height="1" border="0" alt=""</td><!-- aussentab-->
</tr>
</table>


</body>
</html>
nächste Seite
Forensoftware: Burning Board, entwickelt von WoltLab GmbH