Simple Questions for Newbie (Background Page Image)
|
View:
New views
14 Messages
—
Rating Filter:
Alert me
|
 |
Simple Questions for Newbie (Background Page Image)
by RickinRSM
::
Rate this Message:
Just came across Amaya 10. Interesting.
I wish to create a page background from a jpg image for every page? I guess it would actually be layer 2 on top of the true background which I would like to be black. Also, I can't seem to set the background color to #000000 (Black) as I don't like the white sides on either side of my web page. I'm a WYSIWYG kind of user. Ha! I must be silly right? Rick :) |
|
|
Re: Simple Questions for Newbie (Background Page Image)
by Helder Magalhães
::
Rate this Message:
Hi Rick! ;-) > I wish to create a page background from a jpg image for every page? > > I guess it would actually be layer 2 on top of the true background which I > would like to be black. > > Also, I can't seem to set the background color to #000000 (Black) as I don't > like the white sides on either side of my web page. For the image thins, you may take a look at the CSS property "background-image" [1], which is well supported among browsers. For the background color there´s the property "background-color" [2] - this is also used until the image is downloaded and/or if the browser doesn't support the background image CSS property. > I'm a WYSIWYG kind of user. Ha! Sorry but I'm not familiar enough with Amaya's WYSIWYG features for achieving the desired effect... I'm more a WYCIWYG (What You Code Is What You Get) user! ;-D Hope this helps, Helder Magalhães [1] http://www.w3schools.com/css/pr_background-image.asp [2] http://www.w3schools.com/Css/pr_background-color.asp |
|
|
Re: Simple Questions for Newbie (Background Page Image)
by Cristiano Guglielmetti-2
::
Rate this Message:
Hi Rick, WYSIWYG (from interface tools) Style menu (or button in the toolbar) > Color > set background-color, background-image and background-repeat (it refers to background image). OR (better) In (X)HTML <body style="background-color: #000000; background-image: url(filename); background-repeat: no-repeat"> OR (much better) In the CSS body { background: black left(..or right..) top(..or bottom..) no-repeat; background-image: url('mv-f4-1078-312-rr-01.jpg') } Cristiano ----- Original Message ----- From: "RickinRSM" <RickinRSM@...> To: <www-amaya@...> Sent: Wednesday, October 01, 2008 11:33 PM Subject: Simple Questions for Newbie (Background Page Image) > > Just came across Amaya 10. Interesting. > > I wish to create a page background from a jpg image for every page? > > I guess it would actually be layer 2 on top of the true background which I > would like to be black. > > Also, I can't seem to set the background color to #000000 (Black) as I > don't > like the white sides on either side of my web page. > > I'm a WYSIWYG kind of user. Ha! > > I must be silly right? > > > Rick :) > > -- > View this message in context: > http://www.nabble.com/Simple-Questions-for-Newbie-%28Background-Page-Image%29-tp19769590p19769590.html > Sent from the w3.org - www-amaya mailing list archive at Nabble.com. > > > > |
|
|
Re: Simple Questions for Newbie (Background Page Image)
by Cristiano Guglielmetti-2
::
Rate this Message:
Hi Rick, WYSIWYG (from interface tools) Style menu (or button in the toolbar) > Color > set background-color, background-image and background-repeat (it refers to background image). OR (better) In (X)HTML <body style="background-color: #000000; background-image: url(filename); background-repeat: no-repeat"> OR (much better) In the CSS body { background: black left(..or right..) top(..or bottom..) no-repeat; background-image: url('mv-f4-1078-312-rr-01.jpg') } Cristiano ----- Original Message ----- From: "RickinRSM" <RickinRSM@...> To: <www-amaya@...> Sent: Wednesday, October 01, 2008 11:33 PM Subject: Simple Questions for Newbie (Background Page Image) > > Just came across Amaya 10. Interesting. > > I wish to create a page background from a jpg image for every page? > > I guess it would actually be layer 2 on top of the true background which I > would like to be black. > > Also, I can't seem to set the background color to #000000 (Black) as I > don't > like the white sides on either side of my web page. > > I'm a WYSIWYG kind of user. Ha! > > I must be silly right? > > > Rick :) > > -- > View this message in context: > http://www.nabble.com/Simple-Questions-for-Newbie-%28Background-Page-Image%29-tp19769590p19769590.html > Sent from the w3.org - www-amaya mailing list archive at Nabble.com. > > > > |
|
|
Re: Simple Questions for Newbie (Background Page Image)
by RickinRSM
::
Rate this Message:
Thank you for your assistance. This program, Amaya, looks pretty cool!
By the way, I have NO experience with HTML but can program in Access DataBase 2003 and Paradox Opal. (Object Based Programing). To make it simple, this is where I'm at presently. There are no error messges but the BrownBackGround.jpg image is not showing at all Here is my code. . . StartCode . . . <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>New1</title> <meta name="generator" content="Amaya, see http://www.w3.org/Amaya/" /> </head> <body style="background-color: #000000; background-image: D:\RealEstate\xSite\BrownBackGround.jpg; background-repeat: no-repeat"> </body> </html> EndCode Any assistance would be greatly appreciate. Thank you so much! RickinRSM <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>New1</title> <meta name="generator" content="Amaya, see http://www.w3.org/Amaya/" /> </head> <body> body style="background-image: D:\RealEstate\xSite\BrownBackground.jpg; background-repeat: no-repeat"> </body> My Error message is . . . "
|
|
|
Re: Simple Questions for Newbie (Background Page Image)
by Dominique Meeùs-2
::
Rate this Message:
RickinRSM a écrit ce qui suit, le 02/10/08 21:20 : > [...] > > To make it simple, this is where I'm at presently. > > There are no error messges but the BrownBackGround.jpg image is not showing > at all [...] The CSS syntax is style="background-image: url(somepath/BrownBackGround.jpg);" -- Amitiés, Dominique, dominique@..., +32 (473) 61 31 75, http://www.meeus-d.be/ |
|
|
Re: Simple Questions for Newbie (Background Page Image)
by Keith Rubow-2
::
Rate this Message:
What you have so far looks fine, but you have no content in your page. Open the page again with Amaya and type several short paragraphs of text. You will see that the background image is indeed displayed, but only as far down the page as you have other content to display. This differs from other browsers. Other browsers will display the background image in the browser window even when there is no other content to display. If the background image is repeated, other browsers will fill the browser window with the repeated background image. Amaya will not. This is probably a rendering bug in Amaya. I use Amaya to author my pages, but always preview them in several other browsers to see what they will really look like. I often find rendering differences, even between other browsers. I try to only use features that work consistently in most popular browsers. The rendering in Amaya is usually "pretty good" (and getting better all the time), but don't assume that is exactly how other browsers will render your page. Keith Rubow RickinRSM wrote:
|
|
|
Re: Simple Questions for Newbie (Background Page Image)
by RickinRSM
::
Rate this Message:
10/2/2008 11:40 pm PDT
I've tried all of the suggestions here. I searched an studied the HTML and CSS tutorials and examples. This is my latest. No errors detected. <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link rel="Stylesheet" type="text/css" href="New1.css" /> </head> </html> All I get is a line of color acroos the top of the page. Here is my New1.css . . . font-family: Arial,Helvetica,sans-serif; font-style: normal; font-weight:normal; text-decoration: none; color: Black; background-color: Black; background-image: url(D:/RealEstate/XSite/TestSplash.jpg); background-repeat: repeat-y; background-attachment: scroll; background-position: center; What am I doin wrong? Thanks . . . RickinRSM
|
|
|
Re: Simple Questions for Newbie (Background Page Image)
by Dominique Meeùs-2
::
Rate this Message:
RickinRSM a écrit ce qui suit, le 03/10/08 08:45 : > 10/2/2008 11:40 pm PDT > > I've tried all of the suggestions here. I searched an studied the HTML and > CSS tutorials and examples. > > This is my latest. No errors detected. > > <?xml version="1.0" encoding="iso-8859-1"?> > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > <html> > <head> > <link rel="Stylesheet" type="text/css" > href="New1.css" /> > </head> > </html> > </html>, not much should be dispayed. A html page is about displaying a body. > All I get is a line of color acroos the top of the page. > > Here is my New1.css . . . > > > font-family: Arial,Helvetica,sans-serif; > font-style: normal; > font-weight:normal; > text-decoration: none; > color: Black; > background-color: Black; > background-image: url(D:/RealEstate/XSite/TestSplash.jpg); > background-repeat: repeat-y; > background-attachment: scroll; > background-position: center; > > What am I doin wrong? > body { font-fam... ... ... center;} ? Otherwise, this is no CSS. CSS clauses have to be ABOUT something (body for example). Then, supposing you had a body, supposing your CSS did indeed read body{...}, it seems queer to write in black ("color:...") on black ("background-color:..."). Finally, if you never wrote html and css, you should test step by step: first <html> <body>Hello World !</body> </html> At that stage, do not bother with xml, DOCTYPE, DTD and the like. (Mind the fact that html is less demanding than xhtml.) If "Hello World !" is displayed, then add <head><link somecss></head> and write body{color: red;} in the css file to see if "Hello World !" becomes red. When you are sure to control everything, syntax of html and css, correct path of the css file (begin with everything in the same directory to make it simple), et cetera (and that you corrected possible mistakes in what I wrote), you could begin experimenting with body{background-image: url(...);}. -- Amitiés, Dominique, dominique@..., +32 (473) 61 31 75, http://www.meeus-d.be/ |
|
|
Re: Simple Questions for Newbie (Background Page Image)
by Helder Magalhães
::
Rate this Message:
Aside from Dominique Meeùs's suggestion, which are most relevant and IMO you should take into consideration, here's a small, yet general Web development suggestion. ;-) > background-image: url(D:/RealEstate/XSite/TestSplash.jpg); Always avoid full paths - use relative paths instead. If your HTML file is in the same directory as "TestSplash.jpg", simply write: background-image: url(TestSplash.jpg); You can crawl through the directories to reach your file (using ".." and/or directory names). If you really want to use full paths, at least don't make use of file specific URL information such as "D:" - use "/RealEstate/XSite/TestSplash.jpg" which, when you upload it to a Web server, will turn into "http://yourWebServer.com/RealEstate/XSite/TestSplash.jpg" This is *not* limited to including images and such - it can and *should* be applied to navigation (jumping between HTML files) and other included resources (referenced CSS files, images within HTML context, etc.). Hope this helps, Helder Magalhães |
|
|
Re: Simple Questions for Newbie (Background Page Image)
by RickinRSM
::
Rate this Message:
Amities. . . thanks for you reply and the others also.
Okay I kept going back to the HTML and CSS examples on the W3Schools site. They are VERY GOOD! As I added <p>a one line of text</p> to the body of the HTML page the background image flowed downward with the body content. Excellent. I understand that now. I read in the CSS section that . . . "Style Sheets Can Save a Lot of Work Styles sheets define HOW HTML elements are to be displayed, just like the font tag and the color attribute in HTML 3.2. Styles are normally saved in external .css files. External style sheets enable you to change the appearance and layout of all the pages in your Web, just by editing one single CSS document!" I suppose I can have multiple CSS documents for a particular HTML page, correct? So . . . Step one - create an HTML page Step two - link a CSS page into the HTML page for the background image or colors, etc.. Is thes correct? Thanks Everyone. I'm liking this. RickinRSM
|
|
|
Re: Simple Questions for Newbie (Background Page Image)
by Cristiano Guglielmetti-2
::
Rate this Message:
RickinRSM ha scritto: > > I suppose I can have multiple CSS documents for a particular HTML page, > correct? > > So . . . > > Step one - create an HTML page > Step two - link a CSS page into the HTML page for the background image or > colors, etc.. > > Is thes correct? > Yes, it is. First: design your CSS or get from the Net thousand of examples, then link your HTML elements to the CSS classes. Ex: in restaurant.css file: .spanclass-1 { font-size: color: navy; background-color: yellow; font: bold 120% "courier new", serif; } In restaurant.html file: <html> <head> <link href="restaurant.css" rel="stylesheet" type="text/css"> </head> <body> <h1>Amaya's Restaurant</h1> <span class="spanclass-1"><p>Today's menu:</p></span> <ul> <li>text....</li> <li>text....</li> <li>text....</li> <li>text....</li> </ul> <body> </html> Cristiano http://www.webalice.it/cguglielmetti/ |
|
|
Re: Simple Questions for Newbie (Background Page Image)
by Vatton
::
Rate this Message:
Le mercredi 01 octobre 2008 à 14:33 -0700, RickinRSM a écrit : > Just came across Amaya 10. Interesting. > > I wish to create a page background from a jpg image for every page? > > I guess it would actually be layer 2 on top of the true background which I > would like to be black. > > Also, I can't seem to set the background color to #000000 (Black) as I don't > like the white sides on either side of my web page. > > I'm a WYSIWYG kind of user. Ha! > > I must be silly right? > > > Rick :) > Hi Rick, You can select the body element (use F2, or the status bar at the bottom of the window to select it) and click the CSS button to generate the background CSS style (section colors in the dialog). If you can also use the CSS button when the selection is within the source view or within a CSS file. In that case, when the dialog is confirmed a string of the corresponding CSS syntax is generated and inserted at the current position in the document. -- Irene Vatton <Irene.Vatton@...> INRIA |
|
|
Re: Simple Questions for Newbie (Background Page Image)
by Vatton
::
Rate this Message:
Le vendredi 03 octobre 2008 à 09:20 +0100, Helder Magalhães a écrit : > > > background-image: url(D:/RealEstate/XSite/TestSplash.jpg); > > Always avoid full paths - use relative paths instead. If your HTML > file is in the same directory as "TestSplash.jpg", simply write: > > background-image: url(TestSplash.jpg); > When you use the Amaya CSS dialog (see the CSS button) to insert a background-image, Amaya generates a relative path to avoid this kind of problem. Regards -- Irene Vatton <Irene.Vatton@...> INRIA |
| Free embeddable forum powered by Nabble | Forum Help |
