HTML - Spacing Issue

Hey All..

I have a table, with two rows, and in each row i have embeded a different SWF file. The swfs (i am hoping) should end up "joined" together so it looks like only 1 animation when viewing in a browser. However, when i view in both IE and FIREFOX i get spacing inbetween the 2swfs even after setting all spacing and cellpadding of the table to "0" and verticaly aligning the TD's correctly.

Im not too sure why?...any feedback would be great!

Alright i'm having a little trouble. When I add stuff to the side boxes, they are farther down then i want them to be, here is a pic:



I'm wanting to move it up some, but I don't know how, I have been trying for a long time though.

Here is the HTML Code:
Code:

<div class="box2 margin1">
						<div class="tail-right">
						<div class="corner-right-bottom">
						<div class="corner-left-bottom">
						<div class="corner-right-top">
						<div class="corner-left-top">
							<div class="indent">
								<h3><span><span>Partners</span></span></h3>
								<div class="indent2">
								<center><a href="http://www.elitepvpers.de"><img src="http://img230.imageshack.us/img230/2364/31421454.png" border="0"></a></center>
					<center><a href="http://www.4botters.com"><img src="http://img814.imageshack.us/img814/2599/88029646.png" border="0"></a></center>
								
									<div id="vent"><div style="font-weight: bold; font-size: 12px; text-align: center;"><a href="ventrilo://94.75.238.76:4696/servername=EQGVent" style="text-decoration: none;"></a></div></div>
								</div>
							</div>
						</div>
						</div>
						</div>
						</div>
						</div>
					</div>

Here is the CSS:
Code:

.box2 {background:#bec2c5 url(images/box2-bottom-tail.gif) bottom repeat-x;}
.box2 .tail-right {background:url(images/box2-right-tail.gif) right repeat-y;}
.box2 .corner-right-bottom {background:url(images/box2-corner-right-bottom.gif) right bottom no-repeat;}
.box2 .corner-left-bottom {background:url(images/box2-corner-left-bottom.gif) left bottom no-repeat;}
.box2 .corner-right-top {background:url(images/box2-corner-right-top.gif) right top no-repeat;}
.box2 .corner-left-top {background:url(images/box2-corner-left-top.gif) left top no-repeat; width:100%;}
.box2 .indent {padding:4px 6px 6px 4px;}
.box2 .indent2 {padding:15px 12px 0px 6px;}

Any help will be greatly appreciated.
Thank you.

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.

Ok so I'm learning along the way by playing around with what my web designer started.

I'm having trouble working out what part of the html does the spacing between my text and the input box.

Here's what I'm stuck at:



You can see how where it says 'click for more fonts' the box isn't in line with the others.

Any help would be much appreciated.... I'm starting to go cross-eyed lol.

Hey folks...

I've searched and searched for an answer for this, but with no luck. Probably because I don't know how to exactly describe my problem. Anyway, the issue is my page is displaying differently in IE and Firefox (surprise!). The spacing between the top image and the body divs are different. I'm not sure if it's an HTML issue or a CSS one.

The page in question is: http://www.project-43.com/

The CSS file is he http://project-43.com/images/style.css

It displays the way I want it too in Firefox. If you look at it in IE, you'll see the top image looks short, but that is because the spacing between the left menu area and the body on the right is too big.

I appreciate any pointers that you might be able to offer.

Thanks!

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??

Just learning this stuff. I am having trouble controlling space between lines.
My HTML coding is resulting in too much space between lines. I am afraid I have no idea how to control spacing. I have fiddled with different coding. Here is the current version:
<td class="headerbg" colspan="2" width="600">
<div align="left"><p style="font-family:verdana; color:00bfff; font-size:30px;" >the amazing alexander technique </p><p style="font-family:verdana; color:00bfff; font-size:20px;" >so much more than 'posture' and pain relief </p>
</div>
</td>

Thanks for any help. Pointing me to resource where I can read the solution would be great.

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

thanx in advance...

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.

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.

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!

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?