Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

How to create own background


  • Please log in to reply

#1
Nightcrawler1228

Nightcrawler1228

    Member

  • Member
  • PipPip
  • 18 posts
Hi,

I have a webpage and I am trying to create my own backgound.

I thought this would be pretty simple but... I have been having nothing but trouble.

I have a simple black background with small yellow squares in Jpeg form.

I have text written on it and it repeats all over the screen... down and across. I would like it on there 1 time only and on the left side.

I also would like to know what the correct format would be to make sure it loads fast and fits the screen correctly.

Any help would be greatly appreciate. Thank you!
  • 0

Advertisements


#2
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts
<p align="left"><img src="url" width=??? height=???></img></p>
I use .png and have no problems with it. Depends on the connection.
Hope this helps you.

Edited by Sockdown, 14 April 2008 - 08:51 PM.

  • 0

#3
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
Hey thanks I appreciate it but I am using page editor. I do not know HTML.

Do I paste this in the HTML section page? And what do I put for the question marks you show.

Sorry to be a pest, I am a beginner.
  • 0

#4
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts
Forget what I said. it won't work. Give me a few minutes and I'll answer back.

Edited by Sockdown, 14 April 2008 - 08:57 PM.

  • 0

#5
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts
Ok, this is using CSS(Cascading Style Sheets).

Example:

<html>
<head>

		<title>Title</title>

<style type="text/css">
body
{ 
background-image: url('url of image');
background-repeat: no-repeat
}
</style>
</head>
<body>
</body>
</html>

Let me know if it helps.

Edited by Sockdown, 14 April 2008 - 09:04 PM.

  • 0

#6
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts
Also, I recommend this website. It's full of tutorials for Web Building.
W3Schools

If you don't know what is CSS, then click here
Let me know if you need any help. :)

Edited by Sockdown, 14 April 2008 - 09:16 PM.

  • 0

#7
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
Hi and thanks again I have been trying to figure this out for days.

Here is the link and you will see what I mean... http://www.freewebs....io123/index.htm

I am reading about css now. Thanks
  • 0

#8
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts

I would like it on there 1 time only and on the left side.

The left side of a page is a lot of territory. Using a non-tileable image as a bg image within the body will allow only so many places it can be placed on the left side. It can only be placed: top left | left center | left bottom .

If you want it placed to the left side as a bg image any other place then you have to do it one of several other ways depending on exactly where on the left you wish the image placed.

If you are happy with the above three choices, then use this:

Between head tags
<style type="text/css">
body { #000 url(path/image.jpg} no-repeat left center scroll; }
</style>

That puts in a black background color, the image is at center left, does not repeat and will scroll with page contents. If you want it done another way, let me know.

With the page Editor, go to Source View and just paste the style tags as is between the head tags. What Page Editor are you using?

Ron

Edited by Major Payne, 14 April 2008 - 09:43 PM.

  • 0

#9
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
Hey Sockdown, thank you very much,

But Umm, Yes please help me here. LOL

I just read this and... I could definetly use some help now. :)
  • 0

#10
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts
You're welcome. I see the background of CSI on the back only once as I think you wanted it. Is that what you wanted?
  • 0

Advertisements


#11
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
No I just wanted the yellow to show on top with the tile and then the CSIMiami on the left one time... It is tiling everything down and across again and again.

I only want everything on the page once or the CSIM can tile down on the left but i obviously made it too big?



Oh hey Major Payne... Sorry I just saw your message. I am using freewebs page editor. So I should go into eaw HTML and paste this yes?

Edited by Nightcrawler1228, 14 April 2008 - 09:51 PM.

  • 0

#12
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
These HTML Errors need to be corrected.

These CSS Errors need to be corrected.

I love Emily Proctor! :)

Ron
  • 0

#13
Sockdown

Sockdown

    Member

  • Member
  • PipPipPip
  • 393 posts
Ok, try this:

<style type="text/css">
body 
{
background-image: 
url('url of image');
background-repeat: 
no-repeat;
background-attachment: 
fixed
}
</style>

  • 0

#14
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
Hey So do I and David Caruso as well, :)

This is just my practice web site... I will not test this on the real deal... i did it once and lost my entire page. LOL

I don't know HTML or CSS... I just always use to site as trial and error when i want to learn.

Like I said I thought this would be so easy. Just a simple background page... OMG!!!

When you wrote the CSS code for me do I just copy and paste that? What does BG stand for?

Thanks so much!
  • 0

#15
Nightcrawler1228

Nightcrawler1228

    Member

  • Topic Starter
  • Member
  • PipPip
  • 18 posts
Nope not working yet. For some reson I can not edit the home page now so I am working on this page. http://www.freewebs....io123/links.htm

Thanks for all the help. I really appreacite it all from both of you.
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP