Archief - CSS: radiobutton probleem in IE

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
B

Bigone

Legacy Member
M'n site is bijna volledig af maar er blijft 1 vervelende bug, namelijk de radiobuttons in internet explorer (het grootste publiek) kloppen niet kwasie kleuren pallet... is dit te verhelpen met een css edit ?

de site: Furious LAN
de css code:
Code: 
body         {font-size: x-small; color: #A9A9A9; font-family: Verdana, Arial, Helvetica, sans-serif;}
body         {background-repeat: repeat;background-attachment: fixed;}
body         {margin: 0px;}
pre          {font-size: x-small; color: #0066FF; font-family: Terminal;}

table, tr, td, p, div, .content {font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif;}
input, select, textarea         {background-color : #C0C0C0;font-size: x-small; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;}


a            {color: #FFFF6F; font-weight: bold; text-decoration: none;}
a:link       {color: #FFFF6F; font-weight: bold;}
a:visited    {color: #FFFF6F; font-weight: bold;}
a:hover      {color: #212121; text-decoration: underline;}

.title a         {color: #343434; text-decoration: none;}
.title a:link    {color: #35415D; text-decoration: none;}
.title a:visited {color: #333F57; text-decoration: none;}
.title a:hover   {color: #202020; text-decoration: none;}

.forum  	 {color: Black;}
.forum a         {color: #787878; text-decoration: none;}
.forum a:link    {color: #C0C0C0; text-decoration: none;}
.forum a:visited {color: #C0C0C0; text-decoration: none;}
.forum a:hover   {color: #787878; text-decoration: none;}


.bold        {font-weight: bold;}
.white       {color: #ffffff;}
.bgblack     {background-color: #000000;}
.bggray      {background-color: #8A8A8A;}
.bglightblue {background-color: #383838;}
.fggray      {color: #333333;}
.fgoffwhite  {color: #E9E9E9;}
.byline      {color: #E9E9E9; font-size:9px; text-align:center;}
.content     {color: #E9E9E9;}

#clock           {color: #000000; font-size:x-small;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #E9E9E9}

input.formButton {}

.itemHead {padding: 3px; background-color: #43506B; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

th {background-color: #000000; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

.outer {border: 1px solid silver; width: 100%}
.head {background-color: #383838; padding: 5px; font-weight: bold;}

.even {background-color: #383838; padding: 5px; color: #000000; vertical-align : top}
.even a         {color: #343434; text-decoration: none; font-weight: bold }
.even a         {color: #FFFFFF; text-decoration: none; font-weight: bold }
.even a:link    {color: #343434; text-decoration: none; font-weight: bold}
.even a:visited {color: #343434; text-decoration: none; font-weight: bold}
.even a:hover   {color: #FFFFFF; text-decoration: none; font-weight: bold}
.odd {background-color: #383838; padding: 5px; color: #000000; vertical-align : top}
.odd a         {color: #343434; text-decoration: none; font-weight: bold}
.odd a:link    {color: #505f7d; text-decoration: none; font-weight: bold}
.odd a:visited {color: #505f7d; text-decoration: none; font-weight: bold}
.odd a:hover   {color: #FFFFFF; text-decoration: none; font-weight: bold}
.foot {background-color: #787878; padding: 5px; font-weight: bold;}
tr.even td {background-color:#383838; padding: 5px;}
tr.odd td {background-color: #383838; padding: 5px;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode {background: #C2CDD6;
  border: 1px inset #000080;
  font-family: "Courier New",Courier,monospace;
  padding: 0px 6px 6px 6px;}
div.xoopsQuote {background: #C2CDD6;
  border: 1px inset #000080;
  font-family: "Courier New",Courier,monospace;
  padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #43506B; font-weight:bold; border: 1px solid silver; background-color: #C2CDD6; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #43506B; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px; font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}
s

svekke32

Legacy Member
ik denk dat de style die je bij je radiobutton hebt staan, dezelfde is als bij de rest van form items. Daarom is de achtergrond van je radiobuttons veranderd.

Je kan ofwel de css style weglaten bij de radiobuttons, ofwel een andere style maken voor de radiobuttons met de achtergrond dezelfde als de achtergrond van de website zelf.

Hopelijk helpt dit.

Greetz,

Svekke
B

Bigone

Legacy Member
probleem is dat er lijk nergens een code bestaat voor radiobuttens... De code voor input, select, textarea {background-color : #C0C0C0;font-size: x-small; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;} is inderdaad de oorzaak van het probleem maar wanneer ik hem zal weglaten dan zullen de forms van log-in etc ook geen achtergrond meer hebben...


thx anyway voor de extreem vlugge repley :niceone:
D

DarkBone

Legacy Member
geef een klasse mee aan je radioubuttons waar je het corrigeert

of mogekeerd

geef aan alle form elementen die moeten opgemaakt worden een klasse mee,behalve aan je radiobuttons
s

svekke32

Legacy Member
maak dan een nieuwe style bij met de achtergrond van de website en gebruik die style bij je radiobutton. Die style zal de andere style overrulen en de juiste achtergrond gebruiken ... denk ik :) ... lijkt mij in ieder geval het meest logisch.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan