P
Pheasant Plucker®
Hi there,
I am designing a webpage - well using a template that came with the package
and modifying it to suit so I can't claim any credit - or knowledge of html
for that matter...;^)
I have a vertical graphic that displays on the left hand side of the page.
Now this displays correctly on my usual 1280 x 1024 display with a small but
clearly defined space/gap/border between the graphic & the text on the page.
When I preview it in a 1024 x 768 display however the text of the webpage
impacts into the graphic.
In addition the top of the graphic is 'lopped off'
I have a stylesheet.css where the picture is defined as follows;
body {
background-color: #FFFFFF;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
color: #585858;
text-align: left;
background-attachment: fixed;
background-image: url(images/picture.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
The stylesheet is called by the webpage as follows;
<link href="weatherstyle.css" rel="stylesheet" type="text/css">
How best to prevent the text from impacting the graphic?
Also how do I stop the top of the graphic being lopped off on smaller
resolution browser windows please?
Not sure if this is enough to go on but any help/tips/advice would be
appreciated.
I am designing a webpage - well using a template that came with the package
and modifying it to suit so I can't claim any credit - or knowledge of html
for that matter...;^)
I have a vertical graphic that displays on the left hand side of the page.
Now this displays correctly on my usual 1280 x 1024 display with a small but
clearly defined space/gap/border between the graphic & the text on the page.
When I preview it in a 1024 x 768 display however the text of the webpage
impacts into the graphic.
In addition the top of the graphic is 'lopped off'
I have a stylesheet.css where the picture is defined as follows;
body {
background-color: #FFFFFF;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
color: #585858;
text-align: left;
background-attachment: fixed;
background-image: url(images/picture.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
The stylesheet is called by the webpage as follows;
<link href="weatherstyle.css" rel="stylesheet" type="text/css">
How best to prevent the text from impacting the graphic?
Also how do I stop the top of the graphic being lopped off on smaller
resolution browser windows please?
Not sure if this is enough to go on but any help/tips/advice would be
appreciated.