Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › checkboxes and radio buttons
New Posts  All Forums:Forum Nav:

checkboxes and radio buttons

post #1 of 11
Thread Starter 
Per the title, does anyone know how to change the square boxes, circles into images with css?? Im trying to use design pieces in checkboxes and radio buttons. I know how to change colors with CSS but didnt know if anyone knew how to change them with images.
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
post #2 of 11
If you haven't tried this help site check it out, http://www.w3schools.com/. As for your question I have never seen them anyway else that I can recall or ever see coding to change that.
Jango
(25 items)
 
Edward
(16 items)
 
 
CPUMotherboardGraphicsGraphics
Intel® Core™ i7-920 @ 3.2GHz ASUS Sabertooth X58 MSI GeForce GTX 560 Ti 448 Twin Frozr III PE/OC ASUS GeForce GTX260 *PhysX* 
RAMHard DriveHard DriveHard Drive
Corsair Vengeance 12GB (3x4gb) DDR3 1600 OCZ Agility 4 (OS) 1TB Hitachi (Data & Apps) 1TB Hitachi (Movies & other Multimedia) 
Hard DriveOptical DriveCoolingCooling
80GB WD Raptor (OS-old) DVD±RW / ASUS USB 2.0 8x Slim external DVD Burner COOLER MASTER Hyper N 520 92mm Sleeve CPU Cooler NZXT Sentry Mix 
CoolingOSOSMonitor
COOLER MASTER SickleFlow 120mm x2 Windows 7 Ultimate 64bit Windows 8 Pro 64bit ASUS VS247H-P 23.6"  
MonitorMonitorKeyboardPower
ASUS VH236H 23"  ASUS VH236H 23"  Logitech Illuminated Keyboard Corsair Professional Series HX850W 
CaseMouseMouse PadOther
CM Storm Trooper Razer Tron XTRAC Pads Ripper XL Rosewill Red USB 2.0 7 Port Hub With Power Adapter 
Other
Creative HS-1000 Fatal1ty Gaming Headset 
CPUMotherboardGraphicsRAM
AMD Phenom II X4 920 2.8GHz Socket AM2+ 125W Qu... ASRock A780GXE/128M AM2+/AM2 AMD 780G ATX ATI Radeon HD 4670 G.SKILL 4GB (2 x 2GB) 240-Pin DDR2 SDRAM DDR2 1... 
RAMHard DriveHard DriveCooling
G.SKILL 4GB (2 x 2GB) 240-Pin DDR2 SDRAM DDR2 1... Hitachi 1TB 7200 RPM SATAII 3.0Gb/s Samsung 250GB 7200 RPM Enermax ETS T-40 T.B. SILENCE 
OSMonitorPowerCase
Windows 8 Pro 64 bit 47" Sony TV RAIDMAX HYBRID 2 530W Custom Wood Table 
  hide details  
Reply
Jango
(25 items)
 
Edward
(16 items)
 
 
CPUMotherboardGraphicsGraphics
Intel® Core™ i7-920 @ 3.2GHz ASUS Sabertooth X58 MSI GeForce GTX 560 Ti 448 Twin Frozr III PE/OC ASUS GeForce GTX260 *PhysX* 
RAMHard DriveHard DriveHard Drive
Corsair Vengeance 12GB (3x4gb) DDR3 1600 OCZ Agility 4 (OS) 1TB Hitachi (Data & Apps) 1TB Hitachi (Movies & other Multimedia) 
Hard DriveOptical DriveCoolingCooling
80GB WD Raptor (OS-old) DVD±RW / ASUS USB 2.0 8x Slim external DVD Burner COOLER MASTER Hyper N 520 92mm Sleeve CPU Cooler NZXT Sentry Mix 
CoolingOSOSMonitor
COOLER MASTER SickleFlow 120mm x2 Windows 7 Ultimate 64bit Windows 8 Pro 64bit ASUS VS247H-P 23.6"  
MonitorMonitorKeyboardPower
ASUS VH236H 23"  ASUS VH236H 23"  Logitech Illuminated Keyboard Corsair Professional Series HX850W 
CaseMouseMouse PadOther
CM Storm Trooper Razer Tron XTRAC Pads Ripper XL Rosewill Red USB 2.0 7 Port Hub With Power Adapter 
Other
Creative HS-1000 Fatal1ty Gaming Headset 
CPUMotherboardGraphicsRAM
AMD Phenom II X4 920 2.8GHz Socket AM2+ 125W Qu... ASRock A780GXE/128M AM2+/AM2 AMD 780G ATX ATI Radeon HD 4670 G.SKILL 4GB (2 x 2GB) 240-Pin DDR2 SDRAM DDR2 1... 
RAMHard DriveHard DriveCooling
G.SKILL 4GB (2 x 2GB) 240-Pin DDR2 SDRAM DDR2 1... Hitachi 1TB 7200 RPM SATAII 3.0Gb/s Samsung 250GB 7200 RPM Enermax ETS T-40 T.B. SILENCE 
OSMonitorPowerCase
Windows 8 Pro 64 bit 47" Sony TV RAIDMAX HYBRID 2 530W Custom Wood Table 
  hide details  
Reply
post #3 of 11
Good luck, ran into this about a month ago with a .php. form.. I had to add java.

Example :
http://ryanfait.com/resources/custom...radio-buttons/
Beastmode
(15 items)
 
Amiga 500
(5 items)
 
 
CPUMotherboardGraphicsRAM
i7 980x #3003B475 Rampage IIIe PNY Quadro k5000 4gig 24gb G.Skill RipJaws 
Hard DriveCoolingOSMonitor
Intel 320 | WD 1tb raid0 Airplex Modularity360 | Ek Fc Win7  NEC PA301W 
PowerCaseAudio
Antec Quattro 1000w 800D Onboard 
CPUGraphicsRAMHard Drive
Motorola 68000 onboard 640x256 512kb double-density floppy disk drive 720kb 
OS
Amiga OS 1.3 
  hide details  
Reply
Beastmode
(15 items)
 
Amiga 500
(5 items)
 
 
CPUMotherboardGraphicsRAM
i7 980x #3003B475 Rampage IIIe PNY Quadro k5000 4gig 24gb G.Skill RipJaws 
Hard DriveCoolingOSMonitor
Intel 320 | WD 1tb raid0 Airplex Modularity360 | Ek Fc Win7  NEC PA301W 
PowerCaseAudio
Antec Quattro 1000w 800D Onboard 
CPUGraphicsRAMHard Drive
Motorola 68000 onboard 640x256 512kb double-density floppy disk drive 720kb 
OS
Amiga OS 1.3 
  hide details  
Reply
post #4 of 11
Thread Starter 
Quote:
Originally Posted by Tiger S. View Post
Good luck, ran into this about a month ago with a .php. form.. I had to add java.

Example :
http://ryanfait.com/resources/custom...radio-buttons/
i ran across that site too, i think you also mean JavaScript not java, two totally different areas
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
post #5 of 11
You basically want to change the radio background right? Kinda like a <div> or table..
Beastmode
(15 items)
 
Amiga 500
(5 items)
 
 
CPUMotherboardGraphicsRAM
i7 980x #3003B475 Rampage IIIe PNY Quadro k5000 4gig 24gb G.Skill RipJaws 
Hard DriveCoolingOSMonitor
Intel 320 | WD 1tb raid0 Airplex Modularity360 | Ek Fc Win7  NEC PA301W 
PowerCaseAudio
Antec Quattro 1000w 800D Onboard 
CPUGraphicsRAMHard Drive
Motorola 68000 onboard 640x256 512kb double-density floppy disk drive 720kb 
OS
Amiga OS 1.3 
  hide details  
Reply
Beastmode
(15 items)
 
Amiga 500
(5 items)
 
 
CPUMotherboardGraphicsRAM
i7 980x #3003B475 Rampage IIIe PNY Quadro k5000 4gig 24gb G.Skill RipJaws 
Hard DriveCoolingOSMonitor
Intel 320 | WD 1tb raid0 Airplex Modularity360 | Ek Fc Win7  NEC PA301W 
PowerCaseAudio
Antec Quattro 1000w 800D Onboard 
CPUGraphicsRAMHard Drive
Motorola 68000 onboard 640x256 512kb double-density floppy disk drive 720kb 
OS
Amiga OS 1.3 
  hide details  
Reply
post #6 of 11
Thread Starter 
and check boxes, i want to use certain objects for when the item is checked or selected

i ran accross this for changing text areas

here
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
post #7 of 11
Here you go Link

Though I would use jquery + plugin to do this since it doesn't work in IE8 and under, only IE9
Main PC
(13 items)
 
  
CPUMotherboardGraphicsRAM
i5 2500k Asus Maximus IV Gene-Z MSI 6950 2gb Unlocked Ref GSkill Ripjaws X 8GB CL8 
Hard DriveOSMonitorKeyboard
Crucial M4 128GB Windows 7 Ult Samsung 24" ToC Das Professional Silent 
PowerCaseMouse
Seasonic X750 Corsair 650d Logitech G700 
  hide details  
Reply
Main PC
(13 items)
 
  
CPUMotherboardGraphicsRAM
i5 2500k Asus Maximus IV Gene-Z MSI 6950 2gb Unlocked Ref GSkill Ripjaws X 8GB CL8 
Hard DriveOSMonitorKeyboard
Crucial M4 128GB Windows 7 Ult Samsung 24" ToC Das Professional Silent 
PowerCaseMouse
Seasonic X750 Corsair 650d Logitech G700 
  hide details  
Reply
post #8 of 11
Thread Starter 
Quote:
Originally Posted by Jonowxeno View Post
Here you go Link

Though I would use jquery + plugin to do this since it doesn't work in IE8 and under, only IE9
i like it, BUT the only problem is i need something that can run without an internet connection. This is going on a company database.
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
post #9 of 11
Quote:
Originally Posted by graphicsman View Post
i like it, BUT the only problem is i need something that can run without an internet connection. This is going on a company database.
What do you mean? The CSS will render natively in the browser and if you decide to use javascript, that can run locally after you download any source files/frameworks. Don't need to be connected to internet to run it.
Main PC
(13 items)
 
  
CPUMotherboardGraphicsRAM
i5 2500k Asus Maximus IV Gene-Z MSI 6950 2gb Unlocked Ref GSkill Ripjaws X 8GB CL8 
Hard DriveOSMonitorKeyboard
Crucial M4 128GB Windows 7 Ult Samsung 24" ToC Das Professional Silent 
PowerCaseMouse
Seasonic X750 Corsair 650d Logitech G700 
  hide details  
Reply
Main PC
(13 items)
 
  
CPUMotherboardGraphicsRAM
i5 2500k Asus Maximus IV Gene-Z MSI 6950 2gb Unlocked Ref GSkill Ripjaws X 8GB CL8 
Hard DriveOSMonitorKeyboard
Crucial M4 128GB Windows 7 Ult Samsung 24" ToC Das Professional Silent 
PowerCaseMouse
Seasonic X750 Corsair 650d Logitech G700 
  hide details  
Reply
post #10 of 11
Thread Starter 
this is for a company that im sure is still running ie 7. Im looking for a solution that will help them internally with code.
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › checkboxes and radio buttons