...

View Full Version : Image in table column query



SteveH
07-24-2012, 03:42 PM
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:


<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:


<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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum