Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    Regular Coder
    Join Date
    Nov 2005
    Posts
    750
    Thanks
    138
    Thanked 1 Time in 1 Post

    Image in table column query

    Hello

    I have a page that looks like this (please see attached).

    I am hoping to be able to put fading images in Column 1. Below is a stripped down version of my HTML/CSS:

    Code:
    <head>
    JS to fade images
    </head>
    
    <style type="text/css">
    	
    body,
    html {
    margin:0;
    padding:0;
    color:#000;
    background:#ffffff;
    }
    
    #wrap {
    width:750px;
    margin:0 auto;
    background:#ffffff;
    }
    
    #header {
    padding:5px 10px;
    background:#ddd;
    }
    
    h1 {
    margin:0;
    }
    	
    #nav { overflow: hidden;} 
    
    #nav ul {  
        position: relative; 
        float: left; 
        left: 66%; 
        padding: 0; 
        list-style: none; } 
    
    #nav li {  
        position: relative; 
        float: left; 
        right: 50%; 
        margin: 0 5px; } 
    
    #main {
    float:right;
    width:480px;
    padding:10px;
    background:#9c9;
    }
    
    h2 {
    margin:0 0 1em;
    }
    
    #sidebar {
    float:left;
    width:230px;
    padding:10px;
    background:#ffffff;
    }
    
    #footer {
    clear:both;
    padding:5px 10px;
    background:#cc9;
    }
    
    #footer p {
    margin:0;
    }
    
    * html #footer {
    height:1px;
    }
    
    </style>
    
    <body>
    <div id="wrap">
    	<div id="header"><h1>101 poems</h1></div>
    	<div id="nav">
    		<ul>
    			<li><a href="/">Option 1</a></li>
    			<li><a href="/">Option 2</a></li>
    			<li><a href="/">Option 3</a></li>
    			<li><a href="/">Option 4</a></li>
    			<li><a href="/">Option 5</a></li>
    		</ul>
    	</div>
    	<div id="main">
    		
                    Headlines, links, and paras here
    
    	</div>
    
    
    	<div id="sidebar">
    		<h2>Column 1</h2>
    		<p>Fading Image</p>
    		
    	</div>	
    
    <div id="footer">
    		<p>Footer</p>
    	</div>
    </div>
    </body>
    What I need to do is place the fading images in column 1 (marked in red above) using the following:

    Code:
    <div id="placeholderImageBackground">
      <img alt="slide show" src="test1.jpg" width="210" height="210" id="placeholderImage" />
    </div>
    
    
    <script type="text/javascript">
    RunSlideShow("placeholderImage","placeholderImageBackground",
        "test1.jpg;test2.jpg;test3.jpg;test4.jpg;test5.jpg",6);
    </script>
    However, despite trying a few things, I am not too sure how to go about it.

    Thanks for any advice.

    Steve
    Attached Thumbnails Attached Thumbnails Image in table column query-2cols.jpg  


 

Posting Permissions

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