background/border (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help



Message

dfndr13 -> 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 -> RE: background/border (4/23/2003 11:49:38)

Welcome!

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



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



bobby -> 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... [8|]

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

[:D]

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 [;)]



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



Gil -> 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> ?



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



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




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



DaAngel -> 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?



dfndr13 -> RE: background/border (4/24/2003 8:31:21)

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



Gil -> 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 -> 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?



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



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



Gil -> 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?



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



Gil -> 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[8D]

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



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



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



Gil -> 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!



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




dfndr13 -> 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[:D]

Matt



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.125