navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Using styles in FP 2002

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Using styles in FP 2002
Page: [1]
 
vision2000

 

Posts: 532
From: USA
Status: offline

 
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


_____________________________

Affordable Web Site Design,
Web Hosting and Promotion
http://www.isitebuild.com
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
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.



_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to vision2000)
vision2000

 

Posts: 532
From: USA
Status: offline

 
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?

_____________________________

Affordable Web Site Design,
Web Hosting and Promotion
http://www.isitebuild.com

(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
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 :))

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to vision2000)
vision2000

 

Posts: 532
From: USA
Status: offline

 
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.

(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
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.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to vision2000)
caz

 

Posts: 3510
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
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.

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
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.:)

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to caz)
vision2000

 

Posts: 532
From: USA
Status: offline

 
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.




(in reply to caz)
caz

 

Posts: 3510
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
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?

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to vision2000)
vision2000

 

Posts: 532
From: USA
Status: offline

 
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

(in reply to caz)
caz

 

Posts: 3510
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
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.

< Message edited by caz -- 1/27/2006 7:25:43 >


_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to vision2000)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
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.



_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to caz)
caz

 

Posts: 3510
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
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 :) 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

< Message edited by caz -- 1/27/2006 8:29:59 >


_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Using styles in FP 2002 - 1/27/2006 8:23:39   
Ok I have several images for you to see:


Thumbnail 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.



Attachment (1)

< Message edited by c1sissy -- 1/27/2006 8:32:35 >


_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to caz)
Revisions: 1 |
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
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" />



Thumbnail Image
:)

Attachment (1)

< Message edited by c1sissy -- 1/27/2006 8:34:19 >


_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
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..


Thumbnail 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

Attachment (1)

< Message edited by c1sissy -- 1/27/2006 8:35:15 >


_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
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.


Thumbnail Image
:)

Attachment (1)

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
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;
	}


_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to c1sissy)
vision2000

 

Posts: 532
From: USA
Status: offline

 
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?

(in reply to c1sissy)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
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.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to vision2000)
caz

 

Posts: 3510
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
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.

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to vision2000)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
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! :) A bit more of a challange as well, but I have always enjoyed a challange, lol.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to caz)
vision2000

 

Posts: 532
From: USA
Status: offline

 
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?

(in reply to c1sissy)
caz

 

Posts: 3510
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
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.

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to caz)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Using styles in FP 2002
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts