Image Problem in HTML-newb question

This is a discussion on "Image Problem in HTML-newb question" within the Web Page Design section. This forum, and the thread "Image Problem in HTML-newb question are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Jun 2nd, 2008, 01:25
Reputable Member
Join Date: Feb 2008
Location: UK
Posts: 136
Thanks: 3
Thanked 3 Times in 3 Posts
Image Problem in HTML-newb question

Hi, Id like to know how to embed an image so that it goes over the background in a html page and can have images placed over the top of it.

Example:

1. Background is black- set in page properties.
2. Image inserted in center of page
3. I want the image in the center embedded into the background so I can place another image/flash etc over the top of it.

Please help.

Thank you
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Jun 2nd, 2008, 02:57
CloudedVision's Avatar
Moderator
Join Date: Feb 2008
Location: In My Own Little World
Age: 14
Posts: 1,266
Blog Entries: 9
Thanks: 2
Thanked 40 Times in 40 Posts
Re: Image Problem in HTML-newb question

You'll have to use CSS for that one. Just make a container div for the text that goes over the image and set the background to the image. Like this:

Code: Select all
<div style="background:url('my_img.gif');">Overlaying text</div>
__________________
Web Design And Development: Other Road Design | Problems with IE6?: KApp | My Blog: Only Nerds Allowed | Learning PHP? Lessons
Last Blog Entry: Hilarious Rapper (Jul 29th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Jun 6th, 2008, 00:18
Reputable Member
Join Date: Dec 2005
Location: U.S.A.
Posts: 155
Thanks: 0
Thanked 4 Times in 4 Posts
Re: Image Problem in HTML-newb question

Quote:
Example:

1. Background is black- set in page properties.
2. Image inserted in center of page
3. I want the image in the center embedded into the background so I can place another image/flash etc over the top of it.
Include all of that in your stylesheet.

Code: Select all
background {
color: #000000 url(path to your image) no-repeat center center;
}
That will make the web page black and center a background image on the page. Everything will lay on top of the background image.

I think that may be what your looking for.

Good Luck,
Scott
__________________
Web Design and Development
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Image display question shammy2007 JavaScript Forum 2 Jan 16th, 2008 01:45
Newby newb question on using image genista Web Page Design 5 Jul 17th, 2007 12:39
Image Change Question adz13091982 Starting Out 3 Apr 28th, 2007 09:17
Total newb question....soryy!! lydian Web Page Design 8 May 28th, 2005 14:58
image as hyperlink question bklcomputing Web Page Design 2 May 20th, 2005 06:56


All times are GMT. The time now is 18:33.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42