5SA CEO Posted February 19, 2012 Report Posted February 19, 2012 Hi guys, I was looking at this site and like the fact that certain areas have borders. http://aalvirtual.net/ But how do I go about it, I looked at 3school css pages but they were not really helpful as the code I wanted to use did not work when I put it on the site. This is the code I have been looking at but I am guessing that it goes in the style.css but where? <style type="text/css"> <head> p.one { border-style:ridge; border-color:#82A3CE; } </style> </head> Do I have to add one for each area I want to have the border or what? I have attached an image for what I am looking to do, but the border/boxes would stand out with a colour shadow behind them. Thanks in advance for your help Deano Thanks Quote
Scott Posted March 28, 2012 Report Posted March 28, 2012 Hi guys, I was looking at this site and like the fact that certain areas have borders. http://aalvirtual.net/ But how do I go about it, I looked at 3school css pages but they were not really helpful as the code I wanted to use did not work when I put it on the site. This is the code I have been looking at but I am guessing that it goes in the style.css but where? <style type="text/css"> <head> p.one { border-style:ridge; border-color:#82A3CE; } </style> </head> Do I have to add one for each area I want to have the border or what? I have attached an image for what I am looking to do, but the border/boxes would stand out with a colour shadow behind them. Thanks in advance for your help Deano Thanks I'm no expert here so forgive me if I get this wrong but you need to assign a Class tag to it in your style.css! For example... .border { border-style:ridge; border-color:#82A3CE; } then you will need to call this up in your template using the following... <div class="border"> </div> that should about do it for you! Hope that has helped! Quote
Scott Posted March 28, 2012 Report Posted March 28, 2012 http://lmgtfy.com/?q=borders+css Ha ha I loved that!! Quote
5SA CEO Posted April 21, 2012 Author Report Posted April 21, 2012 Hi Scott, Yes thanks it helped, the border is showing up but it is at the very top on the side bar and not round the sections. (see image red arrow) the code used .border { p.one border-style:inset; border-width:3px; border-colour:#6382A1; } { p.two border-style:inset; border-width:3px; border-colour:#6382A1; } (this is set for 7 borders) it displays as it should but I want it to go border the 7 stat's areas in the side bar. (i.e Pilot login, VA stats, etc) (see image blue arrows and red boxes) I read though w3school.com borders page and worked it out a bit but just cannot get it to round the 7 stat's area's. (like I said I did in my original post, some must of missed that bit) Any ideas? Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.