Solved

How to set margins with HTML?

Posted on 2008-10-04
6
1,052 Views
Last Modified: 2012-08-13
Experts:

I am building a blog with wordpress and I am starting with HTML and PHP. Take a look at my website www.dannyesquivel.com and notice the picture on the left, below "Bienvenidos a marinapena.com". There is a paragraph next to the picture which is too close to it. How do I setup the margins so it is not that close? Take a look at my actual code as well in case you need it. I am using Dreamweaver CS3 for coding.

Thks!
<h1>Bienvenidos a marinapena.com!</h1>

			<h1 class="style1"><img src="<?php bloginfo('template_url'); ?>/images/marina150.jpg" alt="<?php bloginfo('name'); ?>" />

			  

			  

			  

			  <!--Replace the # below with the actual URL of your about page.-->

		  </h1>

			<p>

Open in new window

0
Comment
Question by:esquivelp
  • 2
  • 2
  • 2
6 Comments
 
LVL 14

Expert Comment

by:ali_kayahan
Comment Utility
It seems that its something related with overlapping instead of margins anyway there are several ways you can try to edit ;
    <h1 class="style1" style="margin-right:10px"><img src="<?php bloginfo('template_url'); ?>/images/marina150.jpg" alt="<?php bloginfo('name'); ?>" />
or you can use predefined text ;
      <pre>      Sometext goes here..!</pre>
But the firs one is the way that youshould follow if it doesnt work than it means that you have overlapping issue which we should solve by z-index.
0
 
LVL 1

Author Comment

by:esquivelp
Comment Utility
I tried

<h1 class="style1" style="margin-right:10px"><img src="<?php bloginfo('template_url'); ?>/images/marina150.jpg" alt="<?php bloginfo('name'); ?>" /> and nothing happens, it just removed the bolding for "Here are a few of the services we offer"

 I rather prefer this one since predefined does not look good, it changed me the style and is not letting me modify it. How should I fix the overlapping issue?
0
 
LVL 14

Expert Comment

by:ali_kayahan
Comment Utility
Can you please post your related html code and css , it should be style1
0
What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 
LVL 1

Author Comment

by:esquivelp
Comment Utility
Sure! Attached you will find the code for my page which is home.php and below that one the CSS file.

Thks for your help!
<!--THIS IS THE CODE FOR MY FILE HOME.PHP-->

<?php get_header(); ?>

<style type="text/css">

<!--

.style1 {

	font-size: 10px;

	font-family: "Arial Narrow";

	font-weight: bold;

	color: #000000;

	height: 20px;

	width: 150px;

}

.style5 {color: #000000}

.style6 {

	color: #183152;

	font-family: "Arial Narrow";

	font-size: 18px;

	font-weight: bold;

}

.style7 {

	font-family: "Arial Narrow";

	font-size: 14px;

	font-weight: bold;

	color: #000000;

}

.style8 {

	font-family: "Arial Narrow";

	font-size: 12px;

	color: #000000;

}

-->

</style>

 
 
 
 

<div id="homepage">
 

	
 

  <div id="hpmain">
 

				
 

		<div class="hpmainleft">
 

		
 

			<h1><span class="style5">Bienvenidos</span> a marinapena.com!</h1>

			<h1 class="style1"><img src="<?php bloginfo('template_url'); ?>/images/marina150.jpg" alt="<?php bloginfo('name'); ?>" />

			  

			  

			  

			  <!--Replace the # below with the actual URL of your about page.-->

		  </h1>

			<p>Here are a few of the services we offer</p>

          <p>Welcome to the our website - I am glad you are here, and hope you come back often.  Feel free to surf around and read more about the products and services that we offer. There are many things about us that you probably will find interesting. <a href="#" >Read more about us</a></p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

<ul>
 

				<li>Budget proposals based on preliminary information</li>
 

				<li>Engineering and architectural design and drawings</li>
 

				<li>Construction management throughout the entire project</li>
 

				<li>Substantial completion and thourough inspection</li>

          </ul>
 

	  <p>&nbsp;</p>

	  <ul>

      <div class="hpfeaturedbottom">
 

			
 
 

<div style="padding-top:10px;border-top:1px dotted #C0C0C0; clear:both;"></div>

				<p align="center">&nbsp;</p>

				<p align="center"><span class="style6">Pensamientos...</span></p>

				<p align="center" class="style7">&ldquo;El valor de la vida est&aacute; en el ahora&rdquo;</p>

		<p align="center" class="style8">El futuro no a venido y el pasado ya se fue. Vive el presente<br />

	    que es el hoy y el ahora, consciente de tu pasado y con la esperanza puesta en un ma&ntilde;ana mejor</p>

        <h2>&nbsp;</h2>

      </div>

	    <h3>

	    <p>&nbsp;</p>

	    <p>&nbsp;</p>

	    <p><img src="<?php bloginfo('template_url'); ?>/images/rojogif.gif" alt="<?php bloginfo('name'); ?>" width="113" height="46" align="middle" /><img src="<?php bloginfo('template_url'); ?>/images/naranja.gif" alt="<?php bloginfo('name'); ?>" width="113" height="46" align="middle" />                </p>

	  </ul>

	  <p>&nbsp;</p>

	  </div>
 

		
 

	<div class="hpmainright">
 

		
 

			<!--This section is where the custom images are found for the homepage right column - note the custom field name for this image is "homepage". Recommended image size is 82x55, as the stylesheet is written for this size.-->
 

			
 

			<div class="hpfeaturedtop">
 

			
 

			<!--Replace cat=1 with the Category ID you want to display in this section.-->
 
 
 

				<h3 align="center"><img src="<?php bloginfo('template_url'); ?>/images/Noticias.gif" alt="<?php bloginfo('name'); ?>" width="371" height="126" align="middle" />
 

                  <?php $recent = new WP_Query("cat=29&showposts=3"); while($recent->have_posts()) : $recent->the_post();?>

				</h3>

                

                <div style="padding-top:10px;border-top:1px dotted #C0C0C0; clear:both;"></div>
 

				
 

<div style="float:left; margin:0px 10px 5px 0px;">
 

					<a href="<?php the_permalink() ?>" rel="bookmark"><img style="padding:5px 0px 2px 0px;" src="<?php echo get_post_meta($post->ID, "homepage", true); ?>" alt="<?php echo get_post_meta($post->ID, "Theme Name", true); ?> Thumbnail" /></a>
 

			  </div>
 

				
 

				<h2><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
 

				<?php the_content_limit(75, "Leer mas"); ?>
 

																	
 

				<?php endwhile; ?>
 

				
 

			</div>
 

			
 

	  <div class="hpfeaturedbottom">
 

			
 
 

<div style="padding-top:10px;border-top:1px dotted #C0C0C0; clear:both;"></div>

				<h1 align="center"><span class="style6">Pensamientos...</span></h1>

		<p align="center" class="style7">&ldquo;El valor de la vida est&aacute; en el ahora&rdquo;</p>

		<p align="center" class="style8">El futuro no a venido y el pasado ya se fue. Vive el presente<br />

	    que es el hoy y el ahora, consciente de tu pasado y con la esperanza puesta en un ma&ntilde;ana mejor</p>

                

                <div class="posts">

		<ul id="recentposts">

			<li id="recent-posts">

			<h2>Actividad Reciente</h2>

				<ul>

					<?php get_archives('postbypost', 5); ?>

				</ul>

			</li>

		</ul>

	</div>

	 

	      

      

      

            

        
 
 
 

  </div>
 

		
 

	</div>
 

			
 

</div>
 
 
 

<!-- The main column ends  -->
 
 
 

<?php get_footer(); ?>
 
 

<!-- HERE IS THE ONE FOR THE CSS FILE  -->

/* 
 

	Theme Name: Revolution Pro Business
 

	Theme URL: http://www.revolutiontheme.com
 

	Description: Revolution Pro Business is an insanely customizable 2-column Widget-ready theme created for WordPress.
 

	Author: Brian Gardner
 

	Author URI: http://www.briangardner.com
 

	Version: 1.0
 

	
 

	Please read the theme's FAQ page at http://www.revolutiontheme.com/faqs for licensing agreements.
 
 
 

	Changelog:
 

		v1.0 - 02.27.08
 

		First Release of Revolution Pro Business
 

*/
 
 
 

body { /*para el fondo del website*/
 

	background: #7F917E /*url(images/bg.gif)*/ repeat-x;
 

	width: 860px;
 

	color: #202020;
 

	font-size: 12px;
 

	font-family: Arial, Tahoma, Verdana;
 

	margin: 0px auto 0px;
 

	padding: 0px;
 

	}
 

	
 

#wrap {
 

	background: #FFFFFF;
 

	width: 820px;
 

	margin: 0px auto 0px;
 

	padding: 0px;
 

	}
 
 
 

/************************************************
 

*	Hyperlinks									*
 

************************************************/
 
 
 

a, a:visited {
 

	color: #B60000;
 

	text-decoration: none;
 

	}
 

	
 

a:hover {
 

	text-decoration: underline;
 

	}
 

	
 

/************************************************
 

*	Header  									*
 

************************************************/
 
 
 

#header {
 

	background: #1C1C1C;
 

	width: 820px;
 

	height: 200px;
 

	color: #FFFFFF;
 

	margin: 0px auto 0px;
 

	padding: 0px 0px 0px 0px;
 

	overflow: hidden;
 

	}
 

	
 

#header a {
 

	font-family: Arial, Tahoma, Verdana;
 

	font-size: 24px;
 

	color: #000000;
 

	text-decoration: none;
 

	padding: 0px;
 

	margin: 0px;
 

	text-transform: uppercase;
 

	}
 
 
 

#header a:hover {
 

	color: #B60000;
 

	}
 

	
 

#header a img {
 

	border: none;
 

	margin: 0px;
 

	padding: 0px;
 

	}
 
 
 

#headerleft {
 

	width: 460px;
 

	float: left;
 

	font-size: 14px;
 

	margin: 0px;
 

	padding: 0px 0px 0px 0px;
 

	overflow: hidden;
 

	}
 
 
 

#headerright {
 

	width: 250px;
 

	float: right;
 

	font-size: 12px;
 

	text-align: right;
 

	margin: 0px;
 

	padding: 50px 15px 0px 0px;
 

	overflow: hidden;
 

	}
 

	
 

#headerright p {
 

	color: #FFFFFF;
 

	font-size: 12px;
 

	margin: 0px;
 

	padding: 0px 20px 0px 0px;
 

	}
 

	
 

/************************************************
 

*	Navbar      								*
 

************************************************/
 
 
 

#navbar {

	background: #183152;

	width: 820px;

	height: 35px;

	margin: 0px auto 0px;

	padding: 0px 0px 0px 0px;

	color: #EEEEEE;
 

	}
 

	
 

#navbarleft {

	width: 820px;

	float: left;

	margin: 0px;

	padding: 0px 0px 0px 0px;
 

	}
 

	
 

#navbarright {

	width: 150px;

	float: right;

	margin: 0px;

	padding: 6px 0px 0px 0px;

	height: 55px;
 

	}
 

	
 

#navbarright img {
 

	border: none;
 

	margin: 0px 0px 0px 0px;
 

	padding: 0px;
 

	}
 
 
 

#nav {
 

	margin: 0px 0px 0px 15px;
 

	padding: 0px;
 

	list-style: none;
 

	}
 

	
 

#nav ul {
 

	margin: 0px;
 

	padding: 0px;
 

	list-style: none;
 

	}
 
 
 

#nav a { /*FOR CHANGING BACKGROUND IN NAVIGATION BAR, ONLY FOR OPTIONS IN MENU*/
 

	background: #183152;
 

	/*LETTERS IN MENU*/color: #FFFFFF;
 

	display: block;
 

	font-size: 10px;
 

    font-weight: normal;
 

    text-transform: uppercase;
 

    margin: 0px 15px 0px 0px;
 

	padding: 11px 10px 11px 10px;
 

	}
 

	
 

#nav a:hover {

	color: #FFFFFF;

	display: block;

	text-decoration: none;

	margin: 0px 15px 0px 0px;

	padding: 11px 10px 11px 10px;

	background-color: #183152;
 

	}
 
 
 

#nav li {
 

	float: left;
 

	margin: 0px;
 

	padding: 0px;
 

	}
 

	
 

#nav li li {
 

	float: left;
 

	margin: 0px;
 

	padding: 0px;
 

	width: 140px;
 

	}
 

	
 

#nav li li a, #nav li li a:link, #nav li li a:visited { /*for backround of submenu*/
 

	background: #183152;
 

	width: 200px;
 

	float: none;
 

	margin: 0px;
 

	padding: 8px 10px 8px 10px;
 

	border-top: 1px solid #C0C0C0;
 

	}
 

	
 

#nav li li a:hover, #nav li li a:active {/*FOR HOVER OF SUBMENU*/
 

	background: #375D81;
 

	padding: 8px 10px 8px 10px;
 

	}
 
 
 

#nav li ul {
 

	position: absolute;
 

	width: 10em;
 

	left: -999em;
 

	}
 
 
 

#nav li:hover ul {
 

	left: auto;
 

	display: block;
 

	}
 

	
 

#nav li:hover ul, #nav li.sfhover ul {
 

	left: auto;
 

	}
 

	
 

/************************************************
 

*	SubNavbar      								*
 

************************************************/
 
 
 

#subnavbar {
 

	background: #999999;
 

	width: 920px;
 

	height: 24px;
 

	color: #FFFFFF;
 

	margin: 0px auto 0px;
 

	padding: 0px 0px 0px 0px;
 

	}
 

	
 

#subnav {
 

	margin: 0px;
 

	padding: 0px;
 

	list-style: none;
 

	}
 

	
 

#subnav ul {
 

	margin: 0px;
 

	padding: 0px;
 

	list-style: none;
 

	}
 
 
 

#subnav a {
 

	background: #999999;
 

	color: #FFFFFF;
 

	display: block;
 

	font-size: 10px;
 

    font-weight: normal;
 

    text-transform: uppercase;
 

    margin: 0px 15px 0px 0px;
 

	padding: 6px 10px 5px 10px;
 

	}
 

	
 

#subnav a:hover {
 

	background: #666666;
 

	color: #FFFFFF;
 

	display: block;
 

	text-decoration: none;
 

    margin: 0px 15px 0px 0px;
 

	padding: 6px 10px 5px 10px;
 

	}
 
 
 

#subnav li {
 

	float: left;
 

	margin: 0px;
 

	padding: 0px;
 

	}
 

	
 

#subnav li li {
 

	float: left;
 

	margin: 0px;
 

	padding: 0px;
 

	width: 140px;
 

	}
 

	
 

#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
 

	background: #999999;
 

	width: 140px;
 

	float: none;
 

	margin: 0px;
 

	padding: 6px 10px 5px 10px;
 

	border-top: 1px solid #FFFFFF;
 

	}
 

	
 

#subnav li li a:hover, #subnav li li a:active {
 

	background: #666666;
 

	}
 
 
 

#subnav li ul {
 

	position: absolute;
 

	width: 10em;
 

	left: -999em;
 

	}
 
 
 

#subnav li:hover ul {
 

	left: auto;
 

	display: block;
 

	}
 

	
 

#subnav li:hover ul, #subnav li.sfhover1 ul {
 

	left: auto;
 

	}
 

	
 

	
 

/************************************************
 

*	Homepage 					     		    * 
 

************************************************/
 
 
 

#homepage {
 

	width: 820px;
 

	margin: 0px auto 0px;
 

	padding: 0px 0px 0px 0px;
 

	line-height: 18px;
 

	}
 

	
 

#homepage h1 {
 

	color: #202020;
 

	font-size: 22px;
 

	font-family: Times New Roman, Tahoma, Verdana;
 

	font-weight: normal;
 

	margin: 0px 0px 5px 0px;
 

	padding: 0px 0px 5px 0px;
 

	}
 

	
 

#homepage h1 a, #homepage h1 a:visited  {
 

	color: #202020;
 

	text-decoration: none;
 

	}
 
 
 

#homepage h1 a:hover {
 

	color: #B60000;
 

	text-decoration: none;
 

	}
 

	
 

#homepage h2 {
 

	color: #202020;
 

	font-size: 12px;
 

	font-weight: bold;
 

	margin: 0px 0px 0px 0px;
 

	padding: 5px 0px 0px 0px;
 

	}
 

	
 

#homepage h2 a, #homepage h2 a:visited  {
 

	color: #202020;
 

	text-decoration: none;
 

	}
 
 
 

#homepage h2 a:hover {
 

	color: #B60000;
 

	text-decoration: none;
 

	}
 

	
 

#homepage h3 {
 

	color: #202020;
 

	font-size: 18px;
 

	font-family: Times New Roman, Tahoma, Verdana;
 

	font-weight: normal;
 

	margin: 0px 0px 0px 0px;
 

	padding: 0px 0px 10px 0px;
 

	}
 

	
 

#hpmain {
 

	float: left;
 

	width: 820px;
 

	margin: 0px 0px 0px 0px;
 

	padding: 20px 0px 0px 0px;
 

	display: inline;
 

	}
 

	
 

#hpmain a, #hpmain a:visited {
 

	color: #B60000;
 

	text-decoration: underline;
 

	}
 

	
 

#hpmain a:hover {
 

	color: #B60000;
 

	text-decoration: none;
 

	}
 

	
 

#hpmain img {
 

	border: none;
 

    float: left;
 

	margin: 0px 0px 10px 0px;
 

	}
 

	
 

#hpmain p {
 

	padding: 0px 0px 10px 0px;
 

	margin: 0px;
 

	}
 

	
 

.hpmainleft ul {
 

	list-style-type: none;
 

	margin: 0px 0px 0px 5px;
 

	padding: 0px 0px 0px 0px;
 

	}
 

	
 

.hpmainleft ul li {
 

	background: #FFFFFF url(images/arrow.gif) no-repeat top left;
 

	padding: 0px 0px 5px 13px;
 

	margin: 0px 0px 0px 0px;
 

	}
 

	
 

.hpmainleft {
 

	float: left;
 

	width: 380px;
 

	margin: 0px;
 

	padding: 0px 20px 0px 20px;
 

	border-right: 1px dotted #C0C0C0;
 

	}
 

	
 

.hpmainright {
 

	float: right;
 

	width: 360px;
 

	margin: 0px;
 

	padding: 0px 20px 0px 0px;
 

	color: #666666;
 

	}
 
 
 

.hpfeaturedtop {
 

	float: left;
 

	width: 360px;
 

	margin: 0px 0px 0px 0px;
 

	padding: 0px 0px 20px 0px;
 

	}
 

	
 

.hpfeaturedbottom {
 

	float: left;
 

	width: 360px;
 

	margin: 0px 0px 0px 0px;
 

	padding: 0px 0px 0px 0px;
 

	}
 
 
 

/************************************************
 

*	Content 					     		    * 
 

************************************************/
 
 
 

#content {
 

	width: 820px;
 

	margin: 0px auto 0px;
 

	padding: 0px 0px 0px 0px;
 

	line-height: 20px;
 

	}
 
 
 

#content p {
 

	padding: 0px 0px 15px 0px;
 

	margin: 0px;
 

	}
 

	
 

#content h1 {
 

	color: #202020;
 

	font-size: 22px;
 

	font-family: Times New Roman, Tahoma, Verdana;
 

	font-weight: normal;
 

	margin: 0px 0px 10px 0px;
 

	padding: 0px 0px 0px 0px;
 

	}
 

	
 

#content h1 a, #content h1 a:visited  {
 

	color: #202020;
 

	text-decoration: none;
 

	margin: 0px 0px 10px 0px;
 

	padding: 0px 0px 0px 0px;
 

	}
 
 
 

#content h1 a:hover {
 

	color: #B60000;
 

	text-decoration: none;
 

	}
 

	
 

#content h4 {
 

	color: #202020;
 

	font-size: 22px;
 

	font-family: Times New Roman, Tahoma, Verdana;
 

	font-weight: normal;
 

	margin: 0px 0px 10px 0px;
 

	padding: 0px 0px 8px 0px;
 

	}
 

	
 

#content img.wp-smiley {
 

	float: none;
 

	border: none;
 

	padding: 0px;
 

	margin: 0px;
 

	}
 
 
 

#content img.wp-wink {
 

	float: none;
 

	border: none;
 

	padding: 0px;
 

	margin: 0px;
 

	}
 

	
 

#contentleft {
 

	float: left;
 

	width: 490px;
 

	margin: 10px 0px 0px 10px;
 

	padding: 0px 10px 0px 10px;
 

	display: inline;
 

	}
 
 
 

#contentleft p img {
 

	border: none;
 

    float: left;
 

	margin: 0px 10px 10px 0px;
 

	}
 

	
 

.archive {
 

	float: left;
 

	width: 220px;
 

	margin: 0px 0px 0px 0px;
 

	padding: 0px 0px 20px 0px;
 

	}
 

	
 

.date {
 

	padding: 0px;
 

	margin: 0px;
 

	}
 

	
 

.date p {
 

	font-size: 10px:
 

	}
 

	
 

#contentleft ol {
 

	margin: 0px 0px 0px 5px;
 

	padding: 0px 0px 15px 0px;
 

	}
 

	
 

#contentleft ol li {
 

	margin: 0px 0px 0px 20px;
 

	padding: 0px 0px 0px 0px;
 

	}
 

	
 

#contentleft ul {
 

	list-style-type: square;
 

	margin: 0px 0px 0px 0px;
 

	padding: 0px 0px 15px 0px;
 

	}
 

	
 

#contentleft ul li {
 

	list-style-type: square;
 

	margin: 0px 0px 0px 20px;
 

	padding: 0px 0px 0px 0px;
 

	}
 

	
 

#contentleft ul ul li {
 

	list-style-type: square;
 

	margin: 0px 0px 0px 20px;
 

	padding: 0px 0px 0px 0px;
 

	}
 
 
 

blockquote {
 

	margin: 0px 20px 15px 20px;
 

	padding: 5px 0px 5px 15px;
 

	border-left: 3px solid #C0C0C0;
 

	}
 

	
 

#content blockquote p {
 

	margin: 0px 0px 0px 0px;
 

	padding: 0px 0px 0px 0px;
 

	}
 

	
 

.breadcrumb {
 

	float: left;
 

	width: 490px;
 

	font-size: 11px;
 

	margin: 0px 0px 20px 0px;
 

	padding: 0px 0px 3px 0px;
 

	border-bottom: 1px dotted #C0C0C0;
 

	}
 

	
 

.postarea {
 

	background: #FFFFFF;
 

	float: left;
 

	width: 490px;
 

	margin: 0px 0px 0px 0px;
 

	padding: 10px 0px 0px 0px;
 

	}
 

	
 

.adsense {
 

	background: #FFFFFF;
 

	float: left;
 

	width: 490px;
 

	margin: 10px 0px 10px 0px;
 

	padding: 10px 0px 10px 0px;
 

	border-top: 1px dotted #C0C0C0;
 

	border-bottom: 1px dotted #C0C0C0;
 

	}
 

	
 

.postmeta {
 

	width: 490px;
 

	font-size: 12px;
 

	padding: 5px 0px 0px 0px;
 

	margin: 0px 0px 0px 0px;
 

	}
 

	
 

.postmeta2 {
 

	width: 490px;
 

	font-size: 12px;
 

	padding: 5px 0px 40px 0px;
 

	margin: 0px 0px 0px 0px;
 

	border-top: 1px dotted #C0C0C0;
 

	}
 

	
 

.comments {
 

	background: #FFFFFF;
 

	float: left;
 

	width: 490px;
 

	margin: 0px;
 

	padding: 15px 0px 0px 0px;
 

	}
 

	
 

/************************************************
 

*	Sidebar 		    	        	        * 
 

************************************************/
 
 
 

#sidebar {
 

	float: right;
 

	width: 260px;
 

	margin: 0px 20px 0px 0px;
 

	padding: 25px 0px 0px 0px;
 

	line-height: 20px;
 

	display: inline;
 

	overflow: hidden;
 

	}
 

	
 

#sidebar p {
 

	padding: 0px 0px 15px 0px;
 

	margin: 0px;
 

	}
 

	
 

#sidebar a img {
 

	border: none;
 

	margin: 0px 0px 0px 0px;
 

	padding: 0px;
 

	}
 

	
 

#sidebar h2 {
 

	background: #202020;
 

	color: #FFFFFF;
 

	font-size: 12px;
 

	font-family: Arial, Tahoma, Verdana;
 

	font-weight: normal;
 

	margin: 0px 0px 10px 0px;
 

	padding: 1px 0px 1px 5px;
 

	line-height: 20px;
 

	}
 

	
 

#sidebar h3 {
 

	color: #202020;
 

	font-size: 18px;
 

	font-family: Times New Roman, Tahoma, Verdana;
 

	font-weight: normal;
 

	margin: 0px 0px 5px 0px;
 

	padding: 0px 0px 0px 0px;
 

	line-height: 20px;
 

	}
 

	
 

#sidebar ul {
 

	list-style-type: none;
 

	margin: 0px 0px 0px 0px;
 

	padding: 0px 0px 0px 0px;
 

	}
 
 
 

.ad {
 

	background: #FFFFFF;
 

	float: left;
 

	width: 260px;
 

	margin: 0px;
 

	padding: 10px 0px 5px 0px;
 

	}
 

	
 

.posts {
 

	background: #FFFFFF;
 

	float: left;
 

	width: 260px;
 

	margin: 0px;
 

	padding: 0px 0px 5px 0px;
 

	}
 

	
 

.recent_comments {
 

	background: #FFFFFF;
 

	float: left;
 

	width: 260px;
 

	margin: 0px;
 

	padding: 0px 0px 5px 0px;
 

	}
 

	
 

#newsletter {
 

	background: #FFFFFF url(images/newsletter.gif) top right no-repeat;
 

	float: left;
 

	width: 260px;
 

	margin: 0px;
 

	padding: 0px;
 

	}
 

	
 

#newsletter p {
 

	padding: 0px 0px 0px 0px;
 

	margin: 0px;
 

	}
 

	
 

.pageblock {
 

	background: #FFFFFF;
 

	float: left;
 

	width: 260px;
 

	margin: 0px;
 

	padding: 0px 0px 10px 0px;
 

	}
 
 
 

/************************************************
 

*	Left Sidebar                    	        * 
 

************************************************/
 
 
 

#l_sidebar {
 

	background: #FFFFFF;
 

	float: left;
 

	width: 125px;
 

	margin: 0px;
 

	padding: 10px 0px 0px 0px;
 

	line-height: 20px;
 

	display: inline;
 

	}
 

	
 

#l_sidebar p {
 

	padding: 0px 0px 15px 0px;
 

	margin: 0px;
 

	}
 

	
 

#l_sidebar a img {
 

	border: none;
 

	margin: 0px;
 

	padding: 0px 0px 15px 0px;
 

	}
 

	
 

#l_sidebar h2 {
 

	background: #202020;
 

	color: #FFFFFF;
 

	font-size: 12px;
 

	font-family: Arial, Tahoma, Verdana;
 

	font-weight: normal;
 

	margin: 0px 0px 10px 0px;
 

	padding: 1px 0px 1px 5px;
 

	line-height: 20px;
 

	}
 
 
 

#l_sidebar ul {
 

	list-style-type: none;
 

	margin: 0px 0px 10px 0px;
 

	padding: 0px 0px 0px 0px;
 

	}
 

	
 

/************************************************
 

*	Right Sidebar                       	    * 
 

************************************************/
 
 
 

#r_sidebar {
 

	background: #FFFFFF;
 

	float: right;
 

	width: 125px;
 

	margin: 0px;
 

	padding: 10px 0px 0px 0px;
 

	line-height: 20px;
 

	display: inline;
 

	}
 

	
 

#r_sidebar p {
 

	padding: 0px 0px 15px 0px;
 

	margin: 0px;
 

	}
 

	
 

#r_sidebar a img {
 

	border: none;
 

	margin: 0px;
 

	padding: 0px 0px 15px 0px;
 

	}
 

	
 

#r_sidebar h2 {
 

	background: #202020;
 

	color: #FFFFFF;
 

	font-size: 12px;
 

	font-family: Arial, Tahoma, Verdana;
 

	font-weight: normal;
 

	margin: 0px 0px 10px 0px;
 

	padding: 1px 0px 1px 5px;
 

	line-height: 20px;
 

	}
 
 
 

#r_sidebar ul {
 

	list-style-type: none;
 

	margin: 0px 0px 10px 0px;
 

	padding: 0px 0px 0px 0px;
 

	}
 

	
 

/************************************************
 

*	Widgets 									*
 

************************************************/
 
 
 

.textwidget {
 

	margin: 0px 0px 10px 0px;
 

	padding: 0px 0px 0px 0px;
 

	}
 
 
 

#recent-posts ul {
 

	list-style-type: none;
 

	margin: 0px 0px 0px 0px;
 

	padding: 0px 0px 10px 0px;
 

	}
 
 
 

#recent-posts ul li {
 

	background: #FFFFFF url(images/icon_recent.gif) no-repeat top left;
 

	padding: 0px 0px 5px 18px;
 

	margin: 0px 0px 0px 0px;
 

	}
 

	
 

#recent-comments ul {
 

	list-style-type: none;
 

	margin: 0px 0px 0px 0px;
 

	padding: 0px 0px 0px 0px;
 

	}
 
 
 

#recent-comments ul li {
 

	background: #FFFFFF url(images/icon_comments.gif) no-repeat top left;
 

	padding: 0px 0px 5px 18px;
 

	margin: 0px 0px 0px 0px;
 

	}
 

	
 

#categories-1 ul {
 

	list-style-type: none;
 

	margin: 0px 0px 5px 0px;
 

	padding: 0px 0px 10px 0px;
 

	}
 
 
 

#categories-1 ul li {
 

	background: #FFFFFF url(images/icon_categories.gif) no-repeat top left;
 

	padding: 0px 0px 5px 18px;
 

	margin: 0px 0px 0px 0px;
 

	}
 

	
 

#archives ul {
 

	list-style-type: none;
 

	margin: 0px 0px 5px 0px;
 

	padding: 0x 0px 10px 0px;
 

	}
 
 
 

#archives ul li {
 

	background: #FFFFFF url(images/icon_archives.gif) no-repeat top left;
 

	padding: 0px 0px 5px 18px;
 

	margin: 0px 0px 0px 0px;
 

	}
 

	
 

#pages ul {
 

	list-style-type: none;
 

	margin: 0px 0px 5px 0px;
 

	padding: 0px 0px 10px 0px;
 

	}
 
 
 

#pages ul li {
 

	background: #FFFFFF url(images/icon_meta.gif) no-repeat top left;
 

	padding: 0px 0px 5px 18px;
 

	margin: 0px 0px 0px 0px;
 

	}
 

	
 

#links ul {
 

	list-style-type: none;
 

	margin: 0px 0px 5px 0px;
 

	padding: 0px 0px 10px 0px;
 

	}
 
 
 

#links ul li {
 

	background: #FFFFFF url(images/icon_links.gif) no-repeat top left;
 

	padding: 0px 0px 5px 18px;
 

	margin: 0px 0px 0px 0px;
 

	}
 
 
 

#meta ul {
 

	list-style-type: none;
 

	margin: 0px 0px 5px 0px;
 

	padding: 0px 0px 10px 0px;
 

	}
 
 
 

#meta ul li {
 

	background: #FFFFFF url(images/icon_meta.gif) no-repeat top left;
 

	padding: 0px 0px 5px 18px;
 

	margin: 0px 0px 0px 0px;
 

	}
 

	
 

#text-1 ul {
 

	list-style-type: none;
 

	margin: 0px 0px 5px 0px;
 

	padding: 0px 0px 10px 0px;
 

	}
 
 
 

#text-1 ul li {
 

	padding: 0px 0px 5px 0px;
 

	margin: 0px 0px 0px 0px;
 

	}
 

	
 

/************************************************
 

*	Footer      								*
 

************************************************/
 
 
 

#footer {
 

	background: #393939 url(images/footer.gif) top no-repeat;
 

	width: 820px;
 

	height: 40px;
 

	margin: 0px auto 0px;
 

	padding: 45px 0px 0px 0px;
 

	text-align: center;
 

	}
 

	
 

#footer p {
 

	color: #FFFFFF;
 

	font-size: 11px;
 

	font-family: Arial, Tahoma, Verdana;
 

	margin: 0px;
 

	padding: 0px 0px 0px 0px;
 

	}
 

	
 

#footer a, #footer a:visited {
 

	color: #FFFFFF;
 

	text-decoration: none;
 

	}
 

	
 

#footer a:hover {
 

	text-decoration: underline;
 

	}
 
 
 

/************************************************
 

*	Search Form									*
 

************************************************/
 
 
 

#searchform {
 

	margin: 0px;
 

	padding: 0px;
 

	overflow: hidden;
 

	}
 

	
 

#searchbox {

	background: #EEEEEE;

	width: 140px;

	color: #202020;

	font-size: 11px;

	font-family: Arial, Tahoma, Verdana;

	padding: 3px;

	margin: 0px 5px 10px 0px;

	border-top: 1px solid #666666;

	border-right: 1px solid #DDDDDD;

	border-left: 1px solid #666666;

	border-bottom: 1px solid #DDDDDD;

	display: inline;

	height: 15px;
 

	}
 

	
 

#subscribe {
 

	margin: 0px;
 

	padding: 0px 0px 10px 0px;
 

	overflow: hidden;
 

	}
 

	
 

#subbutton {
 

	background: #777777 url(images/navbar.gif);
 

	color: #FFFFFF;
 

	font-size: 11px;
 

	font-family: Arial, Tahoma, Verdana;
 

	padding: 2px;
 

	margin: 0px 0px 0px 8px;
 

	border: 1px solid #555555;
 

	font-weight: bold;
 

	}
 

	
 

#subbox {
 

	background: #EEEEEE;
 

	width: 210px;
 

	color: #202020;
 

	font-size: 12px;
 

	font-family: Arial, Tahoma, Verdana;
 

	padding: 4px;
 

	margin: 5px 0px 0px 0px;
 

	border-top: 1px solid #666666;
 

	border-right: 1px solid #DDDDDD;
 

	border-left: 1px solid #666666;
 

	border-bottom: 1px solid #DDDDDD;
 

	}
 
 
 

#name, #email, #url {
 

	background: #FFFFFF;
 

	color: #202020;
 

	font-size: 12px;
 

	font-family: Arial, Tahoma, Verdana;
 

	padding: 4px;
 

	margin: 0px 0px 0px 0px;
 

	border-top: 1px solid #666666;
 

	border-right: 1px solid #DDDDDD;
 

	border-left: 1px solid #666666;
 

	border-bottom: 1px solid #DDDDDD;
 

	}
 

	
 

#submit {
 

	background: #EEEEEE;
 

	color: #202020;
 

	font-size: 12px;
 

	font-family: Arial, Tahoma, Verdana;
 

	padding: 4px;
 

	margin: 0px 0px 0px 0px;
 

	border-top: 1px solid #DDDDDD;
 

	border-right: 1px solid #666666;
 

	border-left: 1px solid #DDDDDD;
 

	border-bottom: 1px solid #666666;
 

	}
 

	
 

#words {
 

	background: #FFFFFF;
 

	width: 380px;
 

	color: #202020;
 

	font-size: 12px;
 

	font-family: Arial, Tahoma, Verdana;
 

	padding: 4px;
 

	margin: 0px 0px 0px 0px;
 

	border-top: 1px solid #666666;
 

	border-right: 1px solid #DDDDDD;
 

	border-left: 1px solid #666666;
 

	border-bottom: 1px solid #DDDDDD;
 

	}
 

	
 

/************************************************
 

*	Comments									*
 

************************************************/
 
 
 

#commentblock {
 

	color: #202020;
 

	float: left;
 

	padding: 20px 0px 10px 10px;
 

	margin: 0px 0px 0px 0px;
 

	}
 

	
 

#commentblock ol {
 

	list-style-type: square;
 

	margin: 0px 0px 0px 0px;
 

	padding: 10px 0px 0px 0px;
 

	}
 

	
 

.commentdate {
 

	font-weight: bold;
 

	font-size: 12px;
 

	}
 
 
 

.commentname {
 

	color: #202020;
 

	font-weight: bold;
 

	margin: 0px;
 

	padding: 5px 0px 0px 0px;
 

	}
 
 
 

.commentinfo {
 

	clear: both;
 

	}
 
 
 

.commenttext {
 

	width: 490px;
 

	color: #202020;
 

	font-size: 12px;
 

	font-family: Arial, Tahoma, Verdana;
 

	padding: 0px 0px 0px 0px;
 

	margin: 5px 10px 20px 0px;
 

	border-bottom: 1px dotted #C0C0C0;
 

	}
 
 
 

.commenttext-admin {
 

	width: 490px;
 

	color: #202020;
 

	font-size: 12px;
 

	font-family: Arial, Tahoma, Verdana;
 

	padding: 0px 0px 0px 0px;
 

	margin: 5px 10px 20px 0px;
 

	border-bottom: 1px dotted #C0C0C0;
 

	}

Open in new window

0
 
LVL 82

Accepted Solution

by:
hielo earned 500 total points
Comment Utility
provide a right margin to the image in question:
<img style="margin-right:10px;" src="http://www.dannyesquivel.com/wp-content/themes/revolution_business-10/images/marina150.jpg" alt="Marinapena.com" width="105" height="128" align="left" />

Open in new window

0
 
LVL 82

Expert Comment

by:hielo
Comment Utility
glad to help.
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now