...

View Full Version : align div's and images horizontally



lluis.forns
11-18-2008, 12:03 PM
I have a website created with drupal and I want a group of banners showed horizontal, and another vertical. How can I make this just with CSS? The one I want horizontall looks like:

<div id="block-ad-1" class="block block-ad">
<h2 class="title"/>
<div class="content">
<div id="group-id-tids-1" class="advertisement group-tids-1">
<script src="" type="text/javascript"/>
<div id="ad-16" class="image-advertisement">
<a title="" href="">
<img height="50" width="125" alt="" src=""/>
</a>
</div>
<div id="space-1-1" class="advertisement-space"/>
<div id="ad-14" class="image-advertisement">
<a title="" href="">
<img height="50" width="60" alt="" src=""/>
</a>
</div>
<div id="space-1-2" class="advertisement-space"/>
<div id="ad-18" class="image-advertisement">
<img height="50" width="63" alt="" src=""/>
</div>
<div id="space-1-3" class="advertisement-space"/>
<div id="ad-12" class="image-advertisement">
<img height="50" width="44" alt="" src=""/>
</div>
<div id="space-1-4" class="advertisement-space"/>
<div id="ad-13" class="image-advertisement">
<a title="" href="">
<img height="50" width="46" alt="" src=""/>
</a>
</div>
</div>
</div>
</div>

thanks

abduraooft
11-18-2008, 12:32 PM
I have a website created with drupal and I want a group of banners showed horizontal, and another vertical. Could you specify them from the above code?

effpeetee
11-18-2008, 12:47 PM
You have many errors in your code. Look here. (http://validator.w3.org/check?uri=http%3A%2F%2Fgrimhq.com%2Findexliquid.php&charset=%28detect+automatically%29&doctype=Inline&group=0)

Frank

lluis.forns
11-18-2008, 01:34 PM
At last I managed to do this using:



.group-tids-2 .image-advertisement {
text-align: center;
}

.group-tids-1 .image-advertisement {
float: right;
padding: 3px;
}


One "block" horizontal" and the other "vertical".

I will check for the errors that appear when validating



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum