Insert logo in header? CSS

[Craven Birds]

New to CSS.
Ready for the sarcastic comments <grin>

I'm trying to figure how I can fit a logo into the head of all my webpage's?
But I'm stuck.

The following is already in my stylesheet.

#header {
background-color: #ffffff;
padding-top: 10px;
padding-bottom: 10px;
background-image: url(images/page-bg.gif);
padding-left: 30px;
background-repeat: repeat;}

Is there a way of inserting the logo graphic in the header? When the header
has a repeated graphic already.
Probably simple, but I can't figure it.

TIA
--

Regards,
Chris,

Bird sightings based around 'Craven' Skipton, North Yorks.
http://www.craven-birds.co.uk/
Outgoing mail is certified Virus Free. Checked by the Norton auto-updated
anti-virus system.

 

[Dave Patton]

New to CSS.
Ready for the sarcastic comments <grin>

Before you deal with CSS, fix the (X)HTML.
You are missing the closing tag:
<grin>;-)</grin>

 

[Craven Birds]

Before you deal with CSS, fix the (X)HTML.
You are missing the closing tag:
<grin>;-)</grin>

Got the sarcasm! Can I have an answer now?
--

Regards,
Chris,

Bird sightings based around 'Craven' Skipton, North Yorks.
http://www.craven-birds.co.uk/
Outgoing mail is certified Virus Free. Checked by the Norton auto-updated
anti-virus system.

 

[rf]

Craven Birds

Got the sarcasm! Can I have an answer now?

No.
<grin/>

Er, no, you can not do that.

Are you talking about http://www.craven-birds.co.uk/ [1] ?

If so then you appear to have a div at the top of each page with your
heading in it [2]. Put the logo in there.

[1] You have specified font size in ems and have fallen into the IE size
bug. When I use my settings to change font size then small is microscopic
and large is cosmically large. To fix this specify font-size: 100% for the
body element or, in your case, 120%.

The left hand nav bar overlaps the content (IE6) with larger font sizes. You
should specify the left margin of the content in ems. Same for the width of
the nav bar. With larger font sizes the text escapes the box (Mozilla).

You are missing a URL in your doctype. This puts IE6 at least into quirks
mode.

[2] Surely this should be a <h1>.

 

[Neal]

New to CSS.
Ready for the sarcastic comments <grin>

I'm trying to figure how I can fit a logo into the head of all my
webpage's?
But I'm stuck.

The following is already in my stylesheet.

#header {
background-color: #ffffff;
padding-top: 10px;
padding-bottom: 10px;
background-image: url(images/page-bg.gif);
padding-left: 30px;
background-repeat: repeat;}

Is there a way of inserting the logo graphic in the header? When the
header
has a repeated graphic already.
Probably simple, but I can't figure it.

Even if you could, people browsing with CSS off or modified by a user
stylesheet would miss the image even if they have them turned on. CSS
isn't a good means of adding essential page content.

Other than doing something like:

<h1><img src="logo.jpg" height="80" width="300" alt"The Captain's
Chair"></h1>
<!-- or whatever the text of the logo is, that goes in the alt value -->

on every page, you could include it with SSI or PHP if availabe on the
server. That way you can change the logo, it's alt text and dimensions in
one place and not on every page.

 

[Craven Birds]

Craven Birds

Got the sarcasm! Can I have an answer now?

No.
<grin/>

Er, no, you can not do that.

Are you talking about http://www.craven-birds.co.uk/ [1] ?

Yep, decide to 'float' away from floating menus;-)

If so then you appear to have a div at the top of each page with your
heading in it [2]. Put the logo in there.

Ok, I did that but found other problems as you have.

[1] You have specified font size in ems and have fallen into the IE size
bug. When I use my settings to change font size then small is microscopic
and large is cosmically large. To fix this specify font-size: 100% for the
body element or, in your case, 120%.

Ok, I'd better read up on the differences! Used ems as I followed a tutorial
online.

The left hand nav bar overlaps the content (IE6) with larger font sizes. You
should specify the left margin of the content in ems. Same for the width of
the nav bar. With larger font sizes the text escapes the box (Mozilla).

You are missing a URL in your doctype. This puts IE6 at least into quirks
mode.

[2] Surely this should be a <h1>.

Thanks, for the input, I'll put your suggestions into practice. I've noticed
everything jumping about when changing text size etc and window:-(

Been desperately trying to fix it with tables, defeats the object though
doesn't it?

ATB
--

Regards,
Chris,

Bird sightings based around 'Craven' Skipton, North Yorks.
http://www.craven-birds.co.uk/
Outgoing mail is certified Virus Free. Checked by the Norton auto-updated
anti-virus system.

 

[Craven Birds]

Even if you could, people browsing with CSS off or modified by a user
stylesheet would miss the image even if they have them turned on. CSS
isn't a good means of adding essential page content.

Other than doing something like:

<h1><img src="logo.jpg" height="80" width="300" alt"The Captain's
Chair"></h1>
<!-- or whatever the text of the logo is, that goes in the alt value -->

on every page, you could include it with SSI or PHP if availabe on the
server. That way you can change the logo, it's alt text and dimensions in
one place and not on every page.

Cheers, thanks for the info. SSI or PHP? Not conversed with those, takes me
all my time to sort HTML & CSS out ;-)

ATB
--

Regards,
Chris,

Bird sightings based around 'Craven' Skipton, North Yorks.
http://www.craven-birds.co.uk/
Outgoing mail is certified Virus Free. Checked by the Norton auto-updated
anti-virus system.