Achtergrond Keuzerondje
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!!
Gewijzigd op 01/01/1970 01:00:00 door Maikel Brummelkamp
input{
background-color:#FF6600;
}
</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?
<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> <tr><td> <tr><td> <tr><td> <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> <a href="/index.php" class=menu> Home </a>
<tr><td> <a href="/nieuwsarchief.php" class=menu> Nieuws Archief </a>
<tr><td> <a href="../selectie.php" class=menu>Selectie</a>
<tr><td> <a href="../kuip.php" class=menu>De Kuip</a>
<tr><td> <a href="../prijzenkast.php" class=menu>Prijzenkast</a>
<tr><td> <a href="../forum.php" class=menu>Forum</a>
<tr><td> <a href="../wistudat.php" class=menu>Wist u dat?</a>
<tr><td> <a href="../film.php" class=menu>Voetbalfilmpjes</a>
<tr><td> <a href="../sitemaand.php" class=menu>Site van de Maand</a>
<tr><td> <a href="../links.php" class=menu>Links</a>
<tr><td> <a href="../contact.php" class=menu>Contact</a>
<tr><td height="10"></td></tr>
<tr><td> <b>Linkpartners</b></a></td></tr>
<tr><td> <a target="_blank" href="http://www.feyenoord-internet.nl" class=menu> Feyenoord Internet</a>
<tr><td> <a target="_blank" href="http://www.feyenoordtime.nl" class=menu> FeyenoordTime</a>
<tr><td> <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>
Maikel:
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.Ik heb het anders opgelost, maar het is gelukt:D. Bedankt, want zonder de informatie van jullie was het niet gelukt!!!!
Bedankt!
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<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>
<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>
Code (php)
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
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
<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>
<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?
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
Frank:
Geen idee wat er mis gaat, maar in Safari krijg ik helemaal niets te zien. Momentje, duik er even in!
Oké, ik wacht het af.
edit: ik heb hem ook even online gezet.
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
Maar dan het goede nieuws: Het ziet er prachtig uit in Safari. Beter dan in andere browsers, de rondjes van Safari zijn gewoon een stuk mooier...
Edit: Testen via de locale webserver is wel gelukt.
Gewijzigd op 01/01/1970 01:00:00 door Frank -
Of zou ik echt iets verkeerd doen? caching?
Edit: Nee hoor, ik doe niets verkeerd! ;)
Gewoon de body een andere achtergrond geven en klaar is kees. Je kunt de radiobutton nog wel een eigen achtergrond meegeven, maar dat is niet nodig.
Gewijzigd op 01/01/1970 01:00:00 door Frank -
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
Frank:
Edit: Nee hoor, ik doe niets verkeerd! ;)
Gewoon de body een andere achtergrond geven en klaar is kees. Je kunt de radiobutton nog wel een eigen achtergrond meegeven, maar dat is niet nodig.
Gewoon de body een andere achtergrond geven en klaar is kees. Je kunt de radiobutton nog wel een eigen achtergrond meegeven, maar dat is niet nodig.
Goeie browser! Wel gek dat het dan in FireFox niet gebeurt. Vraag me nu ook meteen af wat de standaard hoort te zijn. Sommige elementen (p, span, div) zijn van nature tranparant, maar formulierelementen (select, textinput, textarea) niet.
Jan:
Dit werkt, maar helaas alleen in IE:
WOW!
Alleen in IE? Dat heb ik nog nooit meegemaakt:O Bij mij werkt alles altijd in FF en niks in IE:P
Jan:
Het zou kunnen dat Safari radio's sowieso al transparant maakt. Die caching is bij CSS inderdaad nogal een hardnekkig iets. In FireFox doe ik ieder geval altijd Ctrl + Shift + Delete (privégegevens opruimen, bij mij betekent dat ook de cache) en daarna een refresh.
je leegt de cache ook gewoon met ctrl +f5