CSS - How Do I Eliminate The Line Spaces Between The Img And The <ul>,<li> Tags??

Hi,

What is my CSS file is making my <p></p> tags not break a line?

My css file is located he
Code:

/*
Theme Name: U5
Theme URI: (URL address blocked: See forum rules)
Description: This theme is form <a href="utombox.com">UtomBox.com</a>.
Version: 6.11
Author: Utom
Author URI: (URL address blocked: See forum rules)
*/
* {
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}

blockquote { 
margin-left:15px; 
background-color:#F8F5D1; 
border-left:5px solid #F9CA68;
border-right:1px solid #F9CA68;
border-bottom:1px solid #F9CA68;
border-top:1px solid #F9CA68; 
margin-right:15px; 
padding:4px; 
}

.navigation { 
font-family:"Trebuchet MS", Verdana, sans-serif; margin-bottom:5px; font-size:12px;
}

.navigation a { 
color:#3E6697; 
text-decoration:none; 
}

.navigation a:hover { 
color:#3E6697; 
text-decoration:underline; 
}

.navigation .alignleft { 
float:left; 
}

.navigation .alignright { 
float:right; 
}

.post { 
margin-right:10px; 
clear:both; 
border-bottom:1px dotted #999999; 
margin-bottom:5px; 
padding-bottom:10px; 
margin-top:10px;  
}

.post h1 { 
font-size:30px; 
font-family:"Trebuchet MS", Verdana, sans-serif;
}

.post h1 a { 
color:#4374b0; 
text-decoration:none; 
padding-left:1px; 
padding-right:1px;  
}

.post h1 a:hover { 
color:#4374b0; 
text-decoration:underline; 
padding-left:1px; 
padding-right:1px;  
}

.post h2 { 
font-size:20px; 
font-family:"Trebuchet MS", 
Verdana, sans-serif; 
}

.post h2 a {
font-size:20px; 
color:#4374b0; 
text-decoration:none; 
padding-right:1px; 
margin-top:5px; 
}

.post h2 a:hover { 
font-size:20px; 
color:#4374b0; 
text-decoration:underline; 
padding-right:1px; 
margin-top:5px; 
}

.post small { 
font-size:10px; 
color:#666666; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
}

.post small a { 
color:#3E6697; 
text-decoration:none; 
}

.post small a:hover { 
text-decoration:underline; 
}

hr { clear:both; border:0px; 
background-image:url(/images/hor_div.gif); 
background-repeat:repeat-x; 
height:1px; 
background-color:#FFFFFF; 
padding:0px; }

body {
overflow:auto;
background:#fff;
color:#fff;
font-size:11px;
line-height:22px;
font-family: "Verdana", Lucida Grande, Arial, Helvetica, sans-serif;
}

p {
font-size:11px;
margin:0;
margin-bottom:15px;
}

p a {
color:#333;
text-decoration:none;
margin:0;
margin-bottom:15px;
}

p a:hover {
color:#333;
text-decoration:underline;
margin:0;
margin-bottom:15px;
}


h1,h2,h3,h4,h5,h6 {
font-family:"Trebuchet MS";
}

p,.entry ol,.entry ul {
margin:0;
}

.entry ol,.entry ul {
padding:0;
}
.entry strike{
text-decoration:line-through;
}
input,textarea {
background:#fff;
border:1px solid #999;
font:11px "Verdana", Arial, Helvetica, sans-serif;
color:#333;
padding:2px;
}

input[type=text]:focus,textarea:focus {
background:#fff;
border:1px solid #666;
font:11px/150% "Verdana", Arial, Helvetica, sans-serif;
color:#333;
}

#wrapper {
background:#fff url("images/bg.png") repeat-y center center;
margin:0 auto;
padding:0 5px;
}

#header {
height:100px;
}

#headerimg {
height:100px;
}

#headerimg h1 a {
background:transparent url("images/logo.png") no-repeat 0 0;
position:absolute;
width:180px;
height:100px;
overflow:hidden;
text-indent:400px;
line-height:200px;
}

#headerimg .description {
display:none;
}

#box {
padding:0 20px 20px;
}

#content,#sidebar {
float:left;
margin:0 20px 0 0;
}

#content {
width:550px;
color:#333;
}

#content2 {
width:550px;
color:#333;
float:left;
margin:0 50px 0 0;
}

.narrowcolumn a {
color:#333;
text-decoration:underline;
margin:0;
margin-bottom:15px;
}

.narrowcolumn ul.u_datetime {
background:#666 url("images/datetime.png") no-repeat 0 0;
width:60px;
height:60px;
float:left;
text-align:center;
color:#FFF;
margin:0 10px 0 0;
}

.narrowcolumn li.u_month {
font-size:10px;
line-height:20px;
}

.narrowcolumn li.u_day {
font-size:20px;
font-weight:700;
line-height:20px;
}

.narrowcolumn li.u_year {
font-size:12px;
font-weight:700;
line-height:20px;
}

.narrowcolumn h2 a {
color:#4374b0;
font-size:20px;
margin:0;
}

.narrowcolumn .u_tag,.narrowcolumn ul.u_postinfo li {
line-height:23px;
margin:0 10px 0 0;
padding:0 0 0 20px;
}

.narrowcolumn .u_tag {
background:transparent url("images/tag_blue.png") no-repeat left center;
}

.narrowcolumn .u_author {
background:transparent url("images/user.png") no-repeat left center;
}

.narrowcolumn .u_timepost {
background:transparent url("images/time.png") no-repeat left center;
}

.narrowcolumn .u_category {
background:transparent url("images/folder.png") no-repeat left center;
}

.narrowcolumn .u_comment {
background:transparent url("images/comments.png") no-repeat left center;
}

.narrowcolumn .entry {
clear:both;
padding:10px;
overflow : hidden;
}

.narrowcolumn .entry blockquote {
border-left:2px solid #fff;
color:#666;
margin:0 0 0 2em;
padding:0 0 0 2em;
overflow:hidden;
}

.narrowcolumn .entry ol li {
list-style:decimal;
}

.narrowcolumn .entry ul li {
list-style:disc;
}

.narrowcolumn .entry img {
margin:5px;
}

.narrowcolumn .entry a:hover img {
border:0px solid #FFF;
}

.narrowcolumn .navigation {
height:20px;
margin:0 0 20px;
}
.narrowcolumn .navigation_page a,.narrowcolumn .navigation_page .utompage{
font-size: 10px;
float: left;
height: 20px;
padding: 0 5px;
line-height: 20px;
margin: 0 1px 1px 0;
}
.narrowcolumn .navigation_page a{
background: #fff;
border:0px solid #fff;
color: #666;
}
.narrowcolumn .navigation_page a:hover, .narrowcolumn .navigation_page .utompage{
color: #4374b0;
background: #fff;
border:0px solid #fff;
}
.narrowcolumn .alignright {
float:right;
}

.narrowcolumn .postmetadata {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
margin:20px 0;
padding:10px;
}

.narrowcolumn .postrss2 a {
background:transparent url("images/rss_big.png") no-repeat 0 0;
position:absolute;
width:80px;
height:80px;
overflow:hidden;
text-indent:400px;
line-height:200px;
margin:-5px 0 0 400px;
}

.narrowcolumn .postmetadata li {
line-height:23px;
padding:0 0 0 20px;
}

.narrowcolumn .postdatetime {
background:transparent url("images/time.png") no-repeat left center;
}

.narrowcolumn .postcategory {
float:left;
background:transparent url("images/folder.png") no-repeat left center;
margin:0 10px 0 0;
}

.narrowcolumn .posttag {
float:left;
background:transparent url("images/tag_blue.png") no-repeat left center;
}

.narrowcolumn .posttrackback {
clear:both;
background:transparent url("images/arrow_refresh.png") no-repeat left center;
}

.narrowcolumn .postedit {
clear:both;
background:transparent url("images/pencil.png") no-repeat left center;
}

span.ugr {
float:left;
width:50px;
height:50px;
border:0px solid #666;
margin:0 3px 3px 0;
}

.narrowcolumn h3#comments,.narrowcolumn h3#respond {
font-size:15px;
margin:10px 0;
}

.narrowcolumn ol.commentlist {
border:0px solid #666;
border-bottom:none;
margin:0 0 20px;
}

.narrowcolumn ol.commentlist li {
border-bottom:0px solid #666;
background:#fff;
padding:10px;
}

.narrowcolumn ol.commentlist li.alt {
background:#fff;
}

.narrowcolumn .commentlist .uar,.narrowcolumn .commentlist .uar a {
font-size:14px;
font-weight:700;
color:#333;
}

.narrowcolumn .spost,.narrowcolumn .commentlist p {
clear:both;
}

.narrowcolumn #comment {
width:80%;
}

My homepage is he
Code:

tonycai.com

As you can see my paragraphs doesn't break a line.

Thanks

I have tried every suggestion that I can find on the web, and still IE insists on putting spacing between cells in my tables when I don't want it.

Just go to my home page: www dot jamescobban dot net (Why can't I just post my website address?) In the bottom frame I use a table to hilight my contact addresses. On FFox the borders are solid because FFox honors the Code:

border-spacing: 0px

in my styles. But IE ignores it. It also ignores the Code:

padding: 0px

in the style defined for the individual cells. I have tried Code:

border-collapse: collapse

, but that merges the borders so that the cells are only separated by 2px of border when I want to total of 4px. OK I could make this particular table look the same on both by using border-collapse and defining the borders as 4px wide, but that would not address other tables I have where the borders are more complex and I really do need to keep the cell borders and the table border distinct. I just want to get rid of the d....d spacing!

html Code:
Original - html Code <hr> <table class='contacts' > <tr> <td class='contacts'>Phone:</td> <td class='contacts'>E-mail to:</td> </tr> <tr> <td class='contacts'>Phone: +1-613-592-9438 <br>FAX: +1-613-592-9438</td> <td class='contacts'>&nbsp;<a href="mailto:jamescobban@sympatico.ca">JamesCobban@sympatico.ca</a></td> </tr> </table>

  
<hr>
<table class='contacts' >
<tr>

<td class='contacts'>Phone:</td>

<td class='contacts'>E-mail to:</td>
</tr>

<tr>

<td class='contacts'>Phone: +1-613-592-9438
<br>FAX: +1-613-592-9438</td>

<td class='contacts'>&nbsp;<a href="mailto:jamescobban@sympatico.ca">JamesCobban@sympatico.ca</a></td>
</tr>
</table>

css Code:
Original - css Code <style type='text/css'> table.contacts { border: solid 2px #008000; width: 100%; padding: 0px; border-spacing: 0px; background: #99FF99; } td.contacts { border: solid 2px #008000; font-family: sans-serif; padding: 0px; } </style>

  

    <style type='text/css'>


     table.contacts    { border: solid 2px #008000; 


             width: 100%;


             padding: 0px;


             border-spacing: 0px;


             background: #99FF99;


             }


     td.contacts       { border: solid 2px #008000;


             font-family: sans-serif;


             padding: 0px;


             }


     </style> 

Any idea how to make the image to go side-by-side without a whitespace in between them? The code below is ..

Code:

<div>
 <a href="blah blah"><img src="blah blah"></a>
 <a href="blah blah"><img src="blah blah"></a>
 <a href="blah blah"><img src="blah blah"></a>
</div>

Thanks...

I'm a bit confused about how to cause the dive that contains the images to more closely surround, collapse around the images?
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>Untitled</title>
	<style>
	.nav_box {	
		width: 95%;
		padding: 1px 1px 1px 2px;
		border: 1px solid #eef7ff;
		background-color: #003366;
		text-align : left;	
	}	
	.bolck_up {
		padding: 0px;
		margin: 0px;
		vertical-align: bottom;
	}
	.bolck_down {
		padding: 0px;
		margin: 0px;
		vertical-align: bottom;
	}
	</style>
</head>
<body>
<div class="nav_box">
	<img class="block_up" src="./images/block_up.gif" width="11" height="11" />
	<img class="block_down" src="./images/block_down.gif" width="11" height="11" />
</div>
</body>
</html>

Any help would be appreciated.

test