HTML - Html Help With Space

Hey guys,

EDIT: I figured it out. There was a phantom image that I had between the two that no longer belongs. Nevermind!

Thanks,
~C-Style~

i almost went crazy trying to troubleshoot this one... thought i'd share.



HTML Code:

<style type=text/css>
a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
</style>
<table width="200" border="0" cellspacing="0" cellpadding="0"><tr>
<td width="100" valign="top">
<a href="link">Sample text </a>
<td width="100" valign="top">
<a href="link">Sample text</a>
</td></tr></table>

Turns out a "space" at the end of the link text pushes the text upwards slightly.
Simply remove the space (or add on to the other line) or use the space code [ ]
The css also plays a part, this doesn't appear happen when text is "unformatted"

This isn't merely an attempt to sound like something from "The Matrix", but I'm continuing to work on my companies website and for some reason in IE when I place a picture at a certain place the web page give me enough room to scroll the page right. (There isn't anything there, it just has a scroll bar at the bottom and you can scroll the whole thing right leaving it half off the page looking at just background.)

Link:
http://802heaven.analogcafe.net/TTCBeta/mainstage.html

If someone could take a look at that and tell me some ideas for how to fix it that would be GRRRR8.

Thanks.

Hey guys,

Need a little help with...

http://www.netsketched.com/NRG/

There is a space up top that I can't get rid of.

Also, is there a way I can make the layout flow to the bottom regardless of the amount of content?

Hi Experts,
I am facing some problem in the row spaces.
I am new to project and previous programmer used some tool to write HTML code.
now I am not able to understand the HTML part of code.

I don't know why but the first row table border is missing in this.

Here is the code:-

<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 style='margin-left:25.0pt margin-bottom:25.0pt;border-collapse:collapse'>" +


"<tr height=25 style='height:19.1pt'> <td width=551 colspan=2 height=25 valign=top style='width:413.2pt;border: none;border-bottom:solid windowtext 1.0pt;padding:0in 5.4pt 0in 5.4pt; height:19.1pt'> <p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>Hi " + Item[4] +",<o:p></o:p></span></font></p> <p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'><o:p>&nbsp;</o:p></span></font></p> <p class=MsoNormal style='text-align:justify'><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>It was a pleasure talking to you.&nbsp; Based on our discussions I have forwarded your resume to my Business Development Manager (see below) who will be either calling or emailing you very soon with other details.<o:p></o:p></span></font></p>" +
"<br><p class=MsoNormal style='text-align:justify'><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>The job description for this assignment is as follows:<o:p></o:p></span></font></p><p class=MsoNormal style='margin-left:3.45pt'><font size=2 f=Arial><span style='font-size:11.0pt;font-family:Arial'><o:p>&nbsp;</o:p></span></font></p></td> </tr>" +





"<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt; border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma; color:#3366FF;font-weight:bold'>Location:<o:p></o:p></span></font></b></p> <p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt; font-family:Arial'><o:p>&nbsp;</o:p></span></font></p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none; border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>" +Location +"<o:p></o:p></span></font></p></td></tr>" +




"<tr height=34 style='height:25.55pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt; border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.55pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma; color:#3366FF;font-weight:bold'>Job description:<o:p></o:p></span></font></b></p><p class=MsoNormal align=right style='text-align:right'><font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'><o:p>&nbsp;</o:p></span></font></p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none; border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.55pt'> <p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +">" +DesC +"</p></td></tr>" +


"<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt;border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma; color:#3366FF;font-weight:bold'>Duration:<o:p></o:p></span></font></b></p><p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt; font-family:Arial'><o:p>&nbsp;</o:p></span></font></p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none;border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>" +Duration +"<o:p></o:p></span></font></p></td></tr>" +



"<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt;border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma;color:#3366FF;font-weight:bold'>Details:<o:p></o:p></span></font></b></p><p class=MsoNormal><font size=2 face=Arial><span style='font-size:10.0pt;font-family:Arial'><o:p>&nbsp;</o:p></span></font></p></td>" +
"<td width=619 height=34 valign=top style='width:313.9pt;border-top:none;border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>TBD</span></font></p></td></tr>" +




"<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt; border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal align=right style='text-align:right'><b><font size=2 color="+ String.valueOf((char) (34)) +"#3366ff"+ String.valueOf((char) (34)) +" face=Tahoma><span style='font-size:11.0pt;font-family:Tahoma; color:#3366FF;font-weight:bold'>BDM / Marketing Manager<o:p></o:p></span></font></b></p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none; border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'><p class=MsoNormal><font size=3 face="+ String.valueOf((char) (34)) +"Times New Roman"+ String.valueOf((char) (34)) +"><span style='font-size:12.0pt'>" + StaffName + " " + basUtilities.DLookup("EXT" , "EmailContact", "FirstName='" + basUtilities.UserID() + "'") + "<o:p></o:p></span></font></p> </td></tr>" +NewColumSkill +"</table>" +



Please help me to fix this.

Just moved the site to its new server and added the navigation... now suddenly I have some spacing at the top and I need another set of eyes.

http://www.phinfever.com/newsite

Note*: Spacing not visible on IE7... it is on Firefox3

Hello, what's the code that allow me a space between posts ?

Like this blog http://blog.yimmyayo.com/

the line between my posts is very very "delicate"..and it's kinda annoy me

Thanks.

Look at the too pages.

P1= http://chapai.net/xhtml_prob/html_smpl.htm
Code:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>html Sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
.......................

P2= http://chapai.net/xhtml_prob/x_smpl.html
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	
<head>
<title>XHTML Sample</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
..........

P1 page is smooth but P2 page is not. Hare is white space at the uper side and lower side of the images.

How to remove this space?
Please Help.

Well ive just started converting one of my old sites which used tables to CSS etc and have run into a very small problem.

Ive taken everything else away till i can sort this so its a little easier and clearer, the site is www.rharris28.com in IE(7) there is a small space between the first image (blue and triangle shape) meet the home image. This forces the last image onto a new line because it cant fit on that line. In FF its fine and looks great to me.

The Code for that is...
Code:

<div id="background" align="center">
  <div id="container" align="left">
    <div id="tbbg"></div>
    <div id="tb"><img src="/images/separator.gif"><img src="/images/but_home.gif"><img src="/images/separator.gif"><img src="/images/but_site_map.gif"><img src="/images/separator.gif"><img src="/images/but_contacts.gif"><img src="/images/separator.gif"><img src="/images/fon01.gif" width="231px" height="41px"></div>
  </div>
</div>

and the CSS is
Code:

* {
margin: 0;
}
#background {
background-color:#01557C;
height: 100%;
width: 100%;
}
#container {
background-color:#FFFFFF;
width: 759px;
height:500px;
}
#tbbg {
background-image:url(/images/main01.jpg);
width:256px;
height:41px;
float: left;
}
#tb {

}

I cant see anything wrong and cant work it out. Thanks.

Hey,

I was working on some things and learning how to do some stuff on a template I was working with and there's a huge space to the right of the template that idk how to get rid of. Can anyone help me?

http://www.teamafterglow.com/templates/index.php

Hello, Im making my navigation bar with a mouse over effect on the buttons. however im getting "extra space" under the command. A blank page can be seen at saracrew.org/blank.html Any help is greatly appricated, Thanks!



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>SARAcrew.org</title>
<link rel="stylesheet" type="text/css" href="general.css" />
</head>

<body bgcolor="505769" leftmargin=0 topmargin=0>

<table border="0" cellspacing="0" cellpadding="0" bgcolor="505769">
<tr><td colspan="4">

<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td colspan="4"><img src= "images/banner1.jpg" alt="banner" /></td>
</tr>
<tr>
<td><table border=0 cellpadding=0 cellspacing=0>
<td><img src= "images/left_vbar_nav.gif" alt="vbar" /></td>
<td>

<table border=0 cellpadding=0 cellspacing=0>

<tr><td><img src= "images/nav_bar_1.gif" /></td></tr>
<tr><td><a href=home.html><img src="images/home_off.gif" onmouseover="this.src='images/home_on.gif'" onmouseout="this.src='images/home_off.gif'" border=0 /></a> </td></tr>

<tr><td><img src= "images/nav_bar_2.gif" /></td></tr>
<tr><td><a href=news.html><img src="images/news_off.gif" onmouseover="this.src='images/news_on.gif'" onmouseout="this.src='images/news_off.gif'" border=0 /></a> </td></tr>

<tr><td><img src= "images/nav_bar_3.gif" /></td></tr>
<tr><td><a href=results.html><img src="images/results_off.gif" onmouseover="this.src='images/results_on.gif'" onmouseout="this.src='images/results_off.gif'" border=0 /></a> </td></tr>

<tr><td><img src= "images/nav_bar_4.gif" /></td></tr>
<tr><td><a href=board.html><img src="images/board_off.gif" onmouseover="this.src='images/board_on.gif'" onmouseout="this.src='images/board_off.gif'" border=0 /></a> </td></tr>

<tr><td><img src= "images/nav_bar_5.gif" /></td></tr>
<tr><td><a href=pictures.html><img src="images/pictures_off.gif" onmouseover="this.src='images/pictures_on.gif'" onmouseout="this.src='images/pictures_off.gif'" border=0 /></a> </td></tr>

<tr><td><img src= "images/nav_bar_6.gif" /></td></tr>
<tr><td><a href=orange_oar.html><img src="images/orange_oar_off.gif" onmouseover="this.src='images/orange_oar_on.gif'" onmouseout="this.src='images/orange_oar_off.gif'" border=0 /></a> </td></tr>

<tr><td><img src= "images/nav_bar_7.gif" /></td></tr>
<tr><td><a href=dues.html><img src="images/dues_off.gif" onmouseover="this.src='images/dues_on.gif'" onmouseout="this.src='images/dues_off.gif'" border=0 /></a> </td></tr>

<tr><td><img src= "images/nav_bar_8.gif" /></td></tr>
<tr><td><a href=info.html><img src="images/info_off.gif" onmouseover="this.src='images/info_on.gif'" onmouseout="this.src='images/info_off.gif'" border=0 /></a> </td></tr>

<tr><td><img src= "images/nav_bar_9.gif" /></td></tr>
<tr><td><a href=email.html><img src="images/email_off.gif" onmouseover="this.src='images/email_on.gif'" onmouseout="this.src='images/email_off.gif'" border=0 /></a> </td></tr>

<tr><td><img src= "images/nav_bar_10.gif" /></td></tr>
</table>

</td>
<td><img src= "images/right_vbar_nav.gif" alt="vbar" /></td>
</table></td></tr>



</table>

</td>

</tr>
</table>

</td></tr>
</table>

</body>
</html>

I'm new to html, just got some basic knowledge, but I've made these 2 calenders, one on one page andone on another but otherwise identical. The thing is, no matter how much I double check for slight differences in the html code, the calender on one page has huge spaces between every three months.

See for yourselves:

http://www.belekgolftravel.com/servi...eType=Services
Working one

http://www.belekgolftravel.com/advert_detail.php?ID=54
Buggered up one

Any ideas help please!

Ok, so I have a table, with multiple pics in it. One under the other... the issue is in firefox there is a space between the columns of each table.... but its fine in Internet Explorer.

Check my code:

Code:

<!DOCTYPE HTML PUBLIC "-//w3c/DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<style>
</style>
</head>
<body>
<body style="background-image: url(background.jpg); background-repeat: repeat-y; background-color: black;  background-position: center">


<div align="center" id=background>
<table id=titletable width="768" border="0" cellpadding="0" cellspacing="0">
<tr cellpadding="0" cellspacing="0">
<td><img src="images/title1.jpg"/></td><td><img src="images/title2.jpg"/></td><td><img src="images/title3.jpg"/></td><td><img src="images/title4.jpg"/></td><td><img src="images/title5.jpg"/></td> <td><img src="images/title6.jpg"/></td><td><img src="images/title7.jpg"/></td><td><img src="images/title8.jpg"/></td>
</tr>
<tr>
<td colspan="8"><img src="images/banner.jpg"/></td>
</tr>
</table>
</div>

Please view
http://www.sergemedia.net/wiltoncordrey2010/wood.html

You will see space under top links. Above decorative border.

Try other 2 links at top. The extra space is not there.
I am looking for an extra line break in my code, but can't find it, or what is causing the extra space.
I am testing on Safari. Will look on IE later.

Thanks.