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

 

background/border

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

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

All Forums >> Web Development >> Microsoft FrontPage Help >> background/border
Page: [1]
 
dfndr13

 

Posts: 10
Joined: 4/23/2003
Status: offline

 
background/border - 4/23/2003 11:46:33   
Hello,
I' m using FP2002 and I have a page background that is only on the left side of the page. I would like for it to start lower down on the page but have been unsuccessful in finding a way to do this. Any help would be appreciated.
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: background/border - 4/23/2003 11:49:38   
Welcome!

Maybe something here will help:
http://www.w3schools.com/css/css_background.asp

_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to dfndr13)
dfndr13

 

Posts: 10
Joined: 4/23/2003
Status: offline

 
RE: background/border - 4/23/2003 16:03:16   
Thanks for the reply. unfortunately my ability in code and css is limited...I am learning as I am going though. For this, would I need to create a new CSS and then link it to the page?
Matt

(in reply to dfndr13)
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: background/border - 4/23/2003 16:16:54   
FrontPage will do a lot of formatting and style handling via the WYSIWYG interfaces and forms... but for real control you' ll want CSS.

You can create a style sheet and link it in your header using:
<link rel=" stylesheet"  type=" text/css"  href=" name.css" >



or place the style in the header of each page using:
<style type=" text/css" >

(CSS info goes here)

</style>


I would recommend the first method, that way any changes you make to your styles can be done from a single sheet and will affect all pages...

CSS takes a little getting used to, but it' s not that difficult to use.

Mastering it, well that takes years of intense study, dedication, and seclusion... :)

Once you get the hang of it you' ll never go back... having the ability to modify your styles from a single source page... you' ll wonder how you ever got along without it

:)

The W3Schools website has a lot of good info on CSS. The Background, fonts, links and such will be pretty easy for you to grasp... positioning and layout gets a bit more involved, but is by no means impossible...

If I can figure it out, anybody can... :)

And you have a forum of experts here to help when you get stuck. Okay, so there are two experts and then theres the rest of us... but you get the idea.

Try doing a search on the forum for CSS... you' ll have hours of reading material to sift through :)

_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to dfndr13)
dfndr13

 

Posts: 10
Joined: 4/23/2003
Status: offline

 
RE: background/border - 4/23/2003 21:56:10   
Ok,
After several attempts using a CSS it is not working, actually, I have no changes (observed anyway) Here is the code I used for my CSS and the code that follows is the CSS link in my page.
Matt
<body>
background-image: url(images/blue_001.gif);background-repeat: 
repeat;background-position: 100% 100%
</body>



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

(in reply to dfndr13)
Gil

 

Posts: 7533
From: North Carolina, USA
Status: offline

 
RE: background/border - 4/23/2003 22:23:09   
quote:

<body> background-image: url(images/blue_001.gif);background-repeat: repeat;background-position: 100% 100% </body>


Where' s the <style type=" text/css" > </style> ?

_____________________________

Gil Harvey, 1947-2004

(in reply to dfndr13)
dfndr13

 

Posts: 10
Joined: 4/23/2003
Status: offline

 
RE: background/border - 4/23/2003 22:43:48   
I was under the impression it was one
<link rel=" stylesheet"  type=" text/css"  href=" new_page_1.css" >


or the other
<style type=" text/css" >    (CSS info goes here)    </style>


when I linked my CSS to my page, FP automatically placed the it right after the header

</head>

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

<body> 


Matt

(in reply to dfndr13)
Gil

 

Posts: 7533
From: North Carolina, USA
Status: offline

 
RE: background/border - 4/23/2003 23:22:39   
As bobby said, you need to either link to astyle sheet using <link rel=" stylesheet" type=" text/css" href=" name.css" > with name being the name of your style sheet. In this example the style sheet would be in the rrot of your web site.

OR

place the style in the header of each page using:

<style type=" text/css" > (CSS info goes here) </style>

A URL would really help us see what' s going on here...



< Message edited by Gil -- 4/23/2003 11:24 PM >


_____________________________

Gil Harvey, 1947-2004

(in reply to dfndr13)
dfndr13

 

Posts: 10
Joined: 4/23/2003
Status: offline

 
RE: background/border - 4/24/2003 1:11:37   
Sorry,
I know I hadn' t post a url for the site as my server has been down, however I just posted it to Tripod. It is very rough. Some of the Formating from Frontpage to Tripod I really didn' t feel like working out. Right now the backgorund is working as I have put it as a background, however the CSS is not, although it is still in the code.

(in reply to dfndr13)
DaAngel

 

Posts: 300
Joined: 3/30/2003
From: Posting Machine - Belfast Child
Status: offline

 
RE: background/border - 4/24/2003 2:13:25   
Can you get round the loading of a css into the viewers cache every time a new page is loaded?

_____________________________


North Carolina Web Design



Rockingham City Web Design


(in reply to dfndr13)
dfndr13

 

Posts: 10
Joined: 4/23/2003
Status: offline

 
RE: background/border - 4/24/2003 8:31:21   
ok, now here' s the url......http://dfndr23.tripod.com/

(in reply to dfndr13)
Gil

 

Posts: 7533
From: North Carolina, USA
Status: offline

 
RE: background/border - 4/24/2003 8:42:40   
quote:

ok, now here' s the url......http://dfndr23.tripod.com/


You are calling a style sheet new_page_1.css that is not a valid style sheet! take a llok here: http://www.htmlhelp.com/reference/css/

_____________________________

Gil Harvey, 1947-2004

(in reply to dfndr13)
Gil

 

Posts: 7533
From: North Carolina, USA
Status: offline

 
RE: background/border - 4/24/2003 8:44:23   
quote:

Can you get round the loading of a css into the viewers cache every time a new page is loaded?


Huh?

_____________________________

Gil Harvey, 1947-2004

(in reply to DaAngel)
dfndr13

 

Posts: 10
Joined: 4/23/2003
Status: offline

 
RE: background/border - 4/24/2003 9:53:26   
ok,
well i thought I had changed it correctly but obviously not. this is what I changed
<link rel=" stylesheet"  type=" text/css"  href=" background2.css" >


and this is the CSS
.background  { background-image:url(' file:///C:/My%20Documents/My%20Webs/images/blue_b001.gif' );background-repeat: repeat; background-attachment: fixed; background-position: 50% 50% }



http://www.members.tripod.com/dfndr23/

(in reply to dfndr13)
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: background/border - 4/24/2003 10:20:50   
Try changing this:

.background  { background-image:url(' file:///C:/...  

to this:

body { background-image:url(' file:///C:/...   


See if that helps...


_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to dfndr13)
Gil

 

Posts: 7533
From: North Carolina, USA
Status: offline

 
RE: background/border - 4/24/2003 10:21:24   
quote:

and this is the CSS .background { background-image:url(' file:///C:/My%20Documents/My%20Webs/images/blue_b001.gif' );background-repeat: repeat; background-attachment: fixed; background-position: 50% 50% }


That is NOT a style sheet - A .css file must start with <style type=" text/css" > and end with </style>

Alos you are trying to call a image file from your harddrive {' file:///C:/My%20Documents/My%20Webs/images/blue_b001.gif' )} <- that needs to be a file on your web server.

Did you read the reference I gave above?

_____________________________

Gil Harvey, 1947-2004

(in reply to dfndr13)
dfndr13

 

Posts: 10
Joined: 4/23/2003
Status: offline

 
RE: background/border - 4/24/2003 11:37:01   
yes I did read the link, it has help in the understanding, but right now it is a lot to sink in.

Maybe there was a misunderstanding this is the code
<link rel=" stylesheet"  type=" text/css"  href=" background.css" >


When I created the CSS in Frontpage, this is what was created
.background  { background-image: url(blue_b001.gif); 
               background-repeat: repeat; background-attachment: fixed; 
               background-position: 50% 50% }

I had not noticed it was linking to my C: drive so I fixed that. I hope I' m not testing anyone' s patience (but my own, just new to CSS) I do appreciate all the help.
Matt

(in reply to dfndr13)
Gil

 

Posts: 7533
From: North Carolina, USA
Status: offline

 
RE: background/border - 4/24/2003 12:54:04   
No problem Matt - forgive me if I was short earlier, not a good morning - but getting better:)

First; You need to EITHER call a style sheet or specify the style in your header - but NOT both. If you do both the header style will override the style sheet.


quote:

Maybe there was a misunderstanding this is the code
<link rel=" stylesheet" type=" text/css" href=" background.css" >


OK, that' s different than ther one you posted above. So you should have a style sheet named background.css - your URL is not working, so I can' t check?

quote:


When I created the CSS in Frontpage, this is what was created
.background { background-image: url(blue_b001.gif); background-repeat: repeat; background-attachment: fixed; background-position: 50% 50% }


I didn' t even know FP would write a style sheet, I' ve never tried, always used notepad or recently TopStyle. Did FP save the CSS? Where?

quote:


I hope I' m not testing anyone' s patience (but my own, just new to CSS) I do appreciate all the help.


No problem - patience is a hard concept to grasp in this biz:)

If you have a working URL I' ll see if I can fix it for you...

< Message edited by Gil -- 4/24/2003 12:55 PM >


_____________________________

Gil Harvey, 1947-2004

(in reply to dfndr13)
dfndr13

 

Posts: 10
Joined: 4/23/2003
Status: offline

 
RE: background/border - 4/24/2003 13:00:51   
it saved it with my the rest of my web files, not in a specific folder.
try this URL http://www.members.tripod.com/dfndr23/

(in reply to dfndr13)
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: background/border - 4/24/2003 13:07:26   
quote:

I didn' t even know FP would write a style sheet

Yep, but its just like notepad... you type your styles into the html view and then Save As and select Style Sheet from the file type menu...

It adds the .css extension for you :)

To clarify:

You have this in your header on your web page:
quote:

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


Then you have something like this in a file named background.css:
quote:


body {
background-image: url(images/blue_b001.gif);
background-repeat: repeat;
background-attachment: fixed;
background-position: 50% 50% }


And the background.css file is saved in your root web...

It should be working, provided the path to and name of the image are correct... (in the example above there would be a folder in your root web called images, and a file inside that folder called blue_b001.gif)

Man when you get this down pat you' re gonna love CSS... just keep plugging away at it... you' re about to have an " AHA! moment" any second now...

:)

BTW- if your image is fixed you may want to try and use a no-repeat in the background-repeat attribute...

Also, these attributes don' t work in NN<6 (just in case you' re trying to check it out in NN4x)

_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to dfndr13)
Gil

 

Posts: 7533
From: North Carolina, USA
Status: offline

 
RE: background/border - 4/24/2003 13:10:45   
quote:

try this URL http://www.members.tripod.com/dfndr23/


I can' t make head nor tails out of that! Tripod adds so much Junk! But, I cannot see where the style sheet is called anywhere. If you were hosted on a real server I could see what' s up, but I' m sorry, I can' t even begin to wade thru all that Junk!

_____________________________

Gil Harvey, 1947-2004

(in reply to dfndr13)
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: background/border - 4/24/2003 13:12:18   
http://dfndr23.tripod.com

That got me there..


---<eidt>---

It looks like your stylesheet link is in between your header and body... I dont know that this makes much difference, but I' ve always placed it in the header of the page...

Might be worth a try...



< Message edited by bobby -- 4/24/2003 10:15 AM >


_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to dfndr13)
dfndr13

 

Posts: 10
Joined: 4/23/2003
Status: offline

 
RE: background/border - 4/24/2003 17:06:17   
well Bobby and Gil, I had that AHA!!! moment. I had the style sheet for the paragraph and not the body!!!DUH! Anyway, now I have to figure out my alignment with it all. I really appreciate the help, you guys have been a big help:)

Matt

(in reply to dfndr13)
Page:   [1]

All Forums >> Web Development >> Microsoft FrontPage Help >> background/border
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