StudioPress Community Forums
  StudioPress Community Forums > Forums > General Discussion
For help and support, access to your downloads, or to manage your account please log into My StudioPress.

These forums have been set to read-only so you can browse the existing topics for any questions you may have.

For general discussion on WordPress, CSS and design (NOT for support) visit the new Community Forums.
 
 
Thread Tools Display Modes
Prev Previous Post   Next Post Next
  #1  
Old 11-03-2009, 10:57 AM
patiprana patiprana is offline
Registered User
Genesis Member
 
Join Date: Apr 2009
Posts: 55
Default problem with text spacing

I'm having trouble with aligning/spacing (what is the right word?) my texts.

When I have a picture aligned with some text, there is a gap after the first paragraph which I cannot seem to fix.

Example here: http://www.spiritueelmagazine.nl/be/...en-met-kanker/

It does not, however, occur when I use it for example with an Adsense block, but then another problem arises: the text of 'Ads by Google' underneath is very close to the text.

Example can be found here: http://www.spiritueelmagazine.nl/be/liefdesverdriet/

I don't know if this is caused by the same thing or something seperate, but help would be very much appreciated.

CSS of entire content section is below.

(And yes, I had been playing around with the CSS. I though I was finally starting to understand this CSS stuff and could do something without the help of the kind experts here, but alas.)

Code:
#content {
	width: 940px;
	margin: 0px auto 0px;
	padding: 10px 0px 0px 0px;
	line-height: 18px;
	}
	
#content h1 {
	color: #741b49;
	font-size: 22px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#content h1 a, #content h1 a:visited  {
	color: #741b49;
	font-size: 22px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 0px;
	}

#content h1 a:hover {
	color: #741b49;
	text-decoration: underline;
	}
	
#content h2 {
	background: #FFFFFF;
	color: #e15a00;
	font-size: 15px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	}

#content h3 {
	background: #FFFFFF url(images/navnav.jpg);
	color: #84ad45;
	font-weight: normal;
	font-size: 15px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 7px;
	}
	
#content h4 {
	color: #495D5C;
	font-size: 22px;
	font-family: Georgia, Times New Roman;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	margin: 0px;
	padding: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#contentleft {
	float: left;
	width: 610px;
	margin: 0px;
	padding: 0px;
	}

#contentleft a {
color: #0066CC;
	}	

#contentadsense  {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: double #EAEAEA;
	}

#contentleft a img {
	border: none;
	}

blockquote {
	background: #E8E8E8;
	margin: 0px 25px 15px 25px;
	padding: 10px 20px 0px 15px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #666666;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #666666;
	}
	
#content blockquote p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
.postarea {
	background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
	float: left;
	width: 588px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
	
.postarea p {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	}
	

.postarea p a,.postarea p a:visited {
   margin: 0px;
   padding: 0px 0px 15px 0px;text-decoration:underline;
   }	

   .postarea ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
.postarea ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}
	
.postarea ul ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
.postarea ol {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
.postarea ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}
	
.breadcrumb {
	font-size: 11px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: double #EAEAEA;
	}
	
#contentwide {
	float: left;
	width: 940px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
.postareawide {
	background: #FFFFFF url(images/fullwidthtop.gif) top no-repeat;
	float: left;
	width: 918px;
	margin: 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
	
.postareawide p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
.postareawide ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
.postareawide ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}
	
.postareawide ul ul {
	list-style-type: square;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
.postareawide ol {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
.postareawide ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}
	
.breadcrumbwide {
	float: left;
	width: 9218px;
	font-size: 11px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: double #EAEAEA;
	}
	
.date {
	width: 590px;
	float: left;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
.dateleft {
	width: 380px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
.dateright {
	width: 200px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
	}
	
.time {
	background: #FFFFFF url(images/icon_time.gif) no-repeat top left;
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 20px;
	}
	
.icomment {
	background: #FFFFFF url(images/icon_comments.gif) no-repeat top left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	}
	
.tags {
	background: #FFFFFF url(images/icon_tags.gif) no-repeat top left;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	}
	
.category {
	background: #FFFFFF url(images/icon_category.gif) no-repeat top left;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	}
	
.postmeta {
	width: 590px;
	font-size: 12px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	border-top: double #EAEAEA;
	}
	
.postmeta2 {
	width: 590px;
	font-size: 12px;
	padding: 5px 0px 40px 0px;
	margin: 0px;
	border-top: double #EAEAEA;
	}
	
.archive {
	float: left;
	width: 275px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.adblock {
	background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
	float: left;
	width: 588px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
	
.comments {
	background: #FFFFFF url(images/homepagetop.gif) top no-repeat;
	float: left;
	width: 588px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
 

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Problem With Image and Text Spacing steve2988 General Discussion 2 11-16-2009 08:16 PM
sidebar text widget IMG / TEXT spacing problem mikewilltoo General Discussion 1 04-02-2009 01:33 PM


All times are GMT -5. The time now is 09:00 PM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.