How is this logo done?

  • Thread starter Thread starter Paul M
  • Start date Start date
P

Paul M

Hi
The logo bar on the following site is confusing me.If you right click on the
logo it asks if you want to save the background as, apposed to save picture
as. surely this logo cannot be created by HTML or any other web language and
should be a picture.
Best wishes
Paul M
http://www.hulltrains.co.uk/index.html
 
The image - http://www.hulltrains.co.uk/img/new_header.gif - is being used
as the background image to a banner container, as defined in the CSS
stylesheet -

#banner {
BORDER-RIGHT: #00899f 1px solid;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
LEFT: 0px;
BACKGROUND-IMAGE: url(img/new_header.gif); <----- here
PADDING-BOTTOM: 0px;
MARGIN: 0px;
WIDTH: 740px;
PADDING-TOP: 0px;
POSITION: absolute;
TOP: 27px;
HEIGHT: 70px
}

This is then on the page -

<div id="banner"></div> <---- This is the banner element
<div id="index_left2"><img src="img/home_bg_5c.jpg" width="400" height="391"
/></div>
 
Thanks Steve
Are there any benefits of doing it with CSS instead of templates.
Paul M
 
Sure - I do it all the time when I want to also put text or other images
into that container.
 
Thanks Murray
Thinking on it would be a good technique if for example you were a train
company with time tables which people might want to print.Because the logo
is a background picture it won't print (unless you change the settings in
IE) i.e..an instant print friendly page
Thanks
Paul M
 
Thanks Murray
This is something that's been bothering me for a while, (how to print a page
without half of it missing). How do you set up a print stylesheet. when
someone presses print how does the print stylesheet attach itself?
Paul M
 
If you go to my link (my site) and look at the code, you will see this -

<link href="gws_print.css" rel="stylesheet" type="text/css" media="print">
</head>
<body>

It's beneath all the other style information in the head, and it's assigned
the media value of "print". When the browser prints your page, it knows how
to use that stylesheet automatically.
 
Thanks Murray
I like it! Is there any tips you can pass on for setting up the stylesheet.
Paul M
 
Yes it is a picture, it is part of a larger image, which has been set as
the background. So, 'Save Background As' will get you the image you want.
 
Back
Top