Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Rounded corners for a web site
New Posts  All Forums:Forum Nav:

Rounded corners for a web site

post #1 of 12
Thread Starter 
Hello, trying to make a web site look better on the eyes, so I'd like to get some rounded corners going. Its being done with Visiual Studio with visiual basic as the language, so what would be best? ajax maybe?
The Lie
(18 items)
 
  
CPUMotherboardGraphicsRAM
Phenom II x4 965 BE ASUS M5A97 Radeon HD 6670 Microcenter 4gb 
Hard DriveHard DriveOptical DriveCooling
Kingston Hyperx WD Caviar Blue 500 Gb Asus DVD/CD Rw Corsair H80 
OSOSMonitorKeyboard
Windows 7 Home Premium Ubuntu 11.10 23" Dell Logitech G110 
PowerCaseMouseMouse Pad
OCZ Modxtreme 600w Cooler Master 430 Elite Gigabyte Force M7 Rubber 
AudioOther
Embedded Lots of fans 
  hide details  
Reply
The Lie
(18 items)
 
  
CPUMotherboardGraphicsRAM
Phenom II x4 965 BE ASUS M5A97 Radeon HD 6670 Microcenter 4gb 
Hard DriveHard DriveOptical DriveCooling
Kingston Hyperx WD Caviar Blue 500 Gb Asus DVD/CD Rw Corsair H80 
OSOSMonitorKeyboard
Windows 7 Home Premium Ubuntu 11.10 23" Dell Logitech G110 
PowerCaseMouseMouse Pad
OCZ Modxtreme 600w Cooler Master 430 Elite Gigabyte Force M7 Rubber 
AudioOther
Embedded Lots of fans 
  hide details  
Reply
post #2 of 12
Not sure why you would use AJAX, yes there's the AJAXControlToolkit : http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/RoundedCorners/RoundedCorners.aspx

but that's so unnecessary when you can just use CSS

Example :
http://css-tricks.com/snippets/css/rounded-corners/

CSS Generator to make it easy :
http://www.cssportal.com/css3-rounded-corner/

There's some other stuff you need to do for IE8 and lower, or you can just let it degrade to normal corners.
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 #3 of 12
Thread Starter 
Yeah, I had the Ajax toolkit but it did seem like a hassle, thanks for the generator, it really helps a bloody lot biggrin.gif
Thanks a lot thumb.gif
The Lie
(18 items)
 
  
CPUMotherboardGraphicsRAM
Phenom II x4 965 BE ASUS M5A97 Radeon HD 6670 Microcenter 4gb 
Hard DriveHard DriveOptical DriveCooling
Kingston Hyperx WD Caviar Blue 500 Gb Asus DVD/CD Rw Corsair H80 
OSOSMonitorKeyboard
Windows 7 Home Premium Ubuntu 11.10 23" Dell Logitech G110 
PowerCaseMouseMouse Pad
OCZ Modxtreme 600w Cooler Master 430 Elite Gigabyte Force M7 Rubber 
AudioOther
Embedded Lots of fans 
  hide details  
Reply
The Lie
(18 items)
 
  
CPUMotherboardGraphicsRAM
Phenom II x4 965 BE ASUS M5A97 Radeon HD 6670 Microcenter 4gb 
Hard DriveHard DriveOptical DriveCooling
Kingston Hyperx WD Caviar Blue 500 Gb Asus DVD/CD Rw Corsair H80 
OSOSMonitorKeyboard
Windows 7 Home Premium Ubuntu 11.10 23" Dell Logitech G110 
PowerCaseMouseMouse Pad
OCZ Modxtreme 600w Cooler Master 430 Elite Gigabyte Force M7 Rubber 
AudioOther
Embedded Lots of fans 
  hide details  
Reply
post #4 of 12
Code:
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px; /*Mozilla Support*/
-webkit-border-radius:5px 5px 5px 5px; /*Chrome + Safari support*/
Server
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 2600k Intel H67DE PNY Verto 9600GT (Thanks to ihasfip!) 16GB G.Skill Ripjaws 1333Mhz 
Hard DriveOSMonitorPower
(3) Seagate 7200K 1TB (2) Hitachi 7200K.12 1TB Proxmox Samsung 17" Corsair GS600 
Case
Chenbro tower 
  hide details  
Reply
Server
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 2600k Intel H67DE PNY Verto 9600GT (Thanks to ihasfip!) 16GB G.Skill Ripjaws 1333Mhz 
Hard DriveOSMonitorPower
(3) Seagate 7200K 1TB (2) Hitachi 7200K.12 1TB Proxmox Samsung 17" Corsair GS600 
Case
Chenbro tower 
  hide details  
Reply
post #5 of 12
ZFedora,

You forgot to mention that won't work in ie less than 8. To get it to work in ie8 just use css pie3. Just search on google for css pie and it will come up, and provide instructions on use. It is a pure css aproach, although this uses the behavior: url(); css for ie.
    
CPUMotherboardGraphicsRAM
AMD Phenom II x4 B45(Unlocked AMD Athlon II x3 445 ASRock M3A770DE His Radeon 5830 4 GB G.SKill Ripjaws 
Hard DriveOSKeyboardPower
1TB Seagate HDD Windows7 Home Premium Saitek Cyborg V5 Corsair-TX650W 
CaseMouseMouse Pad
Cooler Master Elite 430 Microsoft Mouse Gaming Mouse(not sure the x000) My Desk 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
AMD Phenom II x4 B45(Unlocked AMD Athlon II x3 445 ASRock M3A770DE His Radeon 5830 4 GB G.SKill Ripjaws 
Hard DriveOSKeyboardPower
1TB Seagate HDD Windows7 Home Premium Saitek Cyborg V5 Corsair-TX650W 
CaseMouseMouse Pad
Cooler Master Elite 430 Microsoft Mouse Gaming Mouse(not sure the x000) My Desk 
  hide details  
Reply
post #6 of 12
Quote:
Originally Posted by Build It Fast View Post

ZFedora,
You forgot to mention that won't work in ie less than 8. To get it to work in ie8 just use css pie3. Just search on google for css pie and it will come up, and provide instructions on use. It is a pure css aproach, although this uses the behavior: url(); css for ie.

You forgot to mention that anything sub-ie9 is complete crap rolleyes.gif
Server
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 2600k Intel H67DE PNY Verto 9600GT (Thanks to ihasfip!) 16GB G.Skill Ripjaws 1333Mhz 
Hard DriveOSMonitorPower
(3) Seagate 7200K 1TB (2) Hitachi 7200K.12 1TB Proxmox Samsung 17" Corsair GS600 
Case
Chenbro tower 
  hide details  
Reply
Server
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 2600k Intel H67DE PNY Verto 9600GT (Thanks to ihasfip!) 16GB G.Skill Ripjaws 1333Mhz 
Hard DriveOSMonitorPower
(3) Seagate 7200K 1TB (2) Hitachi 7200K.12 1TB Proxmox Samsung 17" Corsair GS600 
Case
Chenbro tower 
  hide details  
Reply
post #7 of 12
Quote:
Originally Posted by ZFedora View Post

You forgot to mention that anything sub-ie9 is complete crap rolleyes.gif

This. As a web developer as a hobby I ******* HATE anything lower than IE 9. If only there was a level field...
Main Rig.
(14 items)
 
Battlefield 2 review.
Battlefield 2 PC Game EA
 
CPUMotherboardGraphicsRAM
Bulldozer FX4100 Gigabyte GA-M68MT-S2 MSI 7770 Kingston Hyper X | 2 x 2 GB 
Hard DriveOptical DriveCoolingOS
WD 2 TB  LiteON DVD/CD R-W Drive AMD Standard cooler Windows 7 Ultimate 
MonitorKeyboardPowerCase
32' Luxor Full HD TV Microsoft comfort curce Antec 450 Watt OcUK Value case 
MouseAudio
Microsoft wireless mouse Logitech speakers & Bass 
  hide details  
Reply
Main Rig.
(14 items)
 
Battlefield 2 review.
Battlefield 2 PC Game EA
 
CPUMotherboardGraphicsRAM
Bulldozer FX4100 Gigabyte GA-M68MT-S2 MSI 7770 Kingston Hyper X | 2 x 2 GB 
Hard DriveOptical DriveCoolingOS
WD 2 TB  LiteON DVD/CD R-W Drive AMD Standard cooler Windows 7 Ultimate 
MonitorKeyboardPowerCase
32' Luxor Full HD TV Microsoft comfort curce Antec 450 Watt OcUK Value case 
MouseAudio
Microsoft wireless mouse Logitech speakers & Bass 
  hide details  
Reply
post #8 of 12
Quote:
Originally Posted by ZFedora View Post

You forgot to mention that anything sub-ie9 is complete crap rolleyes.gif
Quote:
Originally Posted by joshd View Post

This. As a web developer as a hobby I ******* HATE anything lower than IE 9. If only there was a level field...

Hahaha,

IE is so terrible, I hate having to make my designs compatible for it, because it always ef's up. I mean not only do graphical issues arise, it Fricken doesn't even position things right. I mean sometimes if part of my design isn't working I get to the point where I jsut add in so browser specific css to just not display a feature because it is just too frustrating to fix. I mean I do eventually figure out after hours what is making IE glitch out though but it is always bs.
    
CPUMotherboardGraphicsRAM
AMD Phenom II x4 B45(Unlocked AMD Athlon II x3 445 ASRock M3A770DE His Radeon 5830 4 GB G.SKill Ripjaws 
Hard DriveOSKeyboardPower
1TB Seagate HDD Windows7 Home Premium Saitek Cyborg V5 Corsair-TX650W 
CaseMouseMouse Pad
Cooler Master Elite 430 Microsoft Mouse Gaming Mouse(not sure the x000) My Desk 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
AMD Phenom II x4 B45(Unlocked AMD Athlon II x3 445 ASRock M3A770DE His Radeon 5830 4 GB G.SKill Ripjaws 
Hard DriveOSKeyboardPower
1TB Seagate HDD Windows7 Home Premium Saitek Cyborg V5 Corsair-TX650W 
CaseMouseMouse Pad
Cooler Master Elite 430 Microsoft Mouse Gaming Mouse(not sure the x000) My Desk 
  hide details  
Reply
post #9 of 12
Thread Starter 
Quote:
Originally Posted by Build It Fast View Post

Hahaha,
IE is so terrible, I hate having to make my designs compatible for it, because it always ef's up. I mean not only do graphical issues arise, it Fricken doesn't even position things right. I mean sometimes if part of my design isn't working I get to the point where I jsut add in so browser specific css to just not display a feature because it is just too frustrating to fix. I mean I do eventually figure out after hours what is making IE glitch out though but it is always bs.

God, its unbelievable how bad it is. IE has to die, and die fast mad.gif
The Lie
(18 items)
 
  
CPUMotherboardGraphicsRAM
Phenom II x4 965 BE ASUS M5A97 Radeon HD 6670 Microcenter 4gb 
Hard DriveHard DriveOptical DriveCooling
Kingston Hyperx WD Caviar Blue 500 Gb Asus DVD/CD Rw Corsair H80 
OSOSMonitorKeyboard
Windows 7 Home Premium Ubuntu 11.10 23" Dell Logitech G110 
PowerCaseMouseMouse Pad
OCZ Modxtreme 600w Cooler Master 430 Elite Gigabyte Force M7 Rubber 
AudioOther
Embedded Lots of fans 
  hide details  
Reply
The Lie
(18 items)
 
  
CPUMotherboardGraphicsRAM
Phenom II x4 965 BE ASUS M5A97 Radeon HD 6670 Microcenter 4gb 
Hard DriveHard DriveOptical DriveCooling
Kingston Hyperx WD Caviar Blue 500 Gb Asus DVD/CD Rw Corsair H80 
OSOSMonitorKeyboard
Windows 7 Home Premium Ubuntu 11.10 23" Dell Logitech G110 
PowerCaseMouseMouse Pad
OCZ Modxtreme 600w Cooler Master 430 Elite Gigabyte Force M7 Rubber 
AudioOther
Embedded Lots of fans 
  hide details  
Reply
post #10 of 12
I just want to literally smack Microsoft for making Internet Explorer so terrible. Makes it hard on designers for cross-browser support mad.gif
Server
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 2600k Intel H67DE PNY Verto 9600GT (Thanks to ihasfip!) 16GB G.Skill Ripjaws 1333Mhz 
Hard DriveOSMonitorPower
(3) Seagate 7200K 1TB (2) Hitachi 7200K.12 1TB Proxmox Samsung 17" Corsair GS600 
Case
Chenbro tower 
  hide details  
Reply
Server
(13 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 2600k Intel H67DE PNY Verto 9600GT (Thanks to ihasfip!) 16GB G.Skill Ripjaws 1333Mhz 
Hard DriveOSMonitorPower
(3) Seagate 7200K 1TB (2) Hitachi 7200K.12 1TB Proxmox Samsung 17" Corsair GS600 
Case
Chenbro tower 
  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 › Rounded corners for a web site