HTML - Line Spacing

Hello Everyone: I am a novice HTML user - I use it to create a Help file (for an MS/Access database), using HTML Help Workshop. My question concerns line spacing, using the following code:

<b><u>Server:</u></b>
<ul>
<li>First List item...</li>
</ul>

Using this code, there will be a blank line between "Server" and "First List item...". Is it possible to eliminate this line and have the list start in the next line after "Server"?

Thanks. . .

Tony N.

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

I am having 2 issues with html coding,
First off here
****HIT MUTE OR TURN VOLUME DOWN BEFORE CLICKING****

MY tables are too close together and i can not figure out how to space them out.

Secondly on the first table (the hockey playoff bracket) I want to center the text but when i try to use the only align=center(or something like that i have it used in the table below) it clears out the next cell, removing the bracket.

Can you help me fix these 2 issues please.
Thank You
tech-chef

Here's a screenshot of what it's doing:



I want to eliminate the spacing all together so my Flash element can sit exactly within the div. If there's a better way of positioning the Flash please tell me!

how to solve the problem?

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?

Hi there. I am upkeeping a website in wordpess and one of the posts has links which always appear to be double-spaced. I want them to be single-spaced. I have tried changing around the html coding and such but it has not changed the spacing. I don't know much about html so my attempts have been experimentational. The html tags in there are ul, li and a href=. I've tried taking each out to no avail. What should I do? Thank you very much for your help.

In static FBML (which takes HTML) how do you decrease the spacing after the </p> tag? I have a heading and a subheading that and am separating the two via </p> but the spacing is too much. I can increase, but can't decrease it.

Hi all,

I'm having a problem with trying to get a table to have a tidy border. I want the border around one td cell to join the image in the cell above it, but because there is a border around the cell the border in the cell below isn't joining with the one above, there is a white gap between the two.

This is the relevant code in the html file:
<table class="core">
<tbody>
<!-- menu -->
<tr>
<td width="200px">
<table class="menu">
<tbody>
<tr>
<td><img src="images\menuheading.jpg" alt="Mojo Menu" border="0"></td>
</tr>
<tr>
<td class="menumain">
Link1<br>
Link2<br>
Link3<br>
</td>
</tr>
</tbody>
</table>
</td>
<!-- main body -->
<td valign="top">Test Main</td>
</tr>
</tbody>
</table>

This is the code in the css file

body {
vertical-align: top;
font-weight: normal;
font-size: 12px;
color: #000000;
font-style: normal;
font-family: Verdana;
text-align: left;
margin: 0;
}

table.headerfooter {
background-color: #000066;
vertical-align: top;
text-align: left;
border: #000066 0px solid;
width: 100%;
color: #FFFFFF;
font-size: 10px;
text-align: center;
padding: 10px;
}

table.core {
vertical-align: top;
text-align: left;
border: #000000 0px solid;
background-color: #FFFFFF;
width: 100%;
padding: 10px;
font-size: 12px;
}

table.menu {
vertical-align: top;
text-align: left;
background-color: #FFFFFF;
width: 100%;
margin: 0px;
padding: 0px;
}

td.menumain{
border-left: #000066 1px solid;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
border-right: #000066 1px solid;
border-bottom: #000066 1px solid;
margin: 0px;
padding-top: 0px;
}

td.headerfooter-left {
text-align: left;
}


td.headerfooter-right {
font-size: 10px;
text-align: right;
}

p.menubody{
color: #FFFFFF;
padding: 4px;
border-left: #000066 1px solid;
border-right: #000066 1px solid;
}


Any help would be appreciated as I'm stumped!

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

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've goggled around already and implemented a few solutions, but I can't find anything that will solve it. The page I'm having problems with is he

http://www.team1225.com/bio.php

Towards the bottom there's a member generated bios section. Each of those green boxes should be touching like the two orange boxes are touching. That's what I'm having problems with. Firefox renders the page correctly but Internet Explorer struggles to. I've spent a couple of hours narrowing down the problem. Sorry if the html output is hard to read, its php generated.

Code:

<h3 class="bio" id="1bio"><p class="biot">Brian <img class="rank" src="img/prog.png"/></p></h3>
<div id="biobr" class="content">
     <table border='0' cellspacing='0' cellpadding='0' width='100%'>
     <tr>
             <td>Pecion sdejf asdf eeeaw dfalkdfjadsa asfaf cEqasdf.</td>
             <td>Pecion sdejf asdf eeeaw dfalkdfjadsa asfaf cEqasdf.</td>
     </tr>
     <tr>
             <td>Pecion sdejf asdf eeeaw dfalkdfjadsa asfaf cEqasdf.</td>
             <td>Pecion sdejf asdf eeeaw dfalkdfjadsa asfaf cEqasdf.</td>
     </tr>
      <tr>
             <td>Pecion sdejf asdf eeeaw dfalkdfjadsa asfaf cEqasdf.</td>
             <td>Pecion sdejf asdf eeeaw dfalkdfjadsa asfaf cEqasdf.</td>
      </tr>
</table>

<hr align='center' style='height: 1px; overflow: hidden; line-height:1px; border-bottom: 0px; width: 80%; color: #808080;'/>

<p align='center' style='color: #808080;'><i>Comment:</i></p>

<p style='color: black; margin: 1em; border: 1px solid #808080;'>Pecion sdejf asdf eeeaw dfalkdfjadsa asfaf cEqasdf.</p>

</div>            
</div>

The css for div.content is:
Code:

div.content {
        margin: 0px auto;
        background-color: white;
        color: black;
        width: 80%;
}

The <div id="biobr" class="content"> part is the div field that opens and closes that holds the bio for the user. This javascript action is not related my problem. If I take out all the p, div, and hr tags in that <div id="biobr" class="content"> tag it works and all the green boxes are touching under Internet Explorer. Firefox keeps working like it always does. I've seen problems discussed like this so I think there's a fix.

Thanks for any help,

Alex

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?

Hello all,
I have recently swapped from IE to Firefox, and realised in the process that my navigation bars have excessive spacing when displayed through firefox. The site is http://www.aboutfarthings.co.uk
I have had a try but keep messing up the formatting. The site was created/is edited using Namo Web Editor 6.0 , and the nav bars are Namo standard bars.

Any help/advice appreciated.

Colin G.

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?