Page 1 of 1
page boarder
Posted: Sun Dec 24, 2023 3:25 pm
by spd54
is there a way to put a boarder to my pages. thanks
steve
Re: page boarder
Posted: Sun Dec 24, 2023 3:50 pm
by Pablo
What exactly do you mean by 'page border'?
Do you have an example?
Re: page boarder
Posted: Sun Dec 24, 2023 5:07 pm
by BaconFries
Do you mean you wish to 'center' the page and have a border of colour surrounding the page? If so see the following:
viewtopic.php?f=10&t=153
Re: page boarder
Posted: Sun Dec 24, 2023 6:07 pm
by crispy68
Maybe
this is what you are looking for?
Re: page boarder
Posted: Thu Dec 28, 2023 8:50 pm
by spd54
Pablo wrote: Sun Dec 24, 2023 3:50 pm
What exactly do you mean by 'page border'?
Do you have an example?
Don't have an example but if page is centred can I have maybe a thin black boarder around the page ie like a box
Re: page boarder
Posted: Thu Dec 28, 2023 8:52 pm
by spd54
BaconFries wrote: Sun Dec 24, 2023 5:07 pm
Do you mean you wish to 'center' the page and have a border of colour surrounding the page? If so see the following:
viewtopic.php?f=10&t=153
Thanks but it only seems to explain how to centre the page.
Re: page boarder
Posted: Fri Dec 29, 2023 7:22 am
by Pablo
You can put a shape or layer in the background with a border.
Or if you use layout grids then you can use nested grids.
Re: page boarder
Posted: Fri Jan 05, 2024 8:09 pm
by Beth
I don't know if Pablo and all of the exerts would approve or not and I don't know if this old code would be appropriate for modern browsers, but you can place this code beween your page's <head> and </head> tag to make a colored border. You can choose the COLOR and WIDTH. It does seem to be responsive.
See
https://htmlcolorcodes.com/color-names/ for color names.
________________________________________
<style>
html
{
height: 100%;
}
body
{
border:
WIDTH CHOICE px
COLOR CHOICE;
height: 100%;
}
</style>
______________________________________
Re: page boarder
Posted: Fri Jan 05, 2024 8:16 pm
by Beth
Example of above code:
<style>
html
{
height: 100%;
}
body
{
border: 5px solid IndianRed;
height: 100%;
}
</style>