Kleur in een tekstblok

[Toko47]

Hallo,:d

in mijn contactformulier is het vraaggedeelte wit, maar ook de letters. Dus zie je niet wat er staat.
Mijn vraag is hoe krijg ik die gekleurt
Dit is de code.

<form name="form1" method="post" action="post.php">
<p align="center"><font face="Tahoma"><font size="2" color="#111111">Uw Naam: <br></font><font color="#111111">
<input name="naam" style="font-weight: bold"></font><font size="2" color="#111111"><br>Uw E-mail: <br></font><font color="#111111">
<input name="email" style="font-weight: bold"></font></font></p>
<p align="center"><font face="Tahoma"><font size="2"><font color="#111111">Uw Bericht:</font><br>
</font>
<textarea name="bericht" rows="7" cols="45"></textarea><font size="2"><br>
</font>
<input type="submit" name="Submit" value="Verzenden"><font size="2"> </font>
</font>

 

[MJoy]

Als je wilt werken met kleuren, tekst grootst e.d. kan je beter gaan werken met CSS in een <STYLE>-tag of een apart CSS bestand.

Mocht je hier nog niet zo in thuis zijn kan je het volgende plaatsen in de HTML-tags:

style="background-color: #111111;"

Hierdoor krijg je bijvoorbeeld het volgende:

<input style="background-color: #111111;" ...

 

[gast0158]

Geen idee welk programma je gebruikt om die code te genereren maar het is op zijn minst een zooitje.

In de eerste plaats ontbreken de sluit-tags voor de 2e alinea (</p>) en de form (</form>)
Verder staat er echt een overdaad aan <font> tags in.

Probeer het eens met onderstaande code:

<style>
.form	{
	font-face	: tahoma;
	font-size	: 2;
	color		: #111111;
}
.textarea	{
	width		: 250px;
	height		: 100px;
}
</style>

<form name="form1" method="post" action="post.php">
	<p align="center">
		Uw Naam: <br>
		<input name="naam" style="font-weight: bold">
		<br>
		Uw E-mail: <br>
		<input name="email" style="font-weight: bold">
	</p>
	<p align="center">
		Uw Bericht:
		<br>
		<textarea name="bericht"></textarea>
		<input type="submit" name="Submit" value="Verzenden">
	</P>
</form>

Met behulp van de style regels geven we eerst de pagina een standaard uiterlijk. Dus alles zelfde lettertype, tekstkleur en zelfde lettergrootte.

De "cols" en "row"s parameters in de <textarea> zijn deprecated, vandaar dat ik deze ook overgebracht heb naar de style declaratie.

Vervolgens geven we met inline-CSS aan wanneer tekst bold moet worden.

 

[Toko47]

Beste, bedankt voor het snel reageren.
Je hebt gelijk het was idd een zootje. Ik heb de code van u overgenoemen, maar de tekst in de vakjes komt nog niet leesbaar inbeeld.

hier staat het formulier http://www.bergingbouwen.nl/mail.htm

 

[gast0158]

pas bij de invoervelden even de style aan :

    style="font-weight: bold; color:inherit;"

Hiermee wordt de kleurinstelling van het parent element over genomen.

 

[kenikavanbis]

plaats volgende eens in je css let wel op dat de css niet je site beinvloed omdat het globale manipulatie is

input[type="submit"],input[type="reset"],input[type="button"]{
    width: auto;
    border-radius:9px;
    height: 38px;
	background-color: #C9D4E5;
	background: -webkit-gradient(linear, left top, left bottom, from(#C9D4E5), to(#7B8DAB));
	background: -webkit-linear-gradient(top, #C9D4E5, #7B8DAB);
	background: -moz-linear-gradient(top, #C9D4E5, #7B8DAB);
	background: -ms-linear-gradient(top, #C9D4E5, #7B8DAB);
	background: -o-linear-gradient(top, #C9D4E5, #7B8DAB);
	background: linear-gradient(top, #C9D4E5, #7B8DAB);
	border: 1px solid #6882AD;
	border-bottom: 1px solid #5b992b;
	border-radius: 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #7B8DAB;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #6882AD;
}

verbetering van je link:
http://www.bergingbouwen.nl/mail.html



"NetworkError: 404 Not Found - http://www.bergingbouwen.nl/img/close.png"
close.png
"NetworkError: 404 Not Found - http://www.bergingbouwen.nl/img/loading.gif"
loading.gif
"NetworkError: 404 Not Found - http://www.bergingbouwen.nl/img/prev.png"
prev.png
"NetworkError: 404 Not Found - http://www.bergingbouwen.nl/img/next.png"

dit deel is niet te zien in je online versie
name="form1" method="post" action="post.php">
<p align="center">
Uw Naam: <br>
<input name="naam" style="font-weight: bold">
<br>
Uw E-mail: <br>
<input name="email" style="font-weight: bold">
</p>
<p align="center">
Uw Bericht:
<br>
<textarea name="bericht"></textarea>

 

[Toko47]

Beste Ken,
bedankt voor je inzet.
Ik heb je voorbeeld van de Css op de pagina geplaatst, maar nu zie ik alleen tekst op de verzendknop.
De link werk weer http://www.bergingbouwen.nl/mail.html

 

[Toko47]

Beste mensen,

het probleem is opgelost
Mijn dank daarvoor