![]() |
|
||||||
|
|
Thread Tools | Display Modes |
|
#1
|
|||
|
|||
|
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 | |
|
|
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 |
© Copyright 2012 Copyblogger Media LLC · StudioPress™ is a trademark of Copyblogger Media LLC
Privacy Policy | Refund Policy | Terms of Service | Affiliate Program | Contact Us