Using styles in FP 2002 (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

vision2000 -> Using styles in FP 2002 (1/26/2006 5:54:27)

Hi,

I need to build a site for someone who wants to use FP 2002 to update it.

I want to use CSS for the site but can't figure out how to implement them in FP 2002

I created an external style sheet

ie <link href="blkchr.css" rel="stylesheet" type="text/css">

but can't seem to apply any syles to my web pag content.

I tried format-style but no styles appear.

I even created an embedded style in the page, and see the style whenI go to format-style but it won't apply itself to the text on the page.

Please advise.

THanks



c1sissy -> RE: Using styles in FP 2002 (1/26/2006 8:07:08)

Hi Vision, I create my stylesheets in a different editor and then load them into frontpage and work from there.

For some reason I can't seem to get them to work otherwise.

Just create a stylesheet.css file in a different thing such as notepad and then put it into frontpage, and you should be ok from that point on.




vision2000 -> RE: Using styles in FP 2002 (1/26/2006 8:48:32)

quote:

Just create a stylesheet.css file in a different thing such as notepad and then put it into frontpage, and you should be ok from that point on.


Thanks - I did that but when I go to format-style they do not show up, therefore I can't apply the style to my content.

Am I missing something?



c1sissy -> RE: Using styles in FP 2002 (1/26/2006 8:56:59)

Dont use the css wizard, or whatever it is called. Just create the style sheet, copy it into frontpage, and use it that way. You don't have to format anything.

I create my sties out of frontpage, and then add them as needed for others to use, but for me I hand code my stuff as I am learning along the way.

You could also just start by using an embeded style sheet to get you going, then cut and paste those styles into a linked style sheet.

I'm sure someone with more experience with frontpage and css could probably explain this a bit better for you.

I'll go in later on and try to write up how I do it for you step by step. (right now I have a nicely buttered bran muffin awaiting my stomach [:D])



vision2000 -> RE: Using styles in FP 2002 (1/26/2006 13:57:00)

I'll go in later on and try to write up how I do it for you step by step.

Yes, please - since I can't get FP to implement CSS on my content and I need to explain how to do this to the site owner
who wants to edit their site using FP.



c1sissy -> RE: Using styles in FP 2002 (1/26/2006 16:16:18)

quote:

Yes, please - since I can't get FP to implement CSS on my content and I need to explain how to do this to the site owner
who wants to edit their site using FP


Ok, haven't gotten to it today, not a good day here for me.

One thing I know that I do is copy the css and paste it into the html view, then save that file as say styles.css DON'T format anything. Just save the file as styles.css, play with it and see how it works for you, and make sure you have it linked correctly to your pages. Then you can add to the page as you need to and all shall work fine if you follow the steps.

Try a trial page, make some junk stuff up, then do a linked style sheet, but do it as I stated above, remove all that is in the "new" html page all the formating at the top such as the dtd etc.. It needs to be completely empty. Save as style.css and start making yoru style statments within it. This should work for you.

Also, make sure the client knows what he/she is doing when using front page as it would not be difficult for someone not knowing code to mess the site up, and then come back to you as the blame, just a word of warning from what I have read online through other forums where this is the standard with clients.



caz -> RE: Using styles in FP 2002 (1/26/2006 17:31:38)

You can use an external stylesheet with FP if you Format>Style Sheet Links> then add whatever file you want to from there by navigating to the right one. You can apply it just to the page you are on, or to the whole site. As c1sissy says don't use the inbuilt CSS creator, but an extenal program; I use Stylemaster to create the CSS and then save it in the relevant web. Then use the method above to apply it to the web pages, or site.

A point to note is that if you have any inline or embedded style in the pages then they will overide your external stylesheet. Make sure also that you are not using any design time features of frontpage.[;)]

HTH
Carol

PS. Make sure that you have enabled CSS in Tools>Page Options>Authoring by checking CSS1.0 and CSS 2.0.
I am using FP2003 so it might be a little different in FP2002.



c1sissy -> RE: Using styles in FP 2002 (1/26/2006 18:24:40)

quote:

I am using FP2003 so it might be a little different in FP2002


I use 2002, and I haven't done anything as you stated about checking the css stuff. I'll have to see if that is in fp 2002.

great to see you caz, I hope you and donkey are doing well! Have to email you to catch up on things.

Lots of love to you and donkey.[;)]



vision2000 -> RE: Using styles in FP 2002 (1/26/2006 19:43:27)

quote:

You can use an external stylesheet with FP if you Format>Style Sheet Links> then add whatever file you want to from there by navigating to the right one. You can apply it just to the page you are on, or to the whole site. As c1sissy says don't use the inbuilt CSS creator, but an extenal program; I use Stylemaster to create the CSS and then save it in the relevant web. Then use the method above to apply it to the web pages, or site.


Thanks Carol - I create the style sheet in DW2004 then save it in my web pages
as an external style sheet. Whe I go to format-style in FP no styles appear.
I even trried to create a new style in FP, I see it in the styles box (check user defined styles) but it has no effect on my content.

Maybe it's just FP 2002 that does this.






caz -> RE: Using styles in FP 2002 (1/26/2006 20:29:31)

You don't use Format>Style...but Format>Style Sheet Links...
Maybe you need to expand the drop down?



vision2000 -> RE: Using styles in FP 2002 (1/26/2006 21:13:22)

Thanks for trying to help - I added the style sheet from Format>Style Sheet Links however I don't see any of the styles that I can apply to my content when I go to format-styles



caz -> RE: Using styles in FP 2002 (1/27/2006 6:47:21)

I am unclear about what you are trying to do. You said that you are using an external stylesheet, so that will have been linked by using Format>Style Sheets and when you Preview in Browser ( as oppposed to the FP Preview, or Design pane) you will see your content with the styles applied from the linked external CSS.

If you aren't then you may not have linked the external CSS. You could of course import it to your web (locally) and code to it directly in the html view. <link rel....etc>

Format>Styles adds embedded style to your pages and has nothing to do with external sheets, except that it will overide them. If you have created the external file elsewhere you would be best just linking to it as above and forget FP's inbuilt style creator.



c1sissy -> RE: Using styles in FP 2002 (1/27/2006 7:41:30)

Caz, I find that the problem comes from using the format to link the style sheet.

If the link is in the page, why use the format? It doesn't make sense.

Create page one, at the top link the page, that should work without having to format.




caz -> RE: Using styles in FP 2002 (1/27/2006 8:02:05)

If the link isn't in the html then the method I was describing creates the necessary code. (And helps you to navigate to wherever you put the css file). It's just another way -and it does work, for me at least [:D] The point is that if you have created an external css file then all you have to do is link to it; using Format>Style is redundant, unless you want to overide the external sheet with embedded style.

For future readers, please note that Format>Style and Format>Style Sheet Links do totally different things. A good source for FP information is (surprisingly) Microsoft.

Using Cascading Stylesheets with FP2002



c1sissy -> RE: Using styles in FP 2002 (1/27/2006 8:23:39)

Ok I have several images for you to see:

[image]local://upfiles/5813/B97E767828C54D3193EC80E1E740B960.jpg[/image]
create your new web page.

Also note, that this is How I do it, everyone has their own way of doing things, and this works the best for me.




c1sissy -> RE: Using styles in FP 2002 (1/27/2006 8:26:19)

create your hml page save it
Don't forget to add the link at the top for your linked style sheet.

This is what mine says
<link rel="stylesheet" href="presentationcss/mystyles.css" type="text/css" />


[image]local://upfiles/5813/59B8F657DBA549259C0B0997131C298D.jpg[/image]



c1sissy -> RE: Using styles in FP 2002 (1/27/2006 8:28:08)

Now create a new page, go into the html view and delete all that is in there, save the file as a .css file. Put the drop down box to all files to do this.

Then close the page and reopen it, it opens as a regular css page without the html view etc..

[image]local://upfiles/5813/8A1B57FA558B4E63916C108E2BCDCD1F.jpg[/image]

Dont' forget to use the html view, you can create an entire style sheet and put it into the file this way, or just create one to work along with while you are building the page



c1sissy -> RE: Using styles in FP 2002 (1/27/2006 8:29:10)

This photo shows you what the page looks like when you close it and reopen it.

[image]local://upfiles/5813/11C2235EFE9248DD9E107F7080DA934A.jpg[/image]



c1sissy -> RE: Using styles in FP 2002 (1/27/2006 8:31:23)

I'm giving you the code so that you can test it, it isn't anything fancy, and I did not do any formating what so ever with this, just created the pages. 

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
  <meta http-equiv="Content-Language" content="en-us" />
	<title>Test page for Vision 2002</title>
	<link rel="stylesheet" href="presentationcss/mystyles.css" type="text/css" />
	</head>

<body>
<div id="wrapper"><!--open wrapper div-->
<div id="content"><!--open content div-->
<p>this is your styled content</p>
<!--close content div--></div>
<!--close wrapper div--></div>
</body>

</html>


This is the css style sheet rules.

html, body {
	font-size: 100.01%;
	font-family: Arial, Verdan, sans-serif;
	text-align: center;
	margin-top: 5px;
	}
body {
	background-color: #3825B7;
	}
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
div#wrapper {
	width: 774px;
	border: 3px solid #000;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	}
div#content {
	width: 773px;
	background-color: #fff;
	color: #3825b7;
	height: 250px;
	}
div#content p {
	font-size: .95em;
	text-align: center;
	}



vision2000 -> RE: Using styles in FP 2002 (1/27/2006 11:42:32)

Thanks very much for the tutorial and other tips! - I've bookmarked this thread

I followed it exactly however when I go to:

Appling a Style to a Page Element
Select the desired page element.
On the Format menu, click Style.
In the Styles box, choose the desired style or selector.
Click OK to apply that style.

I don't see any styles that are contained in my external style sheet - it's blank.

Could this mean my FP copy is not functioning correctly?



c1sissy -> RE: Using styles in FP 2002 (1/27/2006 11:58:25)

quote:

I followed it exactly however when I go to:


If you followed it exactly as I wrote it up for you, then why are you going to any type of applying a style to a page element?

Let me ask you this first, do you know how to code css? Or are you just letting frontpage do the work for you?

If you don't know css, I suggest that you learn this. If you are going to be developing pages for work, then you need to get a grasp on at least the basics of it.

The way that I showed you would be for someone that knows how to write a style sheet. You would not have to use anything in frontpage to do your styles, you write them in the page as I showed you to do.

I hope this helps you.



caz -> RE: Using styles in FP 2002 (1/27/2006 12:27:40)

Did you look at the MS article that I referenced above? I can't help you because I never use FP to style anything, I just create the xhtml in code view and the style sheets elsewhere. I have just looked in the Format>Style for a site that has external sheets and I can't see anything in the box either. Maybe it only works if you set up the user-defined styles there, which is an unnecessary extra step for me but you may have to do that for your client.



c1sissy -> RE: Using styles in FP 2002 (1/27/2006 12:35:39)

quote:

I can't help you because I never use FP to style anything

I'm at the same point here Caz, I have posted what I could to help out, but unless vision knows a bit about css, I don't think anything is going to help right now.

If you are just formating the styles without understanding what you are doing with them, then maybe that has something to do with it?

I also hand code in html kit or homsite, then I load it into front page for someone to mess around with from that point on. I load normal up to my site for viewing and then put into front page to load to his site.

I prefer hand coding, lots more fun! [8D] A bit more of a challange as well, but I have always enjoyed a challange, lol.



vision2000 -> RE: Using styles in FP 2002 (1/27/2006 14:34:31)

I truely appreciate your help.
I have no problem creating the style sheet by hand and inserting it into the web page.
I was just hoping to know and see if it was possible to edit the content with FP so I could
then tell the site owner how to edit content.

Any idea of what I could suggest apart from dumping FP and getting a copy of Contribute?



caz -> RE: Using styles in FP 2002 (1/27/2006 14:38:13)

quote:

ORIGINAL: caz

Maybe it only works if you set up the user-defined styles there, ... you may have to do that for your client.


As you say your client wants to use FP.



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.09375