This is a discussion on "Content over image" within the Web Page Design section. This forum, and the thread "Content over image are both part of the Design Your Website category.
|
|
|
|
|
 |
||
Content over image
|
||
| Notices |
 |
|
|
LinkBack | Thread Tools |
Oct 20th, 2005, 17:00
|
|||
|
|||
|
Content over image
Not sure if this goes here but it involves an html file so....
I have a jpg image (http://i20.photobucket.com/albums/b2.../EUROpage2.jpg) which I want to use as a frame for each page of a website. Each page will have different content. I've sliced up the image to make the buttons work and saved it as an html file (which works as an html file on it's own). Can I now overlay a table or text into the appropriate area without having to do it as part of the image itself? Every thing I've tried ends up splitting the whole image into pieces (thus wrecking the layout), or overlaying parts of the background image with an area of solid colour. I just want a transparent text overlay. If I have to do it as part of the image I shall, but it seems like such a long-winded way of doing it. Not to mention the resulting file size. 
|
|
|
|
Oct 20th, 2005, 20:08
|
|||
|
|||
|
1. yu kan yuze the pik as the body background. ex...<body background="url av the pik">
Then all text in the body will be on top av it. 2. Yu kan put objejts in the body & make em klikabel. Default bakground for all objejts is transparent. Thus, yu kan put text in objekts & still see yer bakground pik. if NE dont seem tu werk, yu kan yuze stile tu deklare that objekt's bakground as transparent.
|
|
Oct 20th, 2005, 21:23
|
|||
|
|||
|
Skwizzer, rather than go for a long-winded explaination of how to, let me get something together so you can see the code and how it's done...
Gimme 24 Hours or so... Do you have a high quality version (.PSD) of this image?
|
|
Oct 20th, 2005, 22:06
|
|||
|
|||
|
This is a quick effort, but examine the code see how it works...
http://www.buildyourown.org.uk/piccies/skwizz.zip
|
|
Oct 21st, 2005, 10:09
|
|||
|
|||
|
Thx munnypenny
I can't have it as a background coz the buttons won't work and it's too haphazard to have them as a separate file and position them on top of the background. By slicing the jpg image to use the buttons, the file is converted to an html file for use as the base for a web page but that's where me problem starts. lol. Ahh great, thx Gav, I'll check it out now. Shoulda posted on my 'other' forum, huh? :wink: Yep, I still have the .psd file, which I'm still using to work with if it's any help. Let me know if u want me to mail it to you. Found a CSS tutorial with an idea about it as well, after posting. Unfortunately I'm only just getting to grips with HTML, know nothing about CSS and don't understand the 1st thing about the CSS tutorial. Looks good though. lololol
|
|
Oct 21st, 2005, 20:09
|
|||
|
|||
|
Check the new version I posted;
http://www.buildyourown.org.uk/piccies/skwizz2.zip Can make the background go all the way to the bottom, but for technical reasons, cannot get the footer to always be at the very bottom of the browser page.
|
|
Oct 25th, 2005, 22:02
|
|||
|
|||
|
Thanks for sorting all that out for me d3mon.
Massive help. 8)
|
|
| Tags |
| content, image |
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Expandable Content Script (Swtich Content) | Matc | JavaScript Forum | 0 | Apr 8th, 2008 10:53 |
| Content Placement + Content Dividing | josephman1988 | Website Planning | 2 | Jan 22nd, 2008 05:02 |
| Fading the content div into the body background-image? | lmc148 | Web Page Design | 5 | Jan 16th, 2008 05:22 |
| Layering content on content in CSS? | wickedmoon | Web Page Design | 1 | Sep 10th, 2007 15:23 |
| Background image overlaping footer image at bottom of div | lw_d | Web Page Design | 4 | Mar 21st, 2006 00:27 |
