Results 1 to 3 of 3

Thread: Overlaying/Layering help

  1. Mar 26th, 2003, 10:21 AM #1
    alex_read
    alex_read is offline

    Thread Starter
    Evil Genius alex_read's Avatar
    Join Date
    May 2000
    Location
    Espoo, Finland
    Posts
    5,538

    Cool Overlaying/Layering help

    I would love to know how I can make the word "Sampletext" held in the div tag below, appear over the top of the image in the same table column, rather than below it, can anyone help me here please?
    Code:
    <html>
<head>
	<title> </title>
</head>

<body>

	<!-- HEADING TABLE-->
	<TABLE Id="tblHeading" border="0" cellpadding="0" cellspacing="0" width="800">
	<TR>
		<TD VAlign="Bottom" Style="Width:300px"><IMG SRC="images/samplepic.jpg"></TD>
		<TD Align="Right" VAlign="Bottom">
			<IMG SRC="images/samplepic2.jpg">
			<DIV>
				SampleText
			</DIV>
		</TD>
	</TR>
	</TABLE>

</body>
</html>

    Please rate this post if it was useful for you!
    Please try to search before creating a new post,
    Please format code using [ code ][ /code ], and
    Post sample code, error details & problem details
    Reply With Quote Reply With Quote
  2. Mar 26th, 2003, 10:40 AM #2
    plenderj
    plenderj is offline
    Retired VBF Adm1nistrator plenderj's Avatar
    Join Date
    Jan 2001
    Location
    Dublin, Ireland
    Posts
    10,359
    You could just use a layer

    Code:
    <html>
<head>
<title> </title>
</head>

<body>
<div id="Layer1" style="position:absolute; width:74px; height:20px; z-index:1; left: 658px; top: 218px">SampleTex</div>
<!-- HEADING TABLE-->
	<TABLE Id="tblHeading" border="0" cellpadding="0" cellspacing="0" width="800">
	<TR>
		
    <TD VAlign="Bottom" Style="Width:300px"><IMG SRC="images/samplepic.jpg" width="203" height="325"></TD>
		
    <TD Align="Right" VAlign="Bottom"> 
      <div> </div>
      <IMG SRC="images/samplepic2.jpg" width="203" height="325"> 
    </TD>
	</TR>
	</TABLE>

</body>
</html>
    Microsoft MVP : Visual Developer - Visual Basic [2004-2005]
    Reply With Quote Reply With Quote
  3. Mar 26th, 2003, 12:34 PM #3
    Travis G
    Travis G is offline
    Addicted Member
    Join Date
    Sep 2002
    Location
    Durham, NC, US
    Posts
    218
    The important part is not the magic word "layer", but the z-index property. You should just be able to add it to what you already have.
    Travis, Kung Foo Journeyman

    Web Standards: HTML 4.01, CSS Level 2, ECMA 262 Bindings to DOM Level 1, JavaScript 1.5 Guide and Reference
    Perl: Documentation, Learn Perl, Llama, Camel, Cookbook, Perl Monks, Perl Mongers, O'Reilly's Perl.com, ActiveState, CPAN, TPJ, and use Perl;
    OSS: Mozilla, MySQL (Manual)
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules


Click Here to Expand Forum to Full Width