PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
M

Achtergrond Keuzerondje

Door Maikel Brummelkamp op 04-06-2006 20:41
2.307 views
Hallo,
Bij mijn poll heb ik een zwarte achtergrond. De kleur rondom de keuzerondjes zijn echter wit. Weet iemand hoe je deze ook zwart kan maken??
De site is www.feyenoordinfo.nl
Alvast heel erg bedankt!!

S
Stefan
04-06-2006 23:07
<style>
input{
background-color:#FF6600;
}
</style>
M
Maikel Brummelkamp
05-06-2006 10:50
<style>
input{
background-color:#FF6600;
}
</style>

Waar zou je dit neer moeten zetten, aan het begin van het script, bij het keuzevakjevakje? Overal waar ik het geprobeert hebt, zegd die error on line...

http://www.netmechanic.com/news/vol3/html_no1.htm
Bij dit script staan gewoon de regels met de antwoorden, bij mij haalt hij hem ergens op. Maar dat staat ook nergens in het script. Zoiets staat er bij mij $stem_antwoorden = $aData[2];
Kan iemand mij helpen?
L
Leo
05-06-2006 10:52
Een stukje css kan in de head of een apart .css bestandje.
- -
05-06-2006 11:14
Zo moet de index worden:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="revisit-after" content="1 day"/>
<meta name="keywords" content="Feyenoord, Feyenoord nieuws, selectie Feyenoord, de Kuip, kuip, prijzenkast Feyenoord, Wist u dat Feyenoord, Wist u datjes Feyenoord,"/>
<meta name="description" content="Dé Feyenoordsite met al het laatste nieuws over Feyenoord."/>
<title>Feyenoordinfo.nl</title>
<link rel="stylesheet" type="text/css" href="/style.css"/>
<style>
.poll{background-color:#000000;}
</style>
</head>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<div style="background-color: black">
<br>
<head>
<tr><td> &nbsp;&nbsp;<tr><td> &nbsp;&nbsp;<tr><td> &nbsp;&nbsp;<tr><td> &nbsp;&nbsp;<img src="/zonder9yp5.GIF" >
<br>
<div style="background-color: black; width:150px; height:700px;border: 0px solid black;float:right;margin-right:0px">
<br>
<div style="background-color: black; width:200px; height:60px;border: 1px solid white; float:left;margin-right:0px"><h2><font color="red" size="4"><b>Waar gaat Dirk Kuyt naar toe?</b></font></h2>
<form action="/algemeen/poll/poll.php" METHOD="POST">
<input class="poll" type="radio" name="stemoptie" value="0" CHECKED><font color="white">Hij blijft bij Feyenoord</font></select><br />
<input class="poll" type="radio" name="stemoptie" value="1"><font color="white">Liverpool</font></select><br />
<input class="poll" type="radio" name="stemoptie" value="2"><font color="white">Newcastle United</font></select><br />
<input class="poll" type="radio" name="stemoptie" value="3"><font color="white">Barcelona</font></select><br />
<input type="submit" name="submit" value="Vote!"></form>

<span style="font-size: small;"><a href="?show"></a></span><br />
</div>
<br>
<br>
<script type="text/javascript"><!--
google_ad_client = "pub-4215161250915334";
google_ad_width = 120;
google_ad_height = 600;
google_ad_format = "120x600_as";
google_ad_type = "text";
google_ad_channel ="";
google_color_border = "000000";
google_color_link = "FFFFFF";
google_color_bg = "000000";
google_color_text = "FFFFFF";
google_color_url = "FF0000";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>


<meta name="description" content="Feyenoord info">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="robots" content="all">
<meta name="keywords" content="feyenoord">
<meta name="revisit-after" Content="4 Days">
<style type="text/css">
<!--
body,td{
font-family:tahoma,sans-serif,'times new roman';
font-size:12px;
}
a{
text-decoration:none;
color:#000000;
}
a:hover{
text-decoration:none;
color:#FFFFFF;
}

input,textarea{
font-family:tahoma,sans-serif,'times new roman';
font-size:12px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#000000;
}
.sm{
font-size:10px;
}

.banner{

border-color: #FFFFFF;
}
// -->
</style>
</head>


<body bgcolor="#000000" topmargin="0" bottommargin="0"><br>
<table width="750" bgcolor="#FFFFFF" cellspacing="0" cellpadding="0"align="center">

<td colspan="2" bgcolor="#f0fff0" width="200">
<table border="0" cellspacing="0" cellpadding="0" width="750">

</table>
</td>

</tr>
<style>
a.menu:link { color: #000000; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a.menu:visited { color: #000000; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a.menu:active { color: #000000; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a.menu:hover { color: #FFFFFF; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
</style>
<tr>
<td width="175" valign="top" style="background:url('/img/menu.gif');background-repeat:no-repeat;background-color:#D72500;">
<table cellpadding="5" cellspacing="0" width="100%">
<tr>
<td>

<table border="0" cellpadding=0" cellspacing="1" width="100%">
<tr><td height="15"></td></tr>
<tr><td> &nbsp;&nbsp; <a href="/index.php" class=menu> Home </a>
<tr><td> &nbsp;&nbsp; <a href="/nieuwsarchief.php" class=menu> Nieuws Archief </a>
<tr><td> &nbsp;&nbsp; <a href="../selectie.php" class=menu>Selectie</a>
<tr><td> &nbsp;&nbsp; <a href="../kuip.php" class=menu>De Kuip</a>
<tr><td> &nbsp;&nbsp; <a href="../prijzenkast.php" class=menu>Prijzenkast</a>
<tr><td> &nbsp;&nbsp; <a href="../forum.php" class=menu>Forum</a>
<tr><td> &nbsp;&nbsp; <a href="../wistudat.php" class=menu>Wist u dat?</a>
<tr><td> &nbsp;&nbsp; <a href="../film.php" class=menu>Voetbalfilmpjes</a>
<tr><td> &nbsp;&nbsp; <a href="../sitemaand.php" class=menu>Site van de Maand</a>
<tr><td> &nbsp;&nbsp; <a href="../links.php" class=menu>Links</a>
<tr><td> &nbsp;&nbsp; <a href="../contact.php" class=menu>Contact</a>

<tr><td height="10"></td></tr>
<tr><td> &nbsp;&nbsp; <b>Linkpartners</b></a></td></tr>
<tr><td> &nbsp;&nbsp; <a target="_blank" href="http://www.feyenoord-internet.nl"; class=menu> Feyenoord Internet</a>
<tr><td> &nbsp;&nbsp; <a target="_blank" href="http://www.feyenoordtime.nl"; class=menu> FeyenoordTime</a>
<tr><td> &nbsp;&nbsp; <a target="_blank" href="http://www.feyenoord.headliner.nl"; class=menu> Feyenoord Headliner</a>
<tr><td height="10"></td></tr>
<tr><td><div style="background-color: red; width:120px; height:90px; border: 0px solid black">
<script type="text/javascript"><!--
google_ad_client = "pub-4215161250915334";
google_ad_width = 160;
google_ad_height = 90;
google_ad_format = "160x90_0ads_al";
google_ad_channel ="";
google_color_border = "D72500";
google_color_link = "000000";
google_color_bg = "D72500";
google_color_text = "000000";
google_color_url = "008000";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<tr><td height="10"></td></tr>


</table>

<img src="../feyenoordkuip.jpg">
<!--

// -->
</td>
</tr>
</table><br>
</td>



<td bgcolor="#FFFFFF" width="575" valign="top">
<table border="0" cellspacing="1" width="480" cellpadding="1" align="center">

<br>
<div style="background-color: white; width:470px; height:35px;border: 0px solid black;float:left;margin-left:0px">
<br>
<span id="theText" style="width:100%">
<h1 align="center"><font face="Verdana" size="4" color="#FF0000">Welkom bij Feyenoordinfo.nl</font></h1>
</span>
<!-- verander hierboven de tekst... het lettertype ( verdana ) .. de grootte( h1 ) en de kleur ( CCFFCC ) -->
<script>
var from = 1;
var to = 6;
var delay = 60;
var glowColor = "black";//hier verander je de gloei kleur
var i = to;
var j = 0;
textPulseDown();

function textPulseUp()
{
if (!document.all)
return
if (i < to)
{
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
i++;
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}

if (i = to)
{
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}


}

function textPulseDown()
{
if (!document.all)
return
if (i > from)
{
theText.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
i--;
theTimeout = setTimeout('textPulseDown()',delay);
return 0;
}

if (i = from)
{
theTimeout = setTimeout('textPulseUp()',delay);
return 0;
}
}
</script>
</div>
<br>
<br>

<div style="background-color: white; width:400px; height:100px;border: 0px solid black;float:left;margin-left:0px">
<img src="../Feyenoordinfo.bmp">
<tr><td height="25"></td></tr>


<tr>
</td>
<style>
a:link { color: #000000; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a:visited { color: #000000; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a:active { color: #000000; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a:hover { color: #FF0000; font-family: "verdana"; font-size: 8pt; text-decoration: none; }

textarea { border: 1px solid #FFFFFF; color: #000000; background: #ffffff; font-size: 11px; }
input { border: 1px solid #FFFFFF; FONT-FAMILY: Verdana; font-size: 10px; FONT-WEIGHT: bold; COLOR: #000000; BACKGROUND: #ffffff; }
input.normalRadio { border: none; background: none; }
select { border: 1px solid #FFFFFF; background: #ffffff; FONT-FAMILY: Verdana; font-size: 10px; color: #000000; FONT-WEIGHT: bold; COLOR: #000000; }
</style>
<table><tr><td><b>Laatste nieuws</b>:</td><td><b>Datum</b>:</td></tr><tr>
<td><a href='/nieuws/205/RON VLAAR KAN HET AMPER BEVATTEN'>RON VLAAR KAN HET AMPER BEVATTEN</a></td>
<td>05.06.2006</td>
</tr><tr>
<td><a href='/nieuws/204/NICKY HOFS TWEEDE OP TOPSCOORDERSLIJST'>NICKY HOFS TWEEDE OP TOPSCOORDERSLIJST</a></td>
<td>05.06.2006</td>
</tr><tr>
<td><a href='/nieuws/203/"FEYENOORD HEEFT INTERESSE IN JENNER"'>"FEYENOORD HEEFT INTERESSE IN JENNER"</a></td>
<td>05.06.2006</td>
</tr><tr>
<td><a href='/nieuws/202/JONG ORANJE WINT FINALE VAN OEKRAINE'>JONG ORANJE WINT FINALE VAN OEKRAINE</a></td>
<td>04.06.2006</td>
</tr><tr>
<td><a href='/nieuws/201/KUYT SPEELT MET ORANJE GELIJK TEGEN AUSTRALIË'>KUYT SPEELT MET ORANJE GELIJK TEGEN AUSTRALIË</a></td>
<td>04.06.2006</td>
</tr><tr>
<td><a href='/nieuws/200/CASTELEN: "HOE WE WINNEN, MAAKT NIET UIT"'>CASTELEN: "HOE WE WINNEN, MAAKT NIET UIT"</a></td>
<td>04.06.2006</td>
</tr><tr>
<td><a href='/nieuws/199/HOFS TOCH NOG NAAR HET WK IN DUITSLAND?'>HOFS TOCH NOG NAAR HET WK IN DUITSLAND?</a></td>
<td>03.06.2006</td>
</tr><tr>
<td><a href='/nieuws/198/VAN BASTEN KIEST VAN PERSIE BOVEN KUYT'>VAN BASTEN KIEST VAN PERSIE BOVEN KUYT</a></td>
<td>03.06.2006</td>
</tr><tr>
<td><a href='/nieuws/197/"HERACLES WIL SPELERS HUREN VIA BOSZ"'>"HERACLES WIL SPELERS HUREN VIA BOSZ"</a></td>
<td>03.06.2006</td>
</tr><tr>
<td><a href='/nieuws/196/"FEYENOORD ONDERHANDELD MET AZ OVER HUYSEGEMS"'>"FEYENOORD ONDERHANDELD MET AZ OVER HUYSEGEMS"</a></td>
<td>03.06.2006</td>
</tr></table><br><a href='nieuwsarchief.php'>Nieuws Archief</a></tr>
<tr>
</tr>

</table>
<center>
<br>
<!-- Begin JouwStats code-->
<script language="javascript">
var data, p;
var agt=navigator.userAgent.toLowerCase();
p='http';
if((location.href.substr(0,6)=='https:')||(location.href.substr(0,6)=='HTTPS:')) {p='https';} data = '&r=' + escape(document.referrer) + '&n=' + escape(navigator.userAgent) + '&p=' + escape(navigator.userAgent)
if(navigator.userAgent.substring(0,1)>'3') {data = data + '&sd=' + screen.colorDepth + '&sw=' + escape(screen.width+ 'x'+screen.height)};
document.write('<a href="http://www.jouwstats.nl/stats.php?i=2253"; target="_blank" title="Jouwstats.nl - Statistieken teller!" >');
document.write('<img border=0 hspace=0 '+'vspace=0 src="http://www.jouwstats.nl/counter.php?i=2253'; + data + '"> </a>');
</script>
<!-- Einde JouwStats code--></body>
</html>
</div>
M
Maikel Brummelkamp
05-06-2006 16:09
Ik heb het anders opgelost, maar het is gelukt:D. Bedankt, want zonder de informatie van jullie was het niet gelukt!!!!
F
Frank -
05-06-2006 16:13
Maikel Brummelkamp schreef op 05.06.2006 16:09
Ik heb het anders opgelost, maar het is gelukt:D. Bedankt, want zonder de informatie van jullie was het niet gelukt!!!!
Kun je ons ook vertellen hoe je het hebt opgelost? Er zijn vast anderen die hetzelfde probleem hebben of nog eens krijgen. Dan staat hier alvast een bruikbare oplossing.

Bedankt!
Jan Koehoorn
05-06-2006 16:23
Dit werkt, maar helaas alleen in IE:

<html>
<head>
	<title>Radio buttons CSS</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<style type="text/css">
		input.black {
			background-color: #ddd;
			border: 1px solid black;
		}
	</style>
</head>

<body>
	<form>
		<p><input type="radio" name="myRadio" class="black"></p>
		<p><input type="radio" name="myRadio" class="black"></p>
		<p><input type="radio" name="myRadio" class="black"></p>
		<p><input type="radio" name="myRadio" class="black"></p>
	</form>
</body>
</html>
Jan Koehoorn
05-06-2006 16:30
Nog even verder gesleuteld, en dit werkt in FF, IE en Opera:

<html>
<head>
	<title>Radio buttons CSS</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<style type="text/css">
		body {
			background: red;
		}
		input.transparent {
			background: transparent;
		}
		span.red {
			background: red;
		}
	</style>
</head>

<body>
	<form>
		<span class="red"><input type="radio" name="myRadio" class="transparent"></span>
		<span class="red"><input type="radio" name="myRadio" class="transparent"></span>
		<span class="red"><input type="radio" name="myRadio" class="transparent"></span>
		<span class="red"><input type="radio" name="myRadio" class="transparent"></span>
	</form>
</body>
</html>


edit: kan iemand even testen op Safari?

Reageren

Inloggen om te reageren