Need to remove this line

http://www.hackfacts.com/development/index.php

There is a line between the text, how can i remove it so it all sits flush?
Thanks,
Nick

 

I don't see any lines between text?

Can you post a screenshot.

 

Try removing the height attribute on 'point.PNG'

 

You need to delete back one, so that the content of the second line joins the first one. Then, instead of using the enter key to start a new paragraph, hit "shift" and "enter".

I think you just need <br> instead of <p> there

Hope this works
Notting

 

You can design a table with cellpad = 0 and cellspace = 0
Put each line in each row.

 

I think everyone here is wrong.

The reason you have the spaces, Nick, is because you are using the <p> element, which automatically has newlines. This is so that there's always a newline between paragraphs.

What I would do is turn it into a list. You are, after all, listing the benefits of the Accomodations. This is your code now:

 <div align="left">
                 <p class="style14"><img src="point.PNG" alt="2" width="10" height="9"> Self contained indulgent stay for couples themed to “School House”, “Headmasters Recluse” and “Class  Français;</p>

                 <p class="style14"><img src="point.PNG" alt="s" width="10" height="9">Gardens to roam, fireplaces to relax by and bathing  to indulge; with</p>
                 <p class="style14"><img src="point.PNG" alt="s" width="10" height="9">Retreat activities that range from “do nothing” to croquet, boule’s,  out door checkers, pitch and put golf or try your hand at fishing after a dip  in the Allyn River.</p>
               </div>

Code (markup):

I'd do this:

<div id="accomlist">
<ul>
  <li>Self contained indulgent stay for couples themed to &quot;School House&quot;, &quot;Headmasters Recluse&quot; and &quot;Class  Français&quot;</li>
  <li>Gardens to roam, fireplaces to relax by and bathing  to indulge; with</li>
  <li>Retreat activities that range from &quot;do nothing&quot; to croquet, boule&rsquo;s,  out door checkers, pitch and put golf or try your hand at fishing after a dip  in the Allyn River.</li>
<ul>
</div>

Code (markup):

Add to your css:

* {
font-family:Monotype Corsiva;
font-size:10pt;
}
div#show3 {
background-color:#efefef;
width:140px;
margin:0 auto;
border:1px solid #444444;
}
div#show3 table td, div#show4 table td {
height:55px;
background-image:url('38.gif');
}
div#show4 table td {
background-image:url('40.gif');
}
div#show3 table input,  div#show4 table input {
outline-style:none;
}
[b]#accomlist ul {
    margin: 0;
    padding: 0;  /*not sure what defaults you'll find, so start with this and then play with these numbers until it looks the way you want*/
    list-style-image: url(point.png);
    list-style-type: square; /*this is the backup in case someone doesn't have images-- their browser will pick one of the defaults if you don't specify one */
}[/b]

Code (markup):

Add anything else you need in that #accomlist ul part; I don't know if something will change too much...

By the way, I would be very careful using pt for font sizes. Works great for print (like if you have a printable version of your page), but browsers have to guess what 1/72nd of an inch is, and they don't guess all that well. It's nicer to use something that generally looks the same on all browsers AND let's the old blind people enlarge the font so they can read it better (even if when they do that the site doesn't look as good-- they don't care, they just want to read it). Try font-size:1em (that's the size of a browser's standard font) and then if you want it smaller, go under 1 (font-size: .9em) or bigger (font-size: 1.2em). Everyone can resize those.

 

What do you mean with the line? I can't see it. :O

 

He means the space between the lines : )

 

Thank you so much for your detailed explanation. It is now working fine .
Much appreciated!
Thanks again,
Nick