Hi there, basicly i need to make some background pictures on my website.
I am verry new to html so any help will be really apreciated :0
I know that i am suposedto design the html using coffee cup, and then copy and paste it to my web pages...but how do i make the html?!
Cheers
contactsnafu
Trial User
11 posts
BillR
Ambassador
3,144 posts
djsnafu,
CoffeeCup has a book that helps with HTML. The HTML Editor can provide a blank page that has the starting code, and there is a tab that has most other tags used for HTML programming.
Your message indicates that you want to put a photo as a background????
If so, there is more than one way to do this. You can put the code for the image in a separate CSS sheet, in the CSS style in the head section of your code, using CSS style in the body tag.
A separate CSS style sheet would have code that looks like this:
body
{
background-image:
url('yourimage.jpg')
}
to put the same code in the head section of your code, it would look like this:
<style type="text/css">
body
{
background-image:
url('yourimage.jpg')
}
</style>
To put the same code in the body tag, you would do something like this:
<body style="background-image:url('your image.jpg')">
There are additional style commands that will allow you to center the photo, make it stay at the top or bottom, or even stay static in the browser window as you scroll through the content.
Does this help? If not, be specific on what you want to know, and we can help you with your site building.
CoffeeCup has a book that helps with HTML. The HTML Editor can provide a blank page that has the starting code, and there is a tab that has most other tags used for HTML programming.
Your message indicates that you want to put a photo as a background????
If so, there is more than one way to do this. You can put the code for the image in a separate CSS sheet, in the CSS style in the head section of your code, using CSS style in the body tag.
A separate CSS style sheet would have code that looks like this:
body
{
background-image:
url('yourimage.jpg')
}
to put the same code in the head section of your code, it would look like this:
<style type="text/css">
body
{
background-image:
url('yourimage.jpg')
}
</style>
To put the same code in the body tag, you would do something like this:
<body style="background-image:url('your image.jpg')">
There are additional style commands that will allow you to center the photo, make it stay at the top or bottom, or even stay static in the browser window as you scroll through the content.
Does this help? If not, be specific on what you want to know, and we can help you with your site building.
contactsnafu
Trial User
11 posts
Thank you!
Basicly i want a photo to sit on top of the background (wich is plain grey on every page)...and to sit approx 2inches from the top of the page, so that it does not overlap the header.
I dont know what a css is, nor can i figure it out on coffee-cup. & i have utilised the tutorials on youtube, but the videos are made with a different version of coffee-cup (i figured its a mac on the videos).
How do i start the thing off? I did ctlr alt n, then went to insert my photo, but instantly realised i was doing it all wrong!
Hope that is enough info for you, & hope to speak soon
Basicly i want a photo to sit on top of the background (wich is plain grey on every page)...and to sit approx 2inches from the top of the page, so that it does not overlap the header.
I dont know what a css is, nor can i figure it out on coffee-cup. & i have utilised the tutorials on youtube, but the videos are made with a different version of coffee-cup (i figured its a mac on the videos).
How do i start the thing off? I did ctlr alt n, then went to insert my photo, but instantly realised i was doing it all wrong!
Hope that is enough info for you, & hope to speak soon
BillR
Ambassador
3,144 posts
djsnafu,
What program are you using? We need to know so we know what tools you have.
What program are you using? We need to know so we know what tools you have.
contactsnafu
Trial User
11 posts
Coffee cup, on windows. I cant seem to find out what version it is though.
Hope to hear from you.
thanks
Hope to hear from you.
thanks
BillR
Ambassador
3,144 posts
djsnafu,
When you open the CoffeeCup program, look at the top and tell us what it says. It may say Visual Site Designer, or in may say HTML Editor.
If you are using the HTML Editor, tell us what mode you are using.
Have you uploaded anything to your site? If so, please provide a link.
When you open the CoffeeCup program, look at the top and tell us what it says. It may say Visual Site Designer, or in may say HTML Editor.
If you are using the HTML Editor, tell us what mode you are using.
Have you uploaded anything to your site? If so, please provide a link.
contactsnafu
Trial User
11 posts
It says html editor.
My site is not open yet, so there is no point sending you a link. I am literaly 99% finished...i just need to upload some pic's.
Can i get the version that is used on the utube tutorials for free?
Thank you
My site is not open yet, so there is no point sending you a link. I am literaly 99% finished...i just need to upload some pic's.
Can i get the version that is used on the utube tutorials for free?
Thank you
BillR
Ambassador
3,144 posts
djsnafu,
I have no idea who put the YouTube videos up, and don't know what they show. If you want a different version of the HTML Editor, you would need to contact CoffeeCup directly.
As with most Windows programs, you can click on HELP, and select ABOUT to find the name and version of the program you are using. If you downloaded the HTML Editor recently, it is either the 2007 version or the 2008 version. Either one will work similarly.
Are you wanting to use the photos as part of the page like a logo? If so, look on the right side of your HTML Editor and find a tab labeled TAGS, and click on that tab. Scroll down until you see a tag named IMG, and double click on that. You should now see a list of attributes for the image, starting with SRC. When you double click the src, it will add to the image tag, you may also want the width and height attributes added, and you do need the alt attribute. You should enter the source as the link to that image (http://www.yoursite.com/image.jpg). The width and height should match the actual width and size of the image, unless you have a specific reason to have it a different size. The alt should have some text that will allow a person with a reader to listen to the words, and have an idea about your image. I would also duplicate the ALT words in another attribute of TITLE.
If you are wanting to display several photos in a slide show, the CoffeeCup Photo Gallery is a great way to do that.
Hope this helps.
I have no idea who put the YouTube videos up, and don't know what they show. If you want a different version of the HTML Editor, you would need to contact CoffeeCup directly.
As with most Windows programs, you can click on HELP, and select ABOUT to find the name and version of the program you are using. If you downloaded the HTML Editor recently, it is either the 2007 version or the 2008 version. Either one will work similarly.
Are you wanting to use the photos as part of the page like a logo? If so, look on the right side of your HTML Editor and find a tab labeled TAGS, and click on that tab. Scroll down until you see a tag named IMG, and double click on that. You should now see a list of attributes for the image, starting with SRC. When you double click the src, it will add to the image tag, you may also want the width and height attributes added, and you do need the alt attribute. You should enter the source as the link to that image (http://www.yoursite.com/image.jpg). The width and height should match the actual width and size of the image, unless you have a specific reason to have it a different size. The alt should have some text that will allow a person with a reader to listen to the words, and have an idea about your image. I would also duplicate the ALT words in another attribute of TITLE.
If you are wanting to display several photos in a slide show, the CoffeeCup Photo Gallery is a great way to do that.
Hope this helps.
contactsnafu
Trial User
11 posts
No i dont want a logo, i just want a seperate picture on each page to sit ontop of a colured background...basicly each page needs a seperate profile photo & then a djs biography to sit underneath the djs photo.
I dont want to pay for a different version of coffee cup, so there isnt any point contacting them for a diferent version.
I will try your instructions now, thank you!
I dont want to pay for a different version of coffee cup, so there isnt any point contacting them for a diferent version.
I will try your instructions now, thank you!
contactsnafu
Trial User
11 posts
i just made a new page: then clicked on a photo & it loaded the html into the page, but when i put the html into my website the pic doesnt show up(there is a frame where the pic should be, and in the top left of the frame there is a small box with some shapes in it).
Hope to speak soon
thanks
Hope to speak soon
thanks
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
