View Full Version : Lining Up Images in a DIV

05-20-2005, 11:41 PM
I have my images defined in my .css file and then called in the div so that I can write on them and like them this way :D

But the problem is that I seem to be unable to put them side by side because div puts in a line break and span won't show them with their assigned width and height.

Any help appriciated!

<title> Dublin Blues || Rugby League Football Club</title>
<link href="base.css" rel="stylesheet" type="text/css">

<div id="main_container" style="border:solid 2px black">
<div class="newsarea" style="border:solid 2px black">


<div class="welcomeBar" style="border:solid 2px black">


.mainBackground {
background-repeat: repeat-x;
background-color: #284164;

#main_container {
background-repeat: no-repeat;
background-image: url(images/main.jpg);
background-color: #284164;
width: 850px;
height: 520px;
border: solid 1px black;
margin: auto;
.newsArea {
background-repeat: no-repeat;
background-image: url(images/main_bg.jpg);
background-color: #284164;
margin-left: 10px;
margin-top: 20px;
width: 370px;
height: 455px;
.welcomeBar {
background-repeat: no-repeat;
background-image: url(images/bgRecRed.jpg);
background-color: #284164;
width: 500px;
height: 95px;

05-21-2005, 01:00 AM
to get block level elements side by side, you need to use the css float property. float:left; should work fine.