Getting 2 blocks lined up horizontally in header

By .kuma on 16 Sep 2008 at 00:58 UTC

I have 2 blocks I'd like to have lined up horizontally, but they are put on separate lines.

WANT:
[Primary Links] [Google Search]

HAVE:
[Primary Links]
[Google Search]

I've even tried deleting all the CSS in my theme (I'm using Toasted), and they still don't line up! This leads me to believe it's the way the blocks are being created. I do see a function in the Toasted theme which has a $block as a parameter. However, when I changed themes to all the built-in themes, these too show the two blocks on separate lines...

So is this something Drupal does when creating the blocks, is it something Toasted is doing, or is it some CSS issue? I did follow the suggestions here: http://drupal.org/node/241675

Basically I have

<div id="blocks_header">
<div id="block-1"></div>
<div id="block-2"></div>
</div>

So I tried to float the first one left, the second right, but they refuse to lineup horizontally... There are some other CSS rules being applied, like clear, margins, etc.

Please let me know where to look, and what CSS tags to look out for. Thanks for any help!!

Comments

try float

kuldip zala commented 16 September 2008 at 03:58

hi,

you can try with giving float:left to your class.
and you give exact url where it is so it easier to me to solve your query.

Thank you very much for your

.kuma commented 16 September 2008 at 16:44

Thank you very much for your reply!

I'm working locally now; it'd be a little hard to move everything to the Internet, but if the code I provide below doesn't help, then I'd be more than happy to do so.

Like I mentioned before, even with totally removing the theme's (Toasted) style sheet, the blocks were not on the same line. However, I removed this line from the theme's template.php file $output .= " <h2 class=\"title\">$block->subject</h2>\n"; and then removed the style sheet, and the blocks were on one line. So I think this narrows it down to something in the stylesheet.

Here is the style sheet

/*
Based on the "Burnt" theme by Drupal user der (http://drupal.org/user/20575)
This theme has not been tested in IE6
*/

/*Primary Links and Search*/
div#block-menu-primary-links {
	width: 550;
	font-color: green;
	background: green;
}

div#block-google_cse-0 {
	width: 200px;
}

/*Block Spacer*/
/*div#space {
height: 20px;
border-top: 1px solid #CCC;
} 
*/

/*Space between home page block and next block*/
div#home_space {
  height: 60px;
}

/*Spacers for block (can't put space between all blocks since this would
create space under primary links, etc.)*/
div.blockSpace {
  height: 25px;
}

/*Override "more-link" css*/
.more-link /* Aggregator, blog, and forum more link */
{
  text-align: left;
  font-style: italic;
}

/*****BASIC*****/
body {
 background: #eee;
}

#container {
/*  width: 920px;*/
  width: 1100px;	
  border: 1px solid #aaa;
  padding: 0 10px;
  background: #fff;
  color: #222;
  margin: 0 auto;
  font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.6em;
}

#main {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
}

#header {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #aaa;
  margin: 10px 0 0 0;
  min-height: 100px;
}

/*
#header img#logo {
  display: block;
  margin: 0 auto;
}*/

header img#logo {
	float: left;
	padding: 0em 2em .5em 0em;
}

#header #rss {
  position: absolute;
  top: 0;
  right: 0;
  height: 14px;
  width: 14px;
}

#header p {
  margin: 0;
  padding: 0;
}

#site_name {
  padding-top: 15px;
  display: block;
  text-align: center;
  font-size: 5em;
  line-height: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  color: #555;
}

#site_slogan {
  margin: 5px auto;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  font-style: italic;
  color: #555;
}

#content {
  float: left;
  width: 100%;
}

#content.admin {
  width: 750px;
  padding-top: 0;
}

/* left sidebar is enabled */
#content.left {
/*  width: 739px;*/
  width: 915px;
}

/* right sidebar is enabled */
#content.right {
  width: 750px;
}

/* both sidebars are enabled */
#content.both {
/*  width: 570px;*/
  width: 680px;
/*  width: 720px;*/
}

#mission {
  clear: both;
  margin: -3px auto 10px auto;
  padding: 6px 12px 6px 12px;
  background-color: #eee;
  color: #000;
}

#footer {
  clear: both;
  background-color: #eee;
  border-top: 1px solid #000;
  padding: 10px;
  margin-bottom: 10px;
}

#footer p {
  color: #000;
  margin: 0;
}

#footer p#footer_message {
  text-align: center;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #888;
}

a:link {
  color: #888;
}

/*Hover over Menu Items and Links*/
a:hover {
  color: #000;
}

/*Upon Clicking*/
a:active {
  color: #888;
}

#block-user-1 a,
#block-user-1 a:link,
#block-user-1 a:visited {
  color: #555;
}

/*Background for Left Menu Items*/
#block-user-1 a:hover {
  background-color: #555;
  color: white;
}

/*Background for Nice Menu Module/CSS Drop-down Primary Links*/
#nice-menu-1 a:hover {
  background-color: #555;
  color: white;
}

/*Background for Nice Menu Module/CSS Drop-down Primary Links*/
#nice-menu-2 a:hover {
  background-color: #555;
  color: white;
}



h1, h2 {
  color: #666666;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

h1.title {
  font-size: 3em;
  line-height: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 100;
}

h2 a {
  color: #666;
}

h2 a:link {
  color: #666;
}

h2 a:hover {
  color: #000;
}

h2 a:active {
  color: #666;
}

em.info {
  color: #555;
}

.node p {
  text-align: justify; 
}

li.expanded {
  list-style: none;
}

li.collapsed {
  list-style: none;
}

li.leaf {
  list-style: none;
}

li.pager-current {
  font-weight: normal;
}

.breadcrumb {
  text-align: left;
  color: #999999;
  padding: 0;
  margin-bottom: 5px;
}

.breadcrumb a:link, .breadcrumb a:visited {
	color: #999999;
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #aaaaaa;
	text-decoration: none;
}

.status {
  background-color: #c7f2c8;
  border: 1px solid #61aa63;
}

.error, .warning {
  background-color: #fcc;
  border: 1px solid #d77;
}

.messages {
  margin-bottom: 10px;
  color: #300;
  padding: 2px;
}


#search {
  position: absolute;
  right: 0;
  bottom: 0;
}

#search .form-submit {
  padding: 1px 2px 1px 2px;
  margin: 2px 0 2px 0;
}

/* A little hacky */
.float_clear {
  clear: both;
}

/* Remove the dotted outline in Firefox */
.no_outline {
  outline: none;
}

/*****FRONT PAGE*****/
#content.front {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}

#content.front.left {
  width: 739px;
}

#content.front.right {
  width: 455px;
}

#content.front.both {
/*  width: 370px;*/
width: 680px;
}

#sidebar-left.front ul a {
  padding: 5px;
}

#sidebar-left.front .node h2.title, #sidebar-right.front .node h2.title {
  font-size: 1.5em;
  font-weight: 100;
}

/*
#sidebar-left.front .node a {
  width: 100%;
  max-width: 455px;
  border: 0;
  margin: 0;
  padding: 0;
}

#sidebar-left.front .node p {
  padding: 0;
}
*/

#sidebar-right.front {
  width: 455px;
  margin-left: 10px;
  float: left;
  padding: 0;
  border: 0;
}

#sidebar-right.front.both {
/*  width: 359px;*/
width: 149px;
}

.front .node p {
  padding: 0;
}

.front .node {
  margin-top: 10px;
}

/*****SIDEBAR LEFT*****/
#sidebar-left {
  width: 160px;
  margin-right: 10px;
  float: left;
  padding: 0;
  padding-right: 10px;
  border: 0;
  border-right: 1px solid #bbb;
}

#sidebar-left ul {
  margin: 0;
  padding: 0;
  list-style-type: none;			
  width: 140px;
}

#sidebar-left li li a {
  margin: 0 0 0 15px;
  width: 125px;
}

#sidebar-left li li li a {
  margin: 0 0 0 30px;
  width: 110px;
}

#sidebar-left a {
  display: block;
  margin: 0;
  padding: 5px;
  width: 140px;
  border-bottom: 1px solid #CCC;
  text-transform: capitalize;
}

#sidebar-left p {
  padding: 5px;
}

/* I have no idea what this is about, but it was in the original
   burnt stylesheet, so I'm leavin it here */
div.dashboard-container1 {
  overflow: hidden;
}

div.dashboard-container2 {
  overflow: hidden;
}

div.dashboard-panel-head {
  background-color: #adadad;
  color: #FFFFFF;
  font-weight: bold;
}

/*****SIDEBAR RIGHT*****/
#sidebar-right {
  margin-left: 5px;
  padding: 5px;
  float: right;
  width: 149px;
  border: 1px solid #bbb;
  border-right: 0;
}

#sidebar-right div {
  margin-right: auto;
  margin-left: auto;
}

/*****BLOCKS*****/
#block-nice_menus-1 {
	width: 500px;
	float: left;
	clear: none;
}

#block-nice_menus-2 {
	width: 100px;
	float: right;
	clear: none;
}

#block-google_cse-0 {
	float: right;
	clear: none;
}


/*narrowed down to something in this style sheet*/


#blocks_header {
  clear: both;
}

#blocks_header div {
  clear: both;
}

#blocks_header h2 {
  display: none;
}

#blocks_header #block-menu-primary-links ul, #blocks_header #block-menu-secondary-links ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#blocks_header #block-menu-primary-links ul li, #blocks_header #block-menu-secondary-links ul li {
  list-style-type: none;
  margin: 0;
  padding: 3px 10px;
  float: left;
}

#blocks_header #block-menu-primary-links ul li:hover, #blocks_header #block-menu-secondary-links ul li:hover {
  background-color: #eee;

}

#blocks_header ul #block-menu-primary-links li:hover a, #blocks_header ul #block-menu-secondary-links li:hover a {
  color: #000;
}

#blocks_footer {
  margin: 0 auto;
  background-color: transparent;
}

#blocks_footer div.block div.content p.link {
  padding: 0 5px;
  float: left;
  border-left: 1px solid #000;
}

#blocks_footer div.block:first-child div.content p.link {
  border: none;
}

/*****CALENDAR*****/
#sidebar-left .calendar a, .calendar a  {
  text-decoration: none;
  display: inline;
  margin: 0;
  padding: 0;
  width: inherit;
  border: none;
  text-transform: none;
}

.calendar td, .calendar th {
  padding: 0.4em 0;
  border-color: #888;
}

.calendar .day-today {
  background-color: #ccc;
}

.calendar .day-today a {
  color: #fff;
}

.calendar .day-selected {
  background-color: #ddd;
  color: #fff;
}

.calendar .header-week {
  background-color: #ccc;
}

.calendar .day-blank {
  background-color: #ccc;
}

.calendar .row-week td a:hover {
  background-color: #fff; color: #000;
}

/* note: may not need */
.node.sticky h2 {
  font-family: Trebuchet MS, sans-serif;
  line-height: 1em;
}

Here is the source from the home page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>DK Intranet</title>
    		<!-- Does this do anything? -->
		<link rel="alternate" type="application/rss+xml" title="Recent News" href="/rss.xml" />
	    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--[if IE]>
  <script type="text/javascript" src="/misc/jquery.js"></script>
  <script type="text/javascript" src="/misc/drupal.js"></script>
  <script type="text/javascript" src="/sites/all/modules/nice_menus/nice_menus.js"></script>
  <![endif]-->
<link rel="alternate" type="application/rss+xml" title="DK Intranet RSS" href="http://intranet.d-kitchen.com/rss.xml" />

<link rel="shortcut icon" href="/sites/default/files/toasted_favicon.ico" type="image/x-icon" />
    <link type="text/css" rel="stylesheet" media="all" href="/modules/aggregator/aggregator.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/book/book.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/node/node.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/poll/poll.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/defaults.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system-menus.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/user/user.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/cck/theme/content.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/google_cse/google_cse.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/lightbox2/css/lightbox.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/nice_menus/nice_menus.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/nice_menus/nice_menus_default.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/quotes/quotes.css?W" />

<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/cck/modules/fieldgroup/fieldgroup.css?W" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/toasted/style.css?W" />
    <script type="text/javascript" src="/misc/jquery.js?W"></script>
<script type="text/javascript" src="/misc/drupal.js?W"></script>
<script type="text/javascript" src="/sites/all/modules/lightbox2/js/lightbox.js?W"></script>
<script type="text/javascript">jQuery.extend(Drupal.settings, { "basePath": "/", "lightbox2": { "rtl": 0, "file_path": "/(\\w\\w/)sites/default/files", "default_image": "/sites/all/modules/lightbox2/images/brokenimage.jpg", "border_size": "10", "font_color": "000", "box_color": "fff", "top_position": "", "overlay_opacity": "0.8", "overlay_color": "000", "resize_sequence": "0", "resize_speed": 400, "fade_in_speed": 400, "slide_down_speed": 600, "use_alt_layout": 0, "disable_resize": 0, "disable_zoom": 0, "force_show_nav": 0, "loop_items": 0, "node_link_text": "View Image Details", "node_link_target": false, "image_count": "Image !current of !total", "page_count": "Page !current of !total", "lite_press_x_close": "press \x3ca href=\"#\" onclick=\"hideLightbox(); return FALSE;\"\x3e\x3ckbd\x3ex\x3c/kbd\x3e\x3c/a\x3e to close", "display_image_size": "", "image_node_sizes": "()", "trigger_lightbox_classes": "", "trigger_lightbox_group_classes": "", "trigger_slideshow_classes": "", "trigger_lightframe_classes": "", "trigger_lightframe_group_classes": "", "custom_class_handler": 0, "custom_trigger_classes": "", "disable_for_gallery_lists": true, "disable_for_acidfree_gallery_lists": true, "enable_acidfree_videos": true, "slideshow_interval": 5000, "slideshow_automatic_exit": true, "show_play_pause": true, "pause_on_next_click": false, "pause_on_previous_click": true, "loop_slides": false, "iframe_width": 600, "iframe_height": 400, "iframe_border": 1, "enable_video": 0 } });</script>
    <script type="text/javascript"></script>
  </head>
<body> <!-- BODY start -->

	<div id="container">
		<div id="header"> <!-- HEADER start -->
			<a class="no_outline" href="/">
									<img id="logo" src="/sites/default/files/toasted_logo.gif" alt="DK Intranet" />
							</a>
    						<span id="rss"><a href="http://intranet.d-kitchen.com/rss.xml" class="feed-icon"><img src="/misc/feed.png" alt="Syndicate content" title="DK Intranet RSS" width="16" height="16" /></a></span>
				<!-- <span id="rss"><a href="http://intranet.d-kitchen.com/rss.xml"><img width="14" height="14" src="/sites/all/themes/toasted/images/rss.png" /></a></span> -->
			    					<!-- Hide search box since Google search box links to internal search -->

			<!-- <form action="/"  accept-charset="UTF-8" method="post" id="search-theme-form">
<div><div id="search" class="container-inline">
  <div class="form-item" id="edit-search-theme-form-1-wrapper">
 <label for="edit-search-theme-form-1">Search this site: </label>
 <input type="text" maxlength="128" name="search_theme_form" id="edit-search-theme-form-1" size="15" value="" title="Enter the terms you wish to search for." class="form-text" />
</div>
<input type="submit" name="op" id="edit-submit-1" value="Search"  class="form-submit" />
<input type="hidden" name="form_build_id" id="form-6849a972ce939358f64eb20214acd548" value="form-6849a972ce939358f64eb20214acd548"  />
<input type="hidden" name="form_token" id="edit-search-theme-form-form-token" value="d2e5b1b4656b4e67aacedbf420528cae"  />
<input type="hidden" name="form_id" id="edit-search-theme-form" value="search_theme_form"  />
</div>

</div></form>
 -->
		</div>
					<div id="blocks_header">
				<div class="block block-nice_menus" id="block-nice_menus-1">
 <div class="content"><ul class="nice-menu nice-menu-down" id="nice-menu-1"><li id="menu-255" class="menu-path-node-17"><a href="/faq" title="it.faq">it.faq</a></li>
<li id="menu-228" class="menu-path-node-14"><a href="/help" title="dk.help">dk.help</a></li>
<li id="menu-126" class="menu-path-phpbbforum"><a href="/forum" title="dk.forum">dk.forum</a></li>
<li id="menu-254" class="menu-path-users"><a href="/users" title="dk.users">dk.users</a></li>

<li id="menu-224" class="menu-path-node-13"><a href="/harvest" title="dk.harvest">dk.harvest</a></li>
<li id="menu-297" class="menuparent menu-path-intranet.d-kitchen.com-drupal-sites-default-files-pages-bok_sm.html"><a href="http://intranet.d-kitchen.com/drupal/sites/default/files/pages/bok_sm.html" title="dk.bok">dk.bok</a><ul><li id="menu-376" class="menu-path-intranet.d-kitchen.com-drupal-sites-default-files-pages-bok_sm.html"><a href="http://intranet.d-kitchen.com/drupal/sites/default/files/pages/bok_sm.html" title="">Small Screen</a></li>
<li id="menu-391" class="menu-path-intranet.d-kitchen.com-drupal-sites-default-files-pages-bok_med.html"><a href="http://intranet.d-kitchen.com/drupal/sites/default/files/pages/bok_med.html" title="">Large Screen</a></li>
</ul>
</li>
<li id="menu-306" class="menu-path-node-25"><a href="/blog" title="dk.blog">dk.blog</a></li>
</ul>
</div>
</div>
<div class="block block-nice_menus" id="block-nice_menus-2">
 <div class="content"><ul class="nice-menu nice-menu-down" id="nice-menu-2"><li id="menu-397" class="menuparent menu-path-node-42"><a href="/node/42" title="">My Account</a><ul><li id="menu-21" class="menu-path-user-1"><a href="/user/1" title="">View My Account</a></li>

<li id="menu-394" class="menu-path-node-41"><a href="/node/41" title="">Edit My Account</a></li>
<li id="menu-393" class="menu-path-logout"><a href="/logout" title="">Logout</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="block block-google_cse" id="block-google_cse-0">
 <div class="content"><form action="/search/google"  accept-charset="UTF-8" method="get" id="google-cse-searchbox-form">
<div><input type="hidden" name="cx" id="edit-cx" value="013048962333063185042:rzysmb2x9wu"  />
<input type="hidden" name="cof" id="edit-cof" value="FORID:11"  />
<div class="form-item" id="edit-query-wrapper">
 <input type="text" maxlength="128" name="query" id="edit-query" size="15" value="" title="Enter the terms you wish to search for." class="form-text" />

</div>
<input type="submit" name="op" id="edit-sa" value="Search"  class="form-submit" />
<input type="hidden" name="form_build_id" id="form-f645f26bc3c196e7165901eb4d2baa71" value="form-f645f26bc3c196e7165901eb4d2baa71"  />
<input type="hidden" name="form_token" id="edit-google-cse-searchbox-form-form-token" value="d052f642a5ed9f454a0184951e48c83f"  />
<input type="hidden" name="form_id" id="edit-google-cse-searchbox-form" value="google_cse_searchbox_form"  />

</div></form>
</div>
</div>
				<div class="float_clear"></div>
			</div>		<div id="main"> <!-- MAIN start -->
										<div id="sidebar-left" class="front">

					<div class="block block-user" id="block-user-1">
 <div class="content"><ul class="menu"><li class="collapsed first"><a href="/node/add">Create content</a></li>
<li class="collapsed"><a href="/admin">Administer</a></li>
<li class="leaf last"><a href="/logout">Log out</a></li>
</ul></div>
</div>
<div class="block block-quotes" id="block-quotes-1">
 <h2 class="title"></h2>
 <div class="content"><div class="quotes-quote"><p>Second Quote; No title. Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit</p>

</div><div class="quotes-author"><p>&mdash; A Finch</p>
</div><div class="clear-block"></div><div class="quote_view_link"><a href="/node/44">View</a></div></div>
</div>
				</div>
									<div id="content" class="front both">
																<h1 class="title">
									</h1>
				<div class="tabs">
									</div>

				<div class="node sticky">
			<h2>
			<a href="/welcome" title="Home">
				<!-- Turn off title for home -->
								<!-- Previous -->
				<!-- Home -->
			</a>
		</h2>
				<em class="info">

			</em>
	<div class="content">
		<center><h1>Welcome to the Digital Kitchen Intranet!</h1></center>
<p></p>
<!-- <center><img src="sites/default/files/pictures/p.jpg" alt="Paul" title="Paul!" /></center> -->

<div id="home_space"></div>	</div>
		</div>
<div class="block block-aggregator" id="block-aggregator-feed-3">
 <h2 class="title">dk.blogs</h2>

 <div class="content"><div class="item-list"><ul><li class="first"><a target=\"_blank\" href="http://192.168.2.198/wordpress/2008/08/31/looooong-la-post/">Looooong LA Post</a>
</li>
<li><a target=\"_blank\" href="http://192.168.2.198/wordpress/2008/08/29/%e6%97%a5%e6%9c%ac%e8%aa%9e%e5%a4%a7%e4%b8%88%e5%a4%ab%ef%bc%9f/">日本語大丈夫？</a>
</li>
<li class="last"><a target=\"_blank\" href="http://192.168.2.198/wordpress/2008/08/29/images-and-more/">Images and more</a>
</li>
</ul></div><div class="more-link"><a href="/aggregator/sources/3" title="View this feed&#039;s recent news.">more</a></div></div>
</div>
<div class="block block-aggregator" id="block-aggregator-feed-1">
 <h2 class="title">Motionographer</h2>

 <div class="content"><div class="item-list"><ul><li class="first"><a target=\"_blank\" href="http://motionographer.com/2008/09/09/david-oreilly-octocat-adventure-5/">David O’Reilly: Octocat Adventure 5</a>
</li>
<li><a target=\"_blank\" href="http://motionographer.com/2008/09/09/reprise-lobos-go-miniman-go/">[Reprise] Lobo’s “Go Miniman Go”</a>
</li>
<li class="last"><a target=\"_blank\" href="http://motionographer.com/2008/09/08/podcast-episode-01-this-way-up/">Podcast Episode 01: This Way Up</a>
</li>
</ul></div><div class="more-link"><a href="/aggregator/sources/1" title="View this feed&#039;s recent news.">more</a></div></div>
</div>
<div class="block block-aggregator" id="block-aggregator-feed-2">
 <h2 class="title">Creative Cow</h2>

 <div class="content"><div class="item-list"><ul><li class="first"><a target=\"_blank\" href="http://forums.creativecow.net/readpost/105/860561">Telestream Adopts Ambric for Pipeline HD Dual Real-time Ingest-encode Device</a>
</li>
<li><a target=\"_blank\" href="http://forums.creativecow.net/readpost/105/860560">Veteran Game Artist, Ben Mathis, to Lead Tutorial on MAXONs BodyPaint 3D at the Austin Game Developers Conference, September 15  17, 2008</a>
</li>
<li class="last"><a target=\"_blank\" href="http://forums.creativecow.net/readpost/105/860559">Sonnet Fusion F3 RAID Storage System is Fast, Rugged, Quiet, Integrated, Flexible, and Rackmountable</a>
</li>
</ul></div><div class="more-link"><a href="/aggregator/sources/2" title="View this feed&#039;s recent news.">more</a></div></div>
</div>
			</div>
										<div id="sidebar-right" class="front both">

					<div class="block block-block" id="block-block-2">
 <h2 class="title"></h2>
 <div class="content"><div class="blockSpace"></div></div>
</div>
<div class="block block-block" id="block-block-1">
 <h2 class="title">Random DK Board</h2>
 <div class="content"><center><a href='/sites/default/files/randomImageFolder/pics/Mojave.jpg' rel='lightbox'> <img src='/sites/default/files/randomImageFolder/thumbnails/tn_Mojave.jpg' alt='Mojave' title='Mojave' > </a></center></div>
</div>
<div class="block block-block" id="block-block-3">

 <h2 class="title"></h2>
 <div class="content"><div class="blockSpace"></div></div>
</div>
<div class="block block-poll" id="block-poll-0">
 <h2 class="title"></h2>
 <div class="content">
<div class="poll">
  <div class="title">Another Poll</div>
  
<div class="text">Choice One</div>

<div class="bar">
  <div style="width: 45%;" class="foreground"></div>
</div>
<div class="percent">
  45%
</div>

<div class="text">Choice Two</div>
<div class="bar">
  <div style="width: 17%;" class="foreground"></div>
</div>
<div class="percent">
  17%

</div>

<div class="text">Choice Three</div>
<div class="bar">
  <div style="width: 39%;" class="foreground"></div>
</div>
<div class="percent">
  39%
</div>
  <div class="total">
    Total votes: 199  </div>

</div>
<div class="links"><ul class="links"><li class="comment_add first"><a href="/comment/reply/38#comment-form" title="Add a new comment to this page.">Add new comment</a></li>
<li class="0 last"><a href="/poll" title="View the list of polls on this site.">Older polls</a></li>
</ul></div>
</div>
</div>
<div class="block block-block" id="block-block-4">
 <h2 class="title"></h2>
 <div class="content"><div class="blockSpace"></div>
</div>
</div>
<div class="block block-user" id="block-user-3">
 <h2 class="title">Who's online</h2>

 <div class="content">There are currently <em>1 user</em> and <em>0 guests</em> online.<div class="item-list"><h3>Online users</h3><ul><li class="first last"><a href="/user/1" title="View user profile.">root</a></li>
</ul></div></div>
</div>
				</div>
						<div class="float_clear"></div>

		</div>
				<script type="text/javascript" src="/sites/all/modules/google_cse/google_cse.js?W"></script>
<script type="text/javascript">jQuery.extend(Drupal.settings, { "googleCSE": { "language": "en" } });</script>
	</div>
</body>
</html>

I just want the following div's lined up in a row: "block-nice_menus-1", "block-nice_menus-2", block-google_cse-0".

Thanks again for your willingness to help. If it would be easier to see a live page, please let me know and I'll migrate it to the Internet.

Thanks!

Anyone?

.kuma commented 18 September 2008 at 00:47

Anyone?

This is a really common

avangelist commented 28 November 2008 at 10:50

This is a really common thing when using Drupal.

You will find somewhere else there are some default settings which are setting ul and li to display as block which is not allowing you to set the blocks to inline.

The simplest way of resolving this is to create a reset series of code which you call at the very top of your style sheet that puts everything back to zero.

Look up css reset on google I am sure you will find some generic ones you can use.

Web Developer
Music Photographer

Getting 2 blocks lined up horizontally in header

Comments

try float

Thank you very much for your

Anyone?

This is a really common

New forum topics

News items

Our community

Documentation

Drupal code base

Governance of community