 |
HTML Help
Please Search for the answer to your question before asking it! Thanks.
|
| View previous topic :: View next topic |
| Author |
Message |
NandSi
Joined: 12 Jan 2009
Posts: 24
|
| Posted: Mon Jan 19, 2009 11:33 am Need help overlapping images please |
|
|
Hi, I looked on the forum and tried something that was suggested and it didn't work for me:
Code: <td><tr>This is text in an Absolutely Positioned LayerThe boxes are positioned using CSS Absolute Positioning.
The boxes are layered using CSS Z-Index.
The Yellow box (Layer1) has a Z-Index of 1 (Bottom)
The Blue box (Layer2) has a Z-Index of 2 (on top of Yellow Box)
The Text (Layer3) has a Z-Index of 3 (on Top)
<style type="text/css">
<!--
#Layer1 {<img src="http://xxxx.com/newfiles/IMG_98591.jpeg">;
position: absolute;
z-index: 1;
height: 100px;
width: 100px;
left: 100px;
top: 100px;
}
#Layer2 {<img src="http://xxxx.com/newfiles/reen.jpeg">;
position: absolute;
z-index: 2;
height: 100px;
width: 100px;
left: 150px;
top: 50px;
}
#Layer3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #000000;
text-decoration: underline overline;
position: absolute;
z-index: 3;
left: 50px;
top: 100px;
}
-->
</style></td></tr>
I tried putting this in the <body> part of my page. I tried adding it to an existing table. I tried not putting it in a table.
I don't use CSS and wasn't sure if this was a stand alone thing that might work.
I'm just hoping to find out how to overlap a few photos.
I'm so frustrated.... |
|
|
|
Corey Bryant
Joined: 15 May 2004
Posts: 8749
Location: Castle Pines North, CO USA
|
| Posted: Mon Jan 19, 2009 1:02 pm |
|
|
It would be more like
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Untitled 3</title>
<style type="text/css">
#Layer1 {<img src="http://xxxx.com/newfiles/IMG_98591.jpeg">;
position: absolute;
z-index: 1;
height: 100px;
width: 100px;
left: 100px;
top: 100px;
}
#Layer2 {<img src="http://xxxx.com/newfiles/reen.jpeg">;
position: absolute;
z-index: 2;
height: 100px;
width: 100px;
left: 150px;
top: 50px;
}
#Layer3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #000000;
text-decoration: underline overline;
position: absolute;
z-index: 3;
left: 50px;
top: 100px;
}
</style>
</head>
<body>
<div id="Layer1">
<div id="Layer2">
<div id="Layer3">
</div>
</div>
</div>
</body>
</html>
Styles can be external, internal, or inline. Above, this is an example of an internal style.
Now, if you were to save this:
Code: #Layer1 {<img src="http://xxxx.com/newfiles/IMG_98591.jpeg">;
position: absolute;
z-index: 1;
height: 100px;
width: 100px;
left: 100px;
top: 100px;
}
#Layer2 {<img src="http://xxxx.com/newfiles/reen.jpeg">;
position: absolute;
z-index: 2;
height: 100px;
width: 100px;
left: 150px;
top: 50px;
}
#Layer3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #000000;
text-decoration: underline overline;
position: absolute;
z-index: 3;
left: 50px;
top: 100px;
}
as styles.css in an included folder, then add
Code: <link rel="stylesheet" href="includes/style.css" type="text/css">
to the <head> this would be an example of an external style sheet.
_________________
Corey
Toll Free Solutions | Mile High Merchant Accounts | Expression Web Blog |
|
|
NandSi
Joined: 12 Jan 2009
Posts: 24
|
| Posted: Tue Jan 20, 2009 1:34 pm |
|
|
Hi Corey,
I thought I was saving you having to read thru unnecessary code....sorry!!! But this is what the top of my page says. Do I have to change it to what you wrote and will it still work with GoLive??
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<title>OTC Rentals </title>
</head>
And I'm wondering why the person who posted the solution I previously wrote down, why they didn't add all the lines you added to the end of your code.
Code: <div id="Layer1">
<div id="Layer2">
<div id="Layer3">
</div>
</div>
</div>
That was not part of their suggestion. I'm just asking because I'm trying to better understand all of this.
Thanks alot for you help! |
|
|
Corey Bryant
Joined: 15 May 2004
Posts: 8749
Location: Castle Pines North, CO USA
|
| Posted: Tue Jan 20, 2009 3:00 pm |
|
|
NandSi wrote: Hi Corey,
I thought I was saving you having to read thru unnecessary code....sorry!!! But this is what the top of my page says. Do I have to change it to what you wrote and will it still work with GoLive??
GoLive (I think) is a WYSIWYG editor. It helps you create web pages and (like most other WYSIWYG editors), it starts you out with some of the basic parts of the website.
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
is incorrect.
It should be:
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
The meta name:
Code: <meta name="generator" content="Adobe GoLive 6">
does not need to be in there.
The meta content - you can use the one I posted or the one Adobe GoLive provided.
I gave you an example of a complete web page using the code you provided.
NandSi wrote: And I'm wondering why the person who posted the solution I previously wrote down, why they didn't add all the lines you added to the end of your code.
I am not exactly certain. The code you provided, was not correct - meaning that the <style> element seemed to be in the <body> since it was inside a <td> / <tr>. These elements (<td> / <tr>) are usually located in the <body>. And they are usually in the other order:
Code: <table style="width: 100%">
<tr>
<td>Lorem Ipsum</td>
</tr>
</table>
_________________
Corey
FrontPage Server Extensions | Centering a Website |
|
|
NandSi
Joined: 12 Jan 2009
Posts: 24
|
| Posted: Tue Jan 20, 2009 8:17 pm |
|
|
Hi. Well I took a completely blank page, pasted your code in, put in the correct names of the images...and it doesn't show up anything at all. Just a blank page.
And I guess I should mention that the code I gave you originally...well that was to overlap 2 colored boxes. So there was only a color #code listed. I changed that and thought I could add in an <img src>.
So possibly I am wrong and this isn't the correct code for images, but rather for colored boxes??
If I took your code & used it...it should work right?
I'm sorry to bother you with this, then again maybe you like challenges :)
Also, that Doc type at the beginning. You told me it was incorrect....but GoLive put that in and all the pages are up & running just fine. Do I really need to change it to what you wrote? |
|
|
sticks464
Joined: 31 Dec 2006
Posts: 2311
|
| Posted: Tue Jan 20, 2009 9:34 pm |
|
|
It won't work because this is html and not css
Code: <img src="http://xxxx.com/newfiles/IMG_98591.jpeg">
To add an image in css and get the div's to overlap do this
Code: <style type="text/css">
#Layer1 {
position: absolute;
background: #FF0000 url(http://xxxx.com/newfiles/IMG_98591.jpeg) no-repeat top left;
z-index: 1;
height: 100px;
width: 100px;
left: 100px;
top: 100px;
}
#Layer2 {
position: absolute;
background: #0000FF url(http://xxxx.com/newfiles/reen.jpeg) no-repeat top left;
z-index: 2;
height: 100px;
width: 100px;
left: 50px;
top: 50px;
}
#Layer3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #000000;
text-decoration: underline overline;
position: absolute;
z-index: 3;
left: 0;
top: 0;
}
HTML
Code: <div id="Layer1">
<div id="Layer2">
<div id="Layer3">
Some text goes here
</div>
</div>
</div> |
|
|
NandSi
Joined: 12 Jan 2009
Posts: 24
|
| Posted: Tue Jan 20, 2009 10:15 pm |
|
|
Thank you very much!!! Now I'm getting somewhere....only what I end up with is a red & blue overlapping box and not my images. I did, of course, change your code
to include my correct image names.
Since I'm in GoLive....do I need the full path? Should I add www in front or is that not nec? I did use the full path & I also tried just using the folder in GoLive where the images are...neither way worked. Just the boxes.
Sorry if I'm missing something really simple here. Thanks for your help tho!! |
|
|
sticks464
Joined: 31 Dec 2006
Posts: 2311
|
| Posted: Wed Jan 21, 2009 4:43 am |
|
|
| Are these images going in a <td>? If so the coding will have to be changed. If the css is going onto an external stylesheet, the image path has to be enclosed with single quotes ie. Code: background: #0000FF url('http://xxxx.com/newfiles/reen.jpeg') no-repeat top left; |
|
|
NandSi
Joined: 12 Jan 2009
Posts: 24
|
| Posted: Wed Jan 21, 2009 8:33 am |
|
|
Hi. Thanks for that help, last night. I got it to work, then my internet connection died :(
My question is how do I get this into a cell of a table?? I do not know how to use style sheets yet. Do I need to do that?
I'm just starting a new page with several tables in it. I'd like to be able to insert these overlapping images wherever I need to.
My current code for this page is:
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<title>OTC Rentals </title>
</head>
<body bgcolor="#FFFFFF" background="NewFiles/Bgd.gif" bgproperties="fixed" link="#7b00ff" vlink="#7b00ff" alink="#7b00ff">
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigadeatmediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<table width="1154" border="0" cellspacing="0" cellpadding="0" height="526" align="center">
<tr valign="top">
<td>
<table width="1159" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="514" height="139">
<div align="center">
<img src="NewFiles/xxLogo-gray.jpeg" width="360" height="152"></div>
</td>
<td valign="middle" width="645" height="139" align="center">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="5">Since
<font color="#CC0000">1971</font> XXXX has been serving the XXXX area with superior Audio, Video and Lighting service. </font></div>
</td>
</tr>
</table>
<table width="1156" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="6">
<div align="center">
<img src="NewFiles/Cool%20Purple%20background.jpg" width="652" height="15"></div>
</td>
</tr>
</table>
<table width="1089" border="8" cellspacing="10" cellpadding="0">
<tr valign="top">
<td width="252" height="43">
<div align="center">
<a href="index.html"><b>HOME</b></a></div>
</td>
<td width="185" height="43">
<div align="center">
<b><a href="Services.html">
SERVICES</a></b></div>
</td>
<td width="182" height="43">
<div align="center">
<b>
PRODUCTS</b></div>
</td>
<td width="193" height="43">
<div align="center">
<b>
RENTALS</b></div>
</td>
<td width="139" height="43">
<div align="center">
</div>
</td>
<td width="196" height="43">
<div align="center">
<a href="contactus.html"><b>CONTACT US</b></a></div>
</td> </tr> </table>
<table width="1147" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5"></td>
<td width="126"></td>
<td width="290"></td>
<td width="308">
<div align="center">
<h3>Soundz AVL had a huge inventory of items for rental.</h3>
</div>
</td>
<td width="33"></td>
<td width="397"></td>
</tr>
<tr>
<td width="5"></td>
<td width="126"></td>
<td width="290">
<div align="center">
<h3>Prices listed are for pick-up only. Delivery/Set-up prices available on request.</h3>
</div>
</td>
<td width="308"></td>
<td width="33"></td>
<td width="397">
<div align="center">
<h3>Prices listed are daily price.</h3>
<h3>Discount for multiple day rental.</h3>
</div>
</td>
</tr>
<tr>
<td width="5" height="52" rowspan="2"> </td>
<td colspan="5" valign="top" width="1154" height="947">
<div align="center">
<h2></h2>
<h2><i>LIGHTING</i></h2>
<table width="1000" border="1" cellspacing="2" cellpadding="0">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<p></p>
<h2><i>SOUND</i></h2>
</div>
<div align="left">
</div>
<div align="center">
<table width="1000" border="1" cellspacing="2" cellpadding="0">
<tr>
<td width="33%"><u>Small PA Package</u>- 4 Channel Powered Mixer, 2 100 Watt speakers, 2 - Speaker stands, 2 - 25' Speaker cables, 1 - Microphone (not pictured)</td>
<td align="center" valign="middle" width="33%">
<h3><font color="red"><i><b>$90</b></i></font></h3>
</td>
<td width="34%"><img src="NewFiles/IMG_9845.jpg" alt="" height="340" width="500" border="0"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
</table>
<p></p>
<p></p>
<p></p>
<h2><i>VIDEO</i></h2>
<table width="1000" border="1" cellspacing="2" cellpadding="0">
<tr>
<td width="33%"><u>Small Projector Package</u> - 2,500 Lumen Projector, 60" x 60" Tripod Screen, Computer to projector link-up cable or DVD to projector cable.</td>
<td width="33%">
<div align="center">
<h3><b><i><font color="red">$150</font></i></b></h3>
</div>
</td>
<td width="34%">
<div align="center">
<img src="newfiles/IMG_98591.jpg" alt="" height="175" width="250" border="0"> <img src="newfiles/ProjectionScreen.jpg" alt="" height="101" width="128" border="0"></div>
</td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
</table>
<p></p>
<p></p>
<p></p>
<h2><i>PIPE & DRAPE</i></h2>
<table width="1000" border="1" cellspacing="2" cellpadding="0">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<p></p>
</div>
<p> </p>
<h1></h1>
<p></p>
<hr noshade>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</td>
<marquee behavior="alternate" direction="right" loop="infinate" scrollamount="2"><font size="5" color="red"><b>This page will be updated daily until list is complete.</b></font></marquee>
</tr>
<tr>
<td colspan="5" valign="top" width="1154" height="114" rowspan="2">
<div align="center"></div>
</td>
</tr>
<tr>
<td width="5" height="2"> </td>
</tr>
<tr>
<td width="5"> </td>
<td colspan="3" valign="top" width="724"> </td>
<td colspan="2" align="center" valign="top" width="430"> </td>
</tr>
<tr>
<td width="5" height="82" rowspan="2"> </td>
<td colspan="2" width="416" height="23">
<div align="center">
<p><font face="Arial, Helvetica, sans-serif" size="4">(847) 838-2121 </font></p>
<p><font face="Arial, Helvetica, sans-serif" size="4">Fax (847) 838-3131</font></p>
</div>
</td>
<td colspan="3" width="738" height="86" rowspan="9">
<div align="left"><img src="NewFiles/SzLogo-gray.jpeg" width="360" height="152" align="top"></div>
</td>
</tr>
<tr>
<td colspan="2" width="416" height="12">
<div align="center">
<font face="Arial, Helvetica, sans-serif" size="4">E-mail: <a href="mailto:%20soundzavlathotmail.com">SoundzAVLathotmail.com</a> </font></div>
</td>
</tr>
<tr>
<td width="5"> </td>
<td colspan="2" rowspan="7" width="416">
<div align="center">
<h1><img src="newfiles/concert-small.jpg" width="249" height="120" alt="Coldplay"></h1>
</div>
</td>
</tr>
<tr>
<td width="5" height="2"> </td>
</tr>
<tr>
<td width="5"> </td>
</tr>
<tr>
<td width="5"> </td>
</tr>
<tr>
<td width="5"> </td>
</tr>
<tr>
<td width="5"> </td>
</tr>
<tr>
<td width="5" height="2"> </td>
</tr>
<tr>
<td width="5"> </td>
<td width="126"> </td>
<td width="290"> </td>
<td width="308"> </td>
<td width="33"> </td>
<td width="397"> </td>
</tr>
<tr>
<td width="5"> </td>
<td width="126"> </td>
<td width="290"> </td>
<td width="308"> </td>
<td width="33"> </td>
<td width="397"> </td>
</tr>
<tr>
<td width="5" height="22"> </td>
<td colspan="5" width="1154" height="22">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2">©2002-2009 Soundz AVL All Rights Reserved</font></div>
</td>
</tr>
</table>
<p> </p>
</td>
</tr>
</td>
</tr>
</table>
</body>
</html>
</html>
|
|
|
sticks464
Joined: 31 Dec 2006
Posts: 2311
|
| Posted: Wed Jan 21, 2009 8:49 am |
|
|
I can give you a good example after I get home this afternoon.
The no-right-click script is usless with features in some of today's modern browsers. The best protection for images is an embedded watermark.
This
Code: <body bgcolor="#FFFFFF" background="NewFiles/Bgd.gif" bgproperties="fixed" link="#7b00ff" vlink="#7b00ff" alink="#7b00ff">
is actually a style, just written as old html styleing for a table. Knowing css is very useful and encouraged whether using tables or new modern techniques. New techniques call for tables to be used for displaying tabular data not page layout. |
|
|
NandSi
Joined: 12 Jan 2009
Posts: 24
|
| Posted: Wed Jan 21, 2009 9:07 am |
|
|
Thanks alot!!!
I am having trouble learning the little that I'm able to grasp at the moment. Arent style sheets used when you want to do the same thing over & over, page after page? I just want to be able to do this on this one page, over & over & I can just copy & paste & make a few changes.
I really do appreciate your help!!!
I do have watermarks imbedded and that is fun. THe no right click is just there from before I did that and I'm sure deters some people.
Have a great day!! |
|
|
sticks464
Joined: 31 Dec 2006
Posts: 2311
|
| Posted: Wed Jan 21, 2009 11:23 am |
|
|
CSS lets a designer remove presentational code from the markup therefor alliating repetative code.
This
Code: <body bgcolor="#FFFFFF" background="NewFiles/Bgd.gif" bgproperties="fixed" link="#7b00ff" vlink="#7b00ff" alink="#7b00ff">
can then be applied to every page by putting the rule on one external page and linking to that page from all others thereby reducing coding time and page bloat. |
|
|
NandSi
Joined: 12 Jan 2009
Posts: 24
|
| Posted: Wed Jan 21, 2009 12:45 pm |
|
|
I know it is supposed to be easier that way but I don't have time to learn that right now & so I just start a new page & copy the previous page upper parts like the background etc.
So I guess my question is do I need to make a style sheet if I'm just going to do something here & there within a page? I don't think I will be needing to overlap too many images on any given page.
But I do need to put them into a table and appreciate all your help!
Thanks |
|
|
sticks464
Joined: 31 Dec 2006
Posts: 2311
|
| Posted: Wed Jan 21, 2009 12:53 pm |
|
|
A style sheet is not just for one or two things on a page, it is for the entire site, different items different pages.
I'll be home in about 45 minutes, where do you want the overlapping images and what is their size, in the code above you supplied? |
|
|
NandSi
Joined: 12 Jan 2009
Posts: 24
|
| Posted: Wed Jan 21, 2009 1:46 pm |
|
|
It appears that each cell in the table is w=324 x h=276.
This particular overlapping image group I'd like to put in the top right cell of the table.
This is where the 2 images are now with one underneath the other. But would love them to be overlapped....
Code: <h2><i>VIDEO</i></h2>
<table width="1000" border="1" cellspacing="2" cellpadding="0">
<tr height="276">
<td width="33%" height="276"><u>Small Projector Package</u> - 2,500 Lumen Projector, 60" x 60" Tripod Screen, Computer to projector link-up cable or DVD to projector cable.</td>
<td width="324" height="276">
<div align="center">
<h3><b><i><font color="red">$150</font></i></b></h3>
</div>
</td>
<td width="34%" height="276">
<div align="center">
<img src="newfiles/IMG_98591.jpg" alt="" height="175" width="250" border="0"> <img src="newfiles/ProjectionScreen.jpg" alt="" height="101" width="128" border="0"></div>
</td>
</tr>
I just made a 3 column table thinking I could use one column for name & description, one for price and one for photos.
thanks!!!!!
I can make the photos any size I need.
Here is the code you gave me that I was able to make work with the 2 images in question. These are not in a table of course and are just positioned overlapping how I'd like them to be.
Code: #Layer1 { background: url(newfiles/IMG_98591.jpg) no-repeat left top; position: absolute; z-index: 1; top: 100px; left: 100px; width: 638px; height: 328px; visibility: visible }
#Layer2 { background: url(newfiles/ProjectionScreen.jpg) no-repeat left top; position: absolute; z-index: 2; top: 180px; left: 515px; width: 200px; height: 200px; visibility: visible }
Thanks!! |
|
|
| |
|
|
|
Powered by phpBB Search Engine Indexer
Powered by phpBB 2.0.19 © 2001, 2002 phpBB Group
|
