hi html gurus!!!<br />
<br />
i have a problem...<br />
<br />
is there a way to define margins to have a gif as border???<br />
<br />
to be more specific i want a gif-border at the right side of the left margin...a left gif border at the right margin etc etc...<br />
<br />
if not...how can i define the simple borders???<br />
<br />
thank you all in advance!<!--content-->I guess one option would be to stick everything in a table and have a very thin table column with your background image, as a border...<!--content-->yeap!<br />
<br />
though about it...it can be easily done...<br />
- when you have 10-20 files at your website...<br />
<br />
but unfortunately my php page consists of 500+ files...<br />
<br />
is there a way to do the exact same thing with margins???<br />
<br />
dosn't matter if it's in the css or in a .html file...<br />
<br />
i just want to get it done
<br />
<br />
thanks for your answer...<!--content-->if you set margins in css for any number of files and import that file in all of the pages you can do this.<br />
<br />
e.g<br />
here is a class definition in style sheets if you use this class in any number of files it will set the style.<br />
<br />
<br />
<style type="text/css"><br />
.imvr {<br />
border-top-width:10px;<br />
border-bottom-width:10px;<br />
border-right-width:0px;<br />
border-left-width:0px;<br />
border-style: outset;<br />
border-color:#93BEE2;<br />
margin-top:0px;<br />
margin-bottom:0px;<br />
margin-right:0px;<br />
margin-left:0px;<br />
padding-top:0px;<br />
padding-bottom:0px;<br />
padding-right:0px;<br />
padding-left:0px;<br />
}<br />
</style><br />
<br />
<br />
and then in the page something like this<br />
<br />
<img class="imvr" src=http://www.webdeveloper.com/forum/archive/index.php/"images/flake.gif" alt=""/><br />
<br />
Hope thats what you wanted..<br />
<br />
Khalid<!--content-->hi khalid<br />
<br />
well that didn't do it...<br />
<br />
see here is how it is right now :<br />
<br />
<body topmargin="20" bottommargin="20" rightmargin="40" leftmargin="40"><br />
<br />
isn't there a way to have a border for this margins?... (forget about the gif 4 now )<br />
<br />
ps. ...oh well... maybe it's better to find the file where the tables are defined!
<!--content-->Originally posted by mallinanga <br />
<body topmargin="20" bottommargin="20" rightmargin="40" leftmargin="40"><br />
<br />
For cross browser compatibility, you ought to use<br />
<body style="margin: 20px 40px;"><br />
This will give top and bottom margins of 20px and left and right margins of 40px.<br />
<br />
Moreover, you can specify borders:<br />
<body style="margin: 20px 40px; border: 10px dotted navy"><br />
For more info on borders you can visit:<br />
<!-- m --><a class="postlink" href="http://www.w3schools.com/css/css_reference.asp#border">http://www.w3schools.com/css/css_reference.asp#border</a><!-- m --><br />
<br />
As of now, you can't specify a gif for border.<!--content-->Probably you can try this<br />
<body style="margin: 40px 60px"><br />
<!-- Your original page contents here --><br />
...<br />
...<br />
<div style="position: absolute; left: 40px; top: 20px"><img src=http://www.webdeveloper.com/forum/archive/index.php/"left.gif" alt=""></div><br />
<div style="position: absolute; left: 40px; top: 20px"><img src=http://www.webdeveloper.com/forum/archive/index.php/"top.gif" alt=""></div><br />
<div style="position: absolute; right: 60px; top: 20px"><img src=http://www.webdeveloper.com/forum/archive/index.php/"right.gif" alt=""></div><br />
<div style="position: absolute; left: 40px; bottom: 40px"><img src=http://www.webdeveloper.com/forum/archive/index.php/"bottom.gif" alt=""></div><br />
</body><!--content-->
<br />
i have a problem...<br />
<br />
is there a way to define margins to have a gif as border???<br />
<br />
to be more specific i want a gif-border at the right side of the left margin...a left gif border at the right margin etc etc...<br />
<br />
if not...how can i define the simple borders???<br />
<br />
thank you all in advance!<!--content-->I guess one option would be to stick everything in a table and have a very thin table column with your background image, as a border...<!--content-->yeap!<br />
<br />
though about it...it can be easily done...<br />
- when you have 10-20 files at your website...<br />
<br />
but unfortunately my php page consists of 500+ files...<br />
<br />
is there a way to do the exact same thing with margins???<br />
<br />
dosn't matter if it's in the css or in a .html file...<br />
<br />
i just want to get it done
<br /><br />
thanks for your answer...<!--content-->if you set margins in css for any number of files and import that file in all of the pages you can do this.<br />
<br />
e.g<br />
here is a class definition in style sheets if you use this class in any number of files it will set the style.<br />
<br />
<br />
<style type="text/css"><br />
.imvr {<br />
border-top-width:10px;<br />
border-bottom-width:10px;<br />
border-right-width:0px;<br />
border-left-width:0px;<br />
border-style: outset;<br />
border-color:#93BEE2;<br />
margin-top:0px;<br />
margin-bottom:0px;<br />
margin-right:0px;<br />
margin-left:0px;<br />
padding-top:0px;<br />
padding-bottom:0px;<br />
padding-right:0px;<br />
padding-left:0px;<br />
}<br />
</style><br />
<br />
<br />
and then in the page something like this<br />
<br />
<img class="imvr" src=http://www.webdeveloper.com/forum/archive/index.php/"images/flake.gif" alt=""/><br />
<br />
Hope thats what you wanted..<br />
<br />
Khalid<!--content-->hi khalid<br />
<br />
well that didn't do it...<br />
<br />
see here is how it is right now :<br />
<br />
<body topmargin="20" bottommargin="20" rightmargin="40" leftmargin="40"><br />
<br />
isn't there a way to have a border for this margins?... (forget about the gif 4 now
)<br /><br />
ps. ...oh well... maybe it's better to find the file where the tables are defined!
<!--content-->Originally posted by mallinanga <br /><body topmargin="20" bottommargin="20" rightmargin="40" leftmargin="40"><br />
<br />
For cross browser compatibility, you ought to use<br />
<body style="margin: 20px 40px;"><br />
This will give top and bottom margins of 20px and left and right margins of 40px.<br />
<br />
Moreover, you can specify borders:<br />
<body style="margin: 20px 40px; border: 10px dotted navy"><br />
For more info on borders you can visit:<br />
<!-- m --><a class="postlink" href="http://www.w3schools.com/css/css_reference.asp#border">http://www.w3schools.com/css/css_reference.asp#border</a><!-- m --><br />
<br />
As of now, you can't specify a gif for border.<!--content-->Probably you can try this<br />
<body style="margin: 40px 60px"><br />
<!-- Your original page contents here --><br />
...<br />
...<br />
<div style="position: absolute; left: 40px; top: 20px"><img src=http://www.webdeveloper.com/forum/archive/index.php/"left.gif" alt=""></div><br />
<div style="position: absolute; left: 40px; top: 20px"><img src=http://www.webdeveloper.com/forum/archive/index.php/"top.gif" alt=""></div><br />
<div style="position: absolute; right: 60px; top: 20px"><img src=http://www.webdeveloper.com/forum/archive/index.php/"right.gif" alt=""></div><br />
<div style="position: absolute; left: 40px; bottom: 40px"><img src=http://www.webdeveloper.com/forum/archive/index.php/"bottom.gif" alt=""></div><br />
</body><!--content-->