...

View Full Version : Lining Up Images in a DIV



Denis_dh
05-20-2005, 11:41 PM
Hi,
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!
Denis

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

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

</div>

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

</div>
</div>
</body>
</html>


.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;
}

_Aerospace_Eng_
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum