HTML - Horizontal Spacing

I've got a scanned in document that has been processed by OCR - Omnipage - and saved as html.

The paragraphs often list five or six items.

Most of the paragraphs are single space but some are double spaced. In the original all are single spaced.

I would like them all to be single spaced.

The code seems very complicated with 'spans' and 'divs' and 'box' and 'style' and long lists of parameters repeated frequently. Too frequently I imagine, machine generated stuff, but I'm not an html coder.

The point is I couldn't figure out for the life of me what it was that caused one para to be double spaced and another to be single spaced.

Here's a sample of the code that causes double spacing (hope its okay to put snippets of code in these posts, moderator? )
<p><span
style="font-family: Tahoma,sans-serif; font-style: normal; font-weight: normal; font-size: 15pt; letter-spacing: 0.3pt;">*
To be informed of, and involved in, Centre Management and practices;</span></p>
<p><span
style="font-family: Tahoma,sans-serif; font-style: normal; font-weight: normal; font-size: 15pt; letter-spacing: 0.3pt;">*
To have accessibility to information about the Centre through written
policies and programs; and </span></p>
<p><span
style="font-family: Tahoma,sans-serif; font-style: normal; font-weight: normal; font-size: 15pt; letter-spacing: 0.3pt;">*
To be provided with support and assistance in the parenting role. </span></p>
<p
style="margin: 4.8px 0px 9.6px 9.6px; background-color: rgb(255, 255, 255); text-align: left; text-indent: 0px; line-height: normal;">&nbsp;</p>
</div>
<div class="Box"
style="border: 0pt none rgb(255, 255, 255); background-color: rgb(255, 255, 255); width: 549.65pt; left: 99.15pt; top: 1107px; height: 192px;">
<p

What I'm planning to do now is copy the whole section and paste to notepad to get rid of all html and then pick it up again and put it back into html.

I've tried NVU, Frontpage and Dreamweaver and I can't find a way in any of them to simply strip out all the crap and - obviously - I can't find a way to strip out this double spacing thing.

regards,

ab

Hello
I have an image in my html page, 'aigned left', and the text is pressed right againt the edge, almost no space at all. Now I have a border on the image, so if I play with "H space" it spaces with the border too, which is a pain.
how can I put a space so the text isn't right against the border? If you say CSS, I know very little about css, so would need some guidance.

Thank you.

I am really new to learning html and I have just set up a form using formmail.pl.

It works great but if the customer enters a carriage return it doesn't show up on my results. For example, if someone types this:

Line1
Line2

I get it as Line1Line2.

I'd like to be able to program it so I get it as it was originally posted.

Here is my code:

<form action="cgi-sys/formmail.pl" method="post"><input name="recipient"value="drmarie@askavetquestion.com" type ="hidden"

enctype="text/plain"><font face="Arial">

Your first name: <input type="text" name="owner name" size="30" /> <br />
<br />
Pet's name: </font> <font face="Arial"><input type="text" name="name" size="30" /><br />
<br />

Your email address: (you will be sent an email with a link directing you to your answer)<br /> <input name="email" size="20" value=""type="text"/><br /><br />

How old is your pet?</font> <select name="age">
<option>Less than 3 months</option>
<option>3-6 months</option>
<option>6-12 months</option>
<option>1-2 years</option>
<option>2-5 years</option>
<option>5-8 years</option>
<option>8-11 years</option>
<option>11-15 years</option>
<option>More than 15 years</option></select><font face="Arial"><br />
<br />

What breed is your pet?<br />
</font><font face="Arial"><input type="text" breed="Breed" size="30" /><br />
<br /><br />

What is your question about your pet? <br />
</font> <textarea name="question" rows="25" cols="80"></textarea><br />
<font face="Arial"><br />
</font><font face="Arial"><input type="submit" value="Send Question" /><input type="reset" /></font></form>


Thanks so much!
Marie

http://www.mattburnsey.com/test.htm

I'm having trouble getting the tv and the mirror to stay connected. I should have room to widen the tv iframe a little more and I've tried cellspacing and cellpadding. What am I not trying that I should be?

Thanks.

I've set up a <ul> with some breaks between each <li>. The spacing differs between FF and IE. It seems that the first <br> is ignored by IE, but not FF. Anyone know why, or a workaround? Thanks.

So, I am working on a website for the final project for one of my classes, and while it looks fine in Firefox and Safari, there is some funky spacing in my divs/table set up with my inline frame in IE: (I have IE 7, but I would like this to work in all versions as I'm not sure what browser my professor has)

http://grandmas.host-ed.net/

in IE, you will see there is a space below the top banner and another one between the footer and the border... how can I get rid of these?

Here is my code (image map removed b/c it's long and unneeded for my question)
Code:

<html>
<head>
<title>Grandma Mae's Country Naturals</title>
</head>
<body background="bg.jpg" bgproperties="fixed"> 

<center>

<table Cellpadding="0" Cellspacing="0" border="0">

<tr><td>
<div style="border: solid 0 #a34c30; border-left-width:3px; border-right-width:3px; border-top-width:3px; padding-left:0ex 
padding-right:0ex padding-top:0ex padding-bottom:0ex">
<img src="gcn_nav2.jpg" usemap="#mymap" border="0">
</div></td></tr>

<tr><td>
<div style="border: solid 0 #a34c30; border-left-width:3px; border-right-width:3px; padding-left:0ex padding-right:0ex 
padding-top:0ex padding-bottom:0ex">
<IFRAME name="inlineframe" src="home.html" width=854 height=350 frameborder="0"></IFRAME>
</div></td></tr>

<tr><td>
<div style="border: solid 0 #a34c30; border-left-width:3px; border-right-width:3px; border-bottom-width:3px; 
padding-left:0ex padding-right:0ex padding-bottom:0ex padding-top:0ex">
<img src="footer2.jpg">
</div>
</td></tr></table>

<font color="FFCC99" size="1" face="Georgia, Times New Roman, Times, serif"><b>This site is not affiliated with Grandma Mae's County Naturals</b></font>

</center>
</map>
</body>
</html>

It's kind of improvised and I am no html expert so perhaps there is a better way to get the look I was going for? Also, I know there is some extra/unneeded code there, but it's all stuff I added when trying to fix the spacing (and it didn't work) and was too lazy to take away. haha

Thanks a ton,

Nathalie

I want to remove the space between the top frame and the main frame, but the div on the main frame doesn't start on the top of the frame...

http://black1c3.awardspace.com

how can i do it??

I have a problem with my banner. the images have gaps between them, so it looks tacky.

Here is the Site:
http://www.freewebs.com/jaceyanimation/sitetemplate.htm (I don't have any problems with the sidebar)

Here is the code i made for it:
HTML Code:

<a href="http://www.freewebs.com/jaceyanimation/index.htm" target="_blank"><img src="http://www.freewebs.com/jaceyanimation/Part%201.PNG" border="0" alt="Jacey"></a>
<img src="http://www.freewebs.com/jaceyanimation/Part%202.PNG" border="0" alt=""><br>
<a href="http://www.freewebs.com/jaceyanimation/index.htm" target="_blank"><img src="http://www.freewebs.com/jaceyanimation/Part%203.PNG" border="0" alt="Home"></a>
<a href="http://www.freewebs.com/jaceyanimation/about.htm" target="_blank"><img src="http://www.freewebs.com/jaceyanimation/Part%204.PNG" border="0" alt="About"></a>
<a href="http://www.freewebs.com/jaceyanimation/product.htm" target="_blank"><img src="http://www.freewebs.com/jaceyanimation/Part%205.PNG" border="0" alt="Products"></a>
<a href="http://www.freewebs.com/jaceyanimation/game.htm" target="_blank"><img src="http://www.freewebs.com/jaceyanimation/Part%206.PNG" border="0" alt="Game"></a>
<a href="http://www.freewebs.com/jaceyanimation/animation.htm" target="_blank"><img src="http://www.freewebs.com/jaceyanimation/Part%207.PNG" border="0" alt="Animation"></a><br>
<img src="http://www.freewebs.com/jaceyanimation/Part%208.PNG" border="0" alt="">

Can anyone suggest what i could do, or even better, fix the code?

hey...hope i can sort this out quickly its only a small problem.. but if you look here ...

http://anastaciadreams.com/layouttest/test.html

youll notice on Internet explorer theres a space in the 2 parts of the banner area, how do i remove this?

Alright, I have a DIV with this as the background image:


I put two textboxes over them, the first one is aligned ok but the second one is too high. How do I space them out?

When I try br it goes down way too far.

Here is what it looks like right now:


Should I use a table? more DIVs? Or, is there a css code I could use to bring it down?

i want to move and image up at least -2px is that possible in html or css?

thanx in advance...

I have a couple of really small spacing problems.

my website is www.betdemon.com

you will see from the pic that the spacing 1# on the left hand side is different to the spacing 2# on the right hand side and looks uneven. I want spacing 2# to be the same as 1# - how do i do this?


Also you will see there is a gap between banners (3#) but this doesn't appear when viewing in Firefox - How can I make the gap appear?

Thanks in advance

how to solve the problem?

I am a flash developer and our client wants this site to be built using mainly html, I am pretty good with html but not even close to an expert.

I have built a site with Flash vertical and horizontal nav bars above and beside my html content. In Firefox and Safari the site looks perfect, however in IE6 & IE7 there is about a 5 pixel gap between my vertical menu bar and the rest of my content. I have tried everything I know to correct this problem...

Any Ideas? They would be greatly appreciated....

Site Link

http://www.sacreative.com/education

Hi there,

I'm having a problem with spacing between rows n an html tabel. First let me stress that I am no expert and just know basics to get me by. I have been using this amazing bespoke platform for events websites and adding little bits of html in.

The site in question is http://www.ffrp2.fatsoma.com/home.php. I'm sure that I am probably doing this the hard way but im a designer not a coder. My brother built the site builder but he's away skiing so cant ask him and a client wants his site down asap...



Here's the code I have used

<table width=960px border="0" cellspacing="0" cellpadding="0">

<tr height=332px><td width=960px>
<img style="border:0px" src="http://www.fatsoma.com/sitebuilder/./sites/resources/976_resource_55.jpg"/></a>
</td>
</tr>

<tr><td>
<table width=960px border="0" cellspacing="0" cellpadding="0">

<tr height=447px>
<td width=232px>
<table border="0" cellspacing="0" cellpadding="0">
<tr height=232px><td>
<a href="button.php">
<img style="border:0px" src="http://www.fatsoma.com/sitebuilder/./sites/resources/976_resource_56.jpg"/></a>
</td></tr>

<tr height=101px><td>
<a href="button.php">
<img style="border:0px" src="http://www.fatsoma.com/sitebuilder/./sites/resources/976_resource_57.jpg"/></a>
</td></tr>

<tr height=90px><td>
<a href="button.php">
<img style="border:0px" src="http://www.fatsoma.com/sitebuilder/./sites/resources/976_resource_58.jpg"/></a>
</td></tr>
</table>
</td>




<td width=218px>
<table border="0" cellspacing="0" cellpadding="0">
<tr height=175px><td>
<a href="button.php">
<img style="border:0px" src="http://www.fatsoma.com/sitebuilder/./sites/resources/976_resource_59.jpg"/></a>
</td></tr>

<tr height=101px><td>
<a href="button.php">
<img style="border:0px" src="http://www.fatsoma.com/sitebuilder/./sites/resources/976_resource_60.jpg"/></a>
</td></tr>

<tr height=171px><td>
<a href="button.php">
<img style="border:0px" src="http://www.fatsoma.com/sitebuilder/./sites/resources/976_resource_67.jpg"/></a>
</td></tr>
</table>
</td>



<td width=237px>
<table border="0" cellspacing="0" cellpadding="0">
<tr height=90px><td>
<a href="button.php">
<img style="border:0px" src="http://www.fatsoma.com/sitebuilder/./sites/resources/976_resource_62.jpg"/></a>
</td></tr>

<tr height=101px><td>
<a href="button.php">
<img style="border:0px" src="http://www.fatsoma.com/sitebuilder/./sites/resources/976_resource_68.jpg"/></a>
</td></tr>

<tr height=85px><td>
<a href="button.php">
<img style="border:0px" src="http://www.fatsoma.com/sitebuilder/./sites/resources/976_resource_64.jpg"/></a>
</td></tr>

<tr height=171px><td>
<a href="button.php">
<img style="border:0px" src="http://www.fatsoma.com/sitebuilder/./sites/resources/976_resource_65.jpg"/></a>
</td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>



</table>


many thansk in advance for any help offerd

Mark