WebPage border!

Any problem with HTML can be discussed here.
znad
Posts: 250
Joined: Sat Oct 01, 2005 3:12 pm

WebPage border!

Post by znad »

With this code you can create a border around your webpage, there are three customizable areas:

Things you can customize:
1. border:10 / This is the pixel size of the border that will show
2. #0066FF / This is the color of the border
3. inset (Border Type) / Other options include: Groove, Outset, Ridge and Solid




<SCRIPT LANGUAGE="JavaScript">
<!--
if (****.all)
****.body.style.cssText="border:10 #0066FF inset";
// -->
</script>


mohumben
Posts: 82
Joined: Thu Sep 15, 2005 9:45 pm

Post by mohumben »

Let's keep things simple... Instead of using JavaScript you can simply change the style directly:

Code: Select all

<body style="border: width style color">
For example:

Code: Select all

<body style="border: 1px solid black">

Code: Select all

define('I_LOVE_PHP', true);
glenroy
Posts: 18
Joined: Fri May 12, 2006 12:08 am

Post by glenroy »

css rules
barnes
Posts: 202
Joined: Tue May 16, 2006 5:09 am

Post by barnes »

glenroy wrote:css rules
True that. I just learned it in 2 days. Pretty simple.
rwshthn
Posts: 500
Joined: Tue Sep 26, 2006 1:39 am
Contact:

this

Post by rwshthn »

mohumben wrote:Let's keep things simple... Instead of using JavaScript you can simply change the style directly:

Code: Select all

<body style="border&#58]
For example:
[code]<body style="border: 1px solid black">
htis is the right code try it in front page
annamarie
Posts: 66
Joined: Tue Dec 26, 2006 2:18 pm

Post by annamarie »

nice, but what for u use border around ur web, does that make ur web bcome ugly ??
mfrna
Posts: 57
Joined: Mon Jan 08, 2007 12:54 pm

Post by mfrna »

annamarie wrote:nice, but what for u use border around ur web, does that make ur web bcome ugly ??
yep,if it doesn't match you design

you should be smart enough to use a color and a style that match your page
Flickorian
Posts: 53
Joined: Tue Apr 24, 2007 11:01 pm

Strictly CSS

Post by Flickorian »

If you were to use just CSS instead of complicating it with Javascript (or at least it's complicating for me), it would look something like

<style type="text/css">
body {border: 10px solid #FFFFFF;}
</style>

or as already stated:

<body style="border: 10px solid #FFFFFF;">

other border properties include:
none, hidden, dotted, dashed, double, groove, ridge, inset, outset

Try some of those and see if you can find something that you like.
webdesigner
Posts: 19
Joined: Fri Jun 08, 2007 6:14 am
Contact:

Post by webdesigner »

wow thanks for sharing this border trick, but i doubt if this trick will work on other browsers, specially the old versions of IE5. :)
Flipper3
Posts: 353
Joined: Tue Feb 28, 2006 12:34 am

Post by Flipper3 »

webdesigner wrote:wow thanks for sharing this border trick, but i doubt if this trick will work on other browsers, specially the old versions of IE5. :)
It will work on all browsers since this is a basic code, nothing else.
Post Reply