No replies
bsewell
bsewell's picture
Offline
newbie
London
Last seen: 9 years 34 weeks ago
London
Timezone: GMT+1
Joined: 2010-12-15
Posts: 2
Points: 4

Hi,
I'm trying to get 2 div's lining up side by side, like 2 columns. I have a slideshow div, and the slideshow is working. I am having problems getting the div containing the caption for the slideshow to line up next to the other div.

How can I do it?

style.css:

div.content
{
	width:960px;
	margin:auto;
	display:inline;
	float:left;
}
div.slideshow-description
{
	position:relative;
	display:inline;
	float:right;
}
 
.fadein
{
	position:relative;
	display:inline;
	float:left;
}
.fadein img
{
	position:absolute;
	left:0;
	top:0;
}

index.html

<div class="content">
<div class="fadein">
<ul id="hackneyroad">
<li><img src="images/hackney_road_slideshow01.jpg" /></li>
<li><img src="images/hackney_road_slideshow02.jpg" /></li>
<li><img src="images/hackney_road_slideshow03.jpg" /></li>
<li><img src="images/hackney_road_slideshow04.jpg" /></li>
<li><img src="images/hackney_road_slideshow05.jpg" /></li>
<li><img src="images/hackney_road_slideshow06.jpg" /></li>
<li><img src="images/hackney_road_slideshow07.jpg" /></li>
<li><img src="images/hackney_road_slideshow08.jpg" /></li>
</ul>
</div><div class="slideshow-description">Hackney Road</div>
</div>

Thanks