|
|
Posted by windandwaves on 02/26/06 03:17
John wrote:
> Hi all - wonder if you can help? I have put together avery simple
> site at www.johndouglas.demon.co.uk. I have used css. 1 problem - as
> I go from page to page the "banner" at the top of the page changes
> height by a small amount - annoying but not catastrophic I know.
> Can't see what I'm doing wrong - can anyone help?
>
> Thanks John
>
> ps the CSS is as below:
> H1{font-family: "Arial";color:black;font-size:18pt;}
consider doing this:
body {font-family: arial, verdana, tahoma, helvetical, sans-serif;}
stipulating alternatives and making it the same all the way through
> H5{font-family: "Arial";color:black;font-size:10pt;font-weight:normal}
> P {color:"#000099"}
> A:link{color:white;text-decoration:none}
> A:visited{color:white;text-decoration:none}
if you want you can rewrite as:
A:link, A:visisted{color:white;text-decoration:none}
> A:hover {color:#9999FF;text-decoration:none}
> A:active {color:white;text-decoration:none}
>
> #main {
> width:82%;
> height:600px;
> margin:auto;
> }
>
> #content {
> background:#fff;
> vertical-align:top;
> padding:10px;height:300px;width:600px;
> }
>
> #banner {
> font:color:#fff;
>
> background:#9999FF;
> height:60px;
> vertical-align:top;
> }
>
> #side {vertical-align:top;
> background: #000099;height 300px;
> width:20%
> }
I could not replicate your problem, but I am impressed with your css. Great
for someone who is new to this. Now all you need to do is throw out the
frontpage editor (i use notepad2 and I love it). Strictly speaking you also
do not need to use a table. Consider a structure like this
<div id="contentholder">
<div id="banner>....</div>
<div id="menu" style="float: left; width: 100px;">menu here</div>
<div id="content" style="margin-left: 105px;">content here</div>
</div>
of course you can move the css to your css file.
also, you should change your characterset to
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>Well, anyway, just some of my input. Good on ya for the organic garden,
we need more of that real soon!>nicolaas
Navigation:
[Reply to this message]
|