1 reply [Last post]
Last seen: 11 years 12 weeks ago
Timezone: GMT-7
Joined: 2011-11-10
Posts: 1
Points: 2


This is my theme code in wordpress

in this class="col-2" on certain pages I display flash and in other pages I display a image as header

The flash is 265px in height and the image is 104px in height.

when i display the page where the image is the header its giving me white space below the image before the content appears

can someone tell me how to get rid of the white space.

Attached is my code

thanks for the help

        <!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/11001/xhtml" <?php language_attributes(); ?>>
        <head profile="http://gmpg.org/xfn/11">
        <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
        <title><?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?></title>
        <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
        <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
        <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
        <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
        <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
        <?php //comments_popup_script(600, 600); ?>
        <?php wp_head(); ?>
        <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script.js"></script>
        <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/cufon-yui.js"></script>
        <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/cufon-replace.js"></script>
        <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/Myriad_Pro_400.font.js"></script>
        <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/Myriad_Pro_italic_400.font.js"></script>
        <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/drop-down-menu.js"></script>
        </head><body class="<?php echo "page-".$page_id; ?>">
        <div class="main">
        <div id="header">
        <div class="indent1">
        <div class="indent">
        <div id="dropmenu">
        //wp_page_menu('show_home=0&sort_column=menu_order, post_title&link_before=&link_after=');
        <!-- End static itemd -->
        <div class="logo"><h1 onclick="location.href='<?php echo get_option('home'); ?>/'"><?php bloginfo('name'); ?></h1></div>
        <div class="indent2">
        <div class="container">
        <div class="col-1">
        <div class="indent3">
        <div class="txt">With over 10 years of experience
        in the water filter market. </div>
        Water filters are an international
        supplier of quality water filters, offering
        under sink or whole house filtration
        <div class="col-2">
        if($page_id==16 or $page_id==18 or $page_id==20 or $page_id==23 or $page_id==25 )
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24"
        width="584" height="265">
        <param name="movie" value="<?php bloginfo('stylesheet_directory'); ?>/flash/header_v8.swf" />
        <param name="quality" value="high" />
        <param name="menu" value="false" />
        <param name="wmode" value="transparent" />
        <!--[if !IE]><-->
        <object data="<?php bloginfo('stylesheet_directory'); ?>/flash/header_v8.swf"
        width="584" height="265" type="application/x-shockwave-flash">
        <param name="quality" value="high" />
        <param name="menu" value="false" />
        <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
        <param name="wmode" value="transparent" />
        FAIL (the browser should render some flash content, not this).
        print '<img src="" height="104">';
        print '<img src="" height="104">';
        <div id="content">
        <div class="indent-main">
        <div class="container">
        <?php get_sidebar(); ?>

here is stylesheet code

* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; min-width:896px; background: url(images/bg.gif) top left repeat-x #f4f6f8}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#000000;	}	
object { vertical-align:top; outline:none; border:0}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
	div, img { border:0; border-collapse:collapse;}
        table, td { border:auto; border-collapse:collapse;}
	td {vertical-align:top;}
	ul { list-style: none;}
	p { padding:0px 0px 18px 0px;}
a{color:#7d0700; text-decoration:underline; outline:none} 
input, select, textarea, html body textarea { vertical-align:middle; font-size:11px; color:#6a6a6a; font-family: Arial, Helvetica, sans-serif}
input.text, select, textarea { padding:5px 0px 5px 6px; border:1px solid #2e566f; background: #fff;}
.h1{ height:28px; background:url(images/bg_input.gif) top left no-repeat; color:#d0c192; font-weight:bold}
.input{border:none; background:none; width:150px; height:20px; font-size:1em; color:#000; padding:4px 0px 4px 4px; vertical-align:middle; margin-right:6px}
.input2{ width:150px; height:16px; font-size:1em; color:#000; padding:3px 0px 3px 4px; vertical-align:middle; margin-right:6px}
.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:896px; }
#header {height:414px;  background:url(images/top.gif) top center no-repeat #fff; width:100%}
#header {font-size:0.8125em; color:#e0e6ea }
#header .logo{ margin:0px 0px 0px 0px }
#header .indent{margin:0px 0px 0px 306px; position:absolute; width:590px}
#header .indent1{padding:35px 0px 0px 0px}
#header .indent2{padding:6px 0px 0px 6px}
#header .indent3{padding:55px 0px 0px 35px}
.txt{ color:#ffffff; font-size:1.46em; display:block; margin-bottom:15px; line-height:1.47em; margin-left:-4px; position:relative}
#header .col-1{ width:296px; margin-right:5px; background:url(images/bg_1.gif) top left no-repeat; height:265px}
#header .col-2{ width:584px;}
/*** Logo ***/
	#header .logo {  padding:0 }
	#header .logo h1 {display:block; overflow:hidden; width:306px; height:102px; background:url(images/logo.gif) no-repeat 0 0; font-size:2.1em; color:#000; text-indent:-1000em; cursor:pointer;}
	#header .logo h1:hover { text-decoration:none;}
#header .menu { clear:both; margin:0; padding:0px; list-style:none; position:relative; z-index:999999999999;}	
	#header .menu ul { float:left; margin:0px 0px 0px 0px; list-style:none; padding:0px 0px 0px 0px;}
	#header .menu ul li {  margin:0px;  float:left; cursor:pointer; width:118px; text-align:center; background:url(images/bg_menu.gif) top left no-repeat}	
	#header .menu ul li a {display:block; height:100%; color:#8a8a8a; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none; line-height:102px}
	#header .menu ul li:hover a { text-decoration:none; color:#7d0700;}
	#header .menu ul li.current_page_item a {text-decoration:none; color:#000}
/* drop menu */
		#header #dropmenu { position: relative; z-index:999999999999999999;}
		#header #dropmenu .menu ul ul {	clear:both; color:#8a8a8a; position:absolute; width:118px;	*margin:0 0 0 -59px; padding-left:1px}		
		#header #dropmenu .menu ul ul li {float: none; clear:both; display:block; height:100%; overflow:hidden; text-align:left; margin:0px 0px 0px 0px; padding:0px 10px 0px 0px; *margin:0px 0px -4px 0px;}			
		#header #dropmenu .menu ul li ul li a { float: left; height:auto; font-weight: normal; text-decoration:none; color:#fff; font-size:12px; text-transform:none; background:#afafaf; line-height:28px; padding-bottom:0; width:107px; padding-left:10px}		
		#header #dropmenu .menu ul li ul li a:hover { color:#fff; background:#7d0700}		
			#header #dropmenu .menu ul ul ul { padding:0px 0px 0px 117px; *margin-top:-28px !important; position: absolute; float:left}
			#header #dropmenu .menu ul ul ul li { background:#a0b3bf; padding:0; margin:0; }			
			#header #dropmenu .menu ul ul ul a { padding:0 0 0 10px; margin:0}
			#header #dropmenu .menu ul ul ul a:hover {}
			#header #dropmenu .menu ul ul ul li a span {}
			#header #dropmenu .menu ul ul ul li a span span {}
#content .column-left{ width:296px; margin-right:36px; float:left}
#content .column-center{width:530px; float:left}
#content{ font-size:0.8125em; width:100%; text-align:left; background:url(images/bg_cont.gif) }
#content .indent-main{padding:0px 28px 0px 6px}
#content .img-left{ float:left; margin:0px 20px 16px 0px}
#content .img-indent{ margin:0px 0px 16px 0px}
#content p{ margin:0px 0px 7px 0px}
#content .p3{ margin:0px 0px 1px 0px;}
#content .tail{ background:url(images/tail.gif) top repeat-x; padding-top:30px;}
.txt1{ color:#575757; display:block; margin-bottom:21px; font-size:14px}
#footer { height:120px; }
#footer { color:#000; font-size:0.875em; background: url(images/bot.png) top left repeat-x;  }
#footer .indent-footer{ padding:60px 50px 0px 38px;}
#footer a {color:#10496d; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
/*** Widgets  ***/
	.widget { clear:both; overflow:hidden; height:100%;	margin:0px 0px 7px 0px; background:url(images/widget_top.gif) top left no-repeat #dddddd}	
	.widget .widget-bg {overflow:hidden; height:100%; background: url(images/widget-bot.gif) bottom left no-repeat}	
	.widget .indent { color:#2e566f; padding:9px 34px 33px 34px;}	
	.widget .indent1 { color:#2e566f; padding:22px 20px 23px 33px;}	
	.widget h2,
	.widget_tag_cloud .indent .title h2 {overflow:hidden; height:100%; font-size:2.46em; font-weight: normal; color:#fff; line-height:1.1em; padding:7px 0px 49px 0px; text-transform:capitalize;}
	.widget ul { padding:0;}	
	.widget ul li {	overflow:hidden; height:100%;	}
	.widget ul li a {
/*background:url(images/marker.gif) top left no-repeat; */
background-position:0 7px; font-size:16px; color:#2e2f2f; text-decoration:underline; padding-left:17px; line-height:1.375em; }
	.widget ul li a:hover { text-decoration:none;}
	.widget ul ul { font-size:100%; margin:0px 0px 0px 10px;}
	.widget ul ul li { border:0;}
	.widget_recent_comments ul li a {background:url(images/marker.gif) top left no-repeat; background-position:0 7px; font-size:16px; color:#2e2f2f; text-decoration:underline; padding-left:17px; line-height:1.375em; display:block; padding-left:20px !important }
	.widget_recent_comments ul li a:hover { text-decoration:none;}
	/*** widget_categories ***/
		.widget_categories ul li {color:#2e2f2f; }
		.widget_categories ul li a { 
/* background:url(images/marker.gif) top left no-repeat; */
background-position:0 7px; font-size:16px; color:#2e2f2f; text-decoration: underline; padding-left:17px; line-height:1.375em}
		.widget_categories ul li a:hover { text-decoration:none}
	/*** .widget_archive ***/
		.widget_archive {}
	/*** widget_meta ***/
		.widget_meta {}
	/*** widget_links  ***/
	/*** widget_page ***/
		.widget_pages {}
		.widget_pages ul ul { margin:0px 0px 0px 0px;}		
		.widget_pages ul ul li {}
	/*** widget_recent_entries  ***/
	/*** widget_recent_comments  ***/
		.widget_recent_comments {margin:0px 0px 32px 0px;}
		.widget_recent_comments .mr { border:0; margin:0px 0px 0px 0px; padding-bottom:9px;}
	/*** widget_tag_cloud ***/
		.widget_tag_cloud { }
		.widget_tag_cloud .indent .title { padding:0px 0px 0px 0px;}
		.widget_tag_cloud .indent .title div { padding:0px 0px 0px 0px;}
		.widget_tag_cloud .indent .title div div { padding:0px 0px 0px 0px;}
		.widget_tag_cloud a { text-decoration:none; font-size:14px; color:#000;  padding:5px 10px 5px 10px; margin:0px 0px 5px 5px;line-height:1.6em;}
		.widget_tag_cloud a:hover { text-decoration: underline;}
	/*** widget_text ***/
		.widget_text {}
		.widget_text .widget-bg {}
		.widget_text h2 { }
		.textwidget { font-size:1em; color:#2e2f2f; overflow:hidden; height:100%;}
		.textwidget p { padding:0px 5px 10px 0px;}
		.textwidget p.img { padding:0px 0px 17px 0px;}
		.textwidget a {}
	/*** Title wrapper ***/
		.column-center {padding:20px 0px 0px 0px}
		.column-center h2 {	font-size:2.46em; font-weight: normal; color:#000000; line-height:1.2em; margin:0; margin-bottom:14px}
		.column-center h2 span { color:#7d0700}
		.column-center h3 {	font-size:2em; font-weight: normal;	color:#7d0700; line-height:1.2em; padding:6px 0px 7px 19px;}
		.column-center h4 {	font-size:14px; font-weight: normal; color:#000000; line-height:1.2em; margin:0; margin-bottom:8px; }
		.column-center h2 a,
		.column-center h3 a { text-decoration:none;}
		.column-center h2 a:hover,
		.column-center h3 a:hover { text-decoration:underline;}
	/*** Date ***/	
		.column-center .date {font-size: 1em; color:#000;	}
		.column-center .time { text-decoration:underline; color:#10496d}
	/*** author ***/
		.column-center .author { font-size:1em; line-height:1.1em; color:#000; display:block; margin-bottom:20px}
		.column-center .author span { color:#d21034; text-decoration:underline;}
	/*** Text box ***/
		.text-box {	clear:both;	overflow:hidden; height:100%; font-size:1em; line-height:1.6em; padding:0px 0px 0px 1px;}	
		.text-box h4 {	font-size:14px; font-weight: normal; color:#000000; line-height:1.2em; margin:0; margin-bottom:8px; text-transform:none}		
			.more-link { clear:both; margin-bottom:13px }
			.more-link a {line-height:28px; padding-bottom:21px; background:url(images/more-link.gif) top left no-repeat; width:63px; height:28px; font-size:14px; color:#7d0700; text-decoration:none; font-weight:bold; display:block; text-align:center}
			.more-link a:hover { text-decoration:none; color:#000;}
			.comments { display:block; margin-bottom:19px}
			.comments a { font-size:14px; color:#10496d; background:url(images/marker1.gif) top  left no-repeat; background-position:0 3px; padding-left:16px;}
			.postmetadata { clear:both; font-size:1.2em; line-height:1.4em; padding:0px 0px 8px 20px;}
			.postmetadata a { padding:0px 1px 0px 10px;}
			.link-edit { float:left; padding:29px 34px 6px 21px; margin:0px 0px 0px 0px; }
			.link-edit a { font-size:14px; color:#fff; text-decoration:none;}
			.link-edit a:hover { text-decoration: underline; color:#37b2f2;}
			.navigation { overflow:hidden; height:100%; font-size:12px; color:#2e566f; padding:5px 0px 8px 0px;}
			.navigation a {
				font-size:12px; color:#2e566f;
			.nav-top { margin:0px 0px 0px 0px;  padding:0px 0px 10px 0px;}
			.nav-top a { color:#000}
			.nav-top .alignleft a { padding:0px 0px 0px 3px;}
			.nav-top .alignright a {}
			/*.nav-top a { text-decoration:none;}
			.nav-top a:hover { text-decoration: underline;}*/
		.text-box h1, .text-box h2, .text-box h3, .text-box h4, .text-box h5, .text-box h6 { color:#000; font-family:Arial; line-height:1.5em;}
		.text-box h1 { font-size:22px; font-weight: normal; line-height:1.2em; display:block; height:100%; padding:0px 0px 13px 0px;}
		.text-box h2 { font-size:20px; font-weight: normal;}
		.text-box h3 { font-size:18px;}
		.text-box h5 { font-size:14px;}
		.text-box h6 { font-size:12px;}
	/*** OL UL style***/
		.text-box ul { padding:5px 0px 5px 1px; margin:0px 0px 0px 0px; overflow:hidden; height:100%;line-height:1.4em;}
		.text-box ul li {padding:1px 0px 9px 20px; list-style-image:none; list-style:none; font-weight:normal;}
		.text-box ul li ul { margin-left:10px;}
		.text-box ul li ol { margin-left:15px;}
		.text-box ul li ol li { list-style-type:decimal;}
		.text-box ol { padding-left:2px;}
		.text-box ol li { padding:0px; margin-left:13px;  font-weight:normal;list-style-type:decimal;}
		.text-box ol li ul { padding:2px 0px 5px 2px;}
		.text-box ol li ul li { font-weight:normal; padding:1px 0px 9px 20px;}
		.text-box ul li { list-style-image:none; list-style:none;}
		.text-box ul li a { /*text-decoration:none;*/}
		/*.text-box ul li a:hover { text-decoration:underline;}*/
		.text-box ul li ul { margin-left:15px;}
		.text-box ul li ol {margin-left:20px;}
		.text-box ul li ol li { list-style-type:decimal;background:none;}
		.text-box ul li ol li a {}
		.text-box ol { padding:5px 0px 5px 2px;}
		.text-box ol li{ padding:0px; margin-left:20px;}
		.text-box ol li a { padding-left:0px; text-decoration:none; font-weight:normal;}
		.text-box ol li a:hover{ text-decoration:underline; }
		.text-box ol li ul li a { font-weight:normal; text-decoration:underline;}
		.text-box ol li ul li a:hover {text-decoration:none;}
/* -----------------------------------------------------------------
---------------------------- WP ------------------------------------
----------------------------------------------------------------- */
	.info-sidebar { overflow:hidden; padding:5px 0px 15px 15px; color:#737676; width: auto; font-size:14px; line-height:1.4em;}
	.info-sidebar a { text-transform:none; color:#000;}
	.pagetitle { font-size:2.1em; font-weight: normal; overflow:hidden; text-align:center; padding:20px 12px 25px 12px; *padding:20px 12px 20px 12px;}
/*--- Navigations ---*/
	.navigation { /*clear:both;*/ overflow:hidden; /*line-height:13px;*/}
	.navigation .alignleft { float: left; width:45%; text-align:left;}
	.navigation .alignright { float: right; width:45%; text-align:right;}
	.nav-top .alignright a { float: right; }
	.pd-nav { padding:0; margin:0;}
	.pd-nav .alignleft { padding:0; margin:0;}
	.pd-nav .alignright { padding:0; margin:0;}
	.pd-title {padding-bottom:0;}
	.marg { margin-bottom:10px;}
/*--- Begin Images ---*/
	p img {
		padding: 0;
		max-width: 100%;}
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;}
	img.alignright { float: right;display:inline;
		padding: 0;
		margin: 3px 0px 10px 20px;}
	img.alignleft {	padding: 0;	margin: 3px 25px 5px 0; float:left; display:inline;}
	#tag_cloud .widget-bottom-left { padding-bottom:15px;}
	#tag_cloud .widget-heading { margin-bottom:15px;}
	#tag_cloud a { padding-left:3px;}
	/*--- Popup styles ---*/
	#commentspopup {}
	#commentspopup #header {background:#2F3F99 url(images/popup_header_bg.gif) top repeat-x;}
	#commentspopup .page-padding {padding:0 5px;}
	#commentspopup .page-width {width:538px; margin:0 auto;}
	#commentspopup .header-top {background:url(images/popup_header_bg_top.jpg) top repeat-x;}
	#commentspopup .header-top-right {background:url(images/popup_header_bg_top_right.jpg) top right no-repeat;}
	#commentspopup .header-top-left {background:url(images/popup_header_bg_top_left.jpg) top left no-repeat; width:100%; height:160px;}
	#commentspopup .header-padding {padding:39px 0 0 89px;}
	#commentspopup h1 {font-size:1em; margin:0; padding:0; color:#E1E7EC; text-indent:-1000em; width:141px; height:27px;}
	#commentspopup h1:hover {text-decoration: none; cursor:pointer;}
	#commentspopup .description {width:141px; height:9px; text-indent:-1000em; margin-top:2px;}
	#commentspopup .description2 {width:249px; height:27px; text-indent:-1000em; margin-top:19px;}
	#commentspopup .border-bottom-left {padding:17px 37px 10px;}
	#commentspopup p {font-size:12px;}
/*--- Begin Typography & Colors ---*/
	small {	font-size: 1em; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
	small * {font-size: 0.9em;}
	small p {font-size: 0.9em;}
	select { width: 130px;}
	#commentform { font-size:1.2em; overflow:hidden; height:100%; padding:0px 0px 0px 0px;}
	/*.commentform {float:left;}*/
	#commentform input {
		margin: 5px 5px 1px 0;}
	#commentform {
		margin: 5px 0px 0 0;}
	#commentform textarea {
		width: 98%;
		padding: 2px;}
	#respond:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;}
	#commentform #submit {
		/*margin: 0 0 10px auto;
		float: right;*/ /*margin:0px 0px 0px 319px;*/}
	#respond p { padding:0px 0px 10px 0px; text-indent:0;}
	#respond form p { padding:0px 0px 10px 0px; text-indent:0;}
/*--- Begin Calendar ---*/
	#wp-calendar { empty-cells:show; width: 155px; margin-top:-30px; position:relative}
	#wp-calendar th { padding:3px 0; text-align:center; color:#000;}
	#wp-calendar td { padding:3px 0; text-align:center; color:#000;}
	#wp-calendar a { display: block; font-weight:bold; color:#2e566f;}
	#wp-calendar #next a { padding-right: 10px;	text-align: right; font-weight: normal;}
	#wp-calendar #prev a { padding-left: 10px; text-align: left; font-weight: normal;}
	#wp-calendar caption { text-align: center; color:#fff; font-weight:bold; font-size:1.3em; padding:0px 0px 46px 0px;}
/* Begin Various Tags & Classes */
	acronym, abbr, span.caps {
		cursor: help;
	acronym, abbr {
	blockquote {
		border:1px solid #cee2ed; color:#000;
		background:#e5f3fa; padding:15px 10px 10px 20px; margin:5px 0;
	blockquote cite {
		margin: 5px 0 0;
		display: block;
/* Captions */
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;}
	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;}
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;}
	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;}
/* Begin Comments*/
	.alt { clear:both; padding-bottom:20px; font-weight: normal;}
	.alt a { padding:0px 0px 0px 0px; text-decoration:underline;}
	.alt a:hover { padding:0px 0px 0px 0px; text-decoration: none;}
	.commentlist { color:;
		text-align: justify;
	.commentlist a { color:}
	.commentlist span { color:; font-weight: bold;}
	ol{margin:0; padding:0; list-style-position:inside;}
	ol.commentlist  li { list-style: none; font-size:12px;
		margin:6px 0px 6px 0px;
		padding: 5px 10px 3px;
		/*list-style: none;*/
		border:1px solid #cee2ed; color:#000;
	.commentlist li .avatar { 
		float: right;
		border: 1px solid #888;
		padding: 2px;
		background: #fff; /*margin:0px 20px 15px 0px;*/
	.commentlist p {
		margin: 10px 5px 10px 0;
	#commentform p {
		margin: 5px 0; font-size:14px;
	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
	.commentmetadata {
		margin: 0;
		display: block;
/*Css added by Rajiv*/
li a.rightsidebar-link{
text-decoration:none !important;
font-size:14px !important;
li a.rightsidebar-link:hover{
text-decoration:underline !important;
/*hiding search box*/
.widget_form1 form#search{display:none;}
/*------End of code--------*/

attached are screen shots

thank you


one.jpg37.04 KB
two.jpg22.56 KB
Tyssen's picture
Last seen: 8 years 16 weeks ago
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Make the image...

either display:block or vertical-align:bottom.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference