adding the same picture to each web page

  • Thread starter Thread starter Mark
  • Start date Start date
M

Mark

Would like to apply a certain picture on each web page. What is the best
method? If I wanted to create a .css for the web page logo how would I go
about doing that? Is this the best method in fp 2k3?

thanks
 
Put the picture on it's own page and then include that page on all the
others using Insert, Web Component, Include Page.

Why would you want to put a logo in CSS? Generally you'd use CSS to add
styles to your page.
 
I'm not quite sure what you're trying to ask here. You want one picture on
every webpage you have, and you're wondering how to do it? Normally I'd just
say "Open every page and paste in the picture in Design view" but that
doesn't seem to be the case here. If all the pages look the same, then a
templating script might do you well, and if you put the picture into the
template and then update all the pages that read the template, it should
write the picture onto it. Is that what you're looking for?
 
The question was: Why would you want to put a logo in CSS? Generally you'd use CSS to add styles to your page.


Agreed, generally CSS is used to apply styles to page content. However, controlling background images, and other repetitive images and such, is a good use of CSS. In the event
you wish to change your entire site's bg image or your logo happens to change, it can done in one common place.

(some code changed to protect the innocent)

see examples below:

body {
background:#fff url(../images/bg4.jpg) repeat-x;
text-align:center;
}

h1#dept a span {
position: absolute;
top: 0;
left: 0;
display: block;
background: url(../images/unitlogo.gif);
width: 100%;
height: 100%;
cursor: hand;
}

h2#uf a span{
background-image: url(../images/maincompanylogo.gif);
top:0;
left:0;
display:block;
position: absolute;
width: 181px;
height: 40px;
font-size: 1px;
cursor: pointer;
}

/*\*/#footerHome span {
background:url(http://images/Signature-Themeline.gif) 0 0 no-repeat;
height:62px;
position:absolute;
right:0;
top:10px;
width:198px;
}/**/

Jim
 
The web component way is what I am used to. I just wanted to know if there
were any better ways. Thanks for your help
 
okay so if I wanted blue for example as the page background on all web pages
I would create a name for it in styles sheets and then place which code
there?
 
If you assign a style to the body tag in your style sheet all pages would follow this style and each page would have a navy blue background color unless covered by another style
element (see below). You can play around with different hexadecimal numbers that correspond to a color (http://www.hypersolutions.org/pages/rgbhex.html).

Of course you would need to have your style sheet linked to each page in a similar fashion which FP will do for you: <link rel="stylesheet" type="text/css" href="style/main.css">


body {
background: #000080;
}

HTH

Jim
 
Try doing this steps:
1.. Create a new page
2.. In that page, put the pix
3.. Save the page with the name you want
4.. Open the pages you want to have the pix
5.. Be sure your server supports ASP
6.. In the pages you want the pix write: <!-- #include file="[name of the new page]" -->
It works :-)
 
Back
Top