Hello everyone! My first post! I need some CSS help. Please check out my website at <!-- w --><a class="postlink" href="http://www.bobbyrags.com">www.bobbyrags.com</a><!-- w -->
Now the site views great at 1024x768. But, at a lower resolution, at least to me, the wording seems smushed.
Here's my CSS code:
A:link {colorrange;}
A:visited {color:black;}
A:active {color:red;}
A:hover {color:yellow;}
.navbar {position:absolute;top:10px;left:10px;}
BODY {margin: 10px 10px 10px 200px;}
BODY {background-image: url("http://www.bobbyrags.com/Images/gray_fabric.gif"); background-repeat: repeat-y; font-family:verdana;}
p.margin {margin-left: 200px;}
p.margin {margin-right: 200px;}
UL LI {list-style-type: disc; margin-left: 100px;}
I eagerly await your suggestions/comments!
Thanks!Try using widths and margins in terms of %, not px, so everything is scaled to look good on low res.Thanks buddy! I'll try that and post back and let you know what happened. OK, it's now pleasing to me. These are the lines that I changed:
BODY {margin: 10px 10px 10px 20%;}
p.margin {margin-left: 20%;}
p.margin {margin-right: 20%;}
Now the site views great at 1024x768. But, at a lower resolution, at least to me, the wording seems smushed.
Here's my CSS code:
A:link {colorrange;}
A:visited {color:black;}
A:active {color:red;}
A:hover {color:yellow;}
.navbar {position:absolute;top:10px;left:10px;}
BODY {margin: 10px 10px 10px 200px;}
BODY {background-image: url("http://www.bobbyrags.com/Images/gray_fabric.gif"); background-repeat: repeat-y; font-family:verdana;}
p.margin {margin-left: 200px;}
p.margin {margin-right: 200px;}
UL LI {list-style-type: disc; margin-left: 100px;}
I eagerly await your suggestions/comments!
Thanks!Try using widths and margins in terms of %, not px, so everything is scaled to look good on low res.Thanks buddy! I'll try that and post back and let you know what happened. OK, it's now pleasing to me. These are the lines that I changed:
BODY {margin: 10px 10px 10px 20%;}
p.margin {margin-left: 20%;}
p.margin {margin-right: 20%;}