|
HTML - Tables Have Double Spacing In Firefox, But Perfect In Ie...
I hand coded my website myself, but whilst working perfectly in IE, there are some problems when viewing it using Firefox.
Specifically, the table rows have double-spacings (scroll down to the 'Education' section he www.lombrozo.co.uk/resume.html), and also table borders have a 3D look (a black border to emphasise the shadow), again, this shadow is not visible in IE... Any ideas anyone? Any help would be most appreciated! Similar TutorialsI'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;"> </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 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. I'm coding a simple HTML email in BBedit. Everything looks perfect and opens up fine in most email client, Gmail, yahoo, hotmail... all but Outlook 2007. Apparently Outlook doesn't like HTML because it keeps adding an extra space between sentences and extra spaces after all my <p> and <br /> tags. Does anyone know what code I have to add to fix this issue? I've searched the web for the past two days and can't find an a clear answer. Thanks! Hi, I'm having trouble getting a few things to behave in IE. Please look at this page [the links don't work, coz none of the other pages are on the server yet]: http://napftest.org/ 1 -- On the upper left hand side, you'll see a 'Search' box. In FF, it lines up perfecly, it obeys the code which tells it to be in the 'middle' of the cell. But in IE, the search box goes to the 'top' of the cell. 2 -- At the bottom left, you'll see a drop down menu: 'Visit our Sister sites', In FF, the spacing between the text and the drop down is perfect. But in IE, there is an extra high space. Can anyone tell me why these anomolies are occurring. Usually, I've been able to figure out what's causing the difference, but here, I've tried everything, and nothing changes the behavior in IE. Thanks very much as the title suggests my web page just comes out blank when previewed in I.E but works perfectly for firefox. I have run validation tests with no error results so i have no idea what could be causing this. Hi I am very new to website design and html code therefore I cannot spot what may be a very simple error in my webpage code. The page in question is http://www.stephanieholmes.co.uk/videos.html I have made the page in dreamweaver. The content is layed out in a table 7x8 with the two outer column's rows merged to contain the left and right floral border. However, in Firefox the centre columns are displaced vertically, but this problem does not occur in IE which confuses me. Please help! Hi guys and girls out there on the forum My website has a problem with showing properly in Firefox Here is my url: http://lessons-4-success.com Can you tell me what i can do to get it to show properly like it do in IE ? Thanks much in advance for answers.. Michael Hey, How can I get rid of the space in between these 2 tables (see image), I don't know whether it's spacing or padding or something else. I've tried a few things but they didn't work. Any suggestions? hi guys, how do i move certain things left or right using tables and cell spacing. this is the code im using so far but i cant see how i can position these components left or right horizontally. - <style type="text/css"> ul { margin: 10px; padding:70px 0px; list-style-type:none; text-align:right; } ul li { display: inline; margin:20 20px; } ul a { padding:4px 10px; font-family:'trebuchet ms',sans-serif; font-size:12px; color:#000; text-decoration:none; } ul a:hover { border-color:#000; color:#fff; background-color:#c6c5c4; } </style> thanks I am working on a site, and want to make 3 tables (one on top of another). Here is an image depicting what I want to do: Layout. I made the layout without 3 tables, just one, and it works fine. Here it is: 1 Table. But when I make three tables, like the picture shows, it messes all the spacing up. 3 Tables. I am doing all of this because I want to make a form and to make a form all of the fields need to be in one table. Here is how far I got with the form: 3 Tables and Form. Any help would be greatly appreciated. Thanks, Matt **Also, the site looks better in firefox than IE, so view it in IE to see the real problems. 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. Hi! My site finally seems to work fine in IE, but now that I'm checking it with Firefox, it turns out to have many problems. I fixed most of them, but the one that's bugging me is that the main text is lower than it should be. Here are the html and css: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
function popup(mylink, annonces)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
href=mylink;
else
href=mylink.href;
window.open(href, annonces, 'width=600,height=600,scrollbars=yes');
return false;
}
//
</SCRIPT>
<TITLE>Duo: balalaika et piano -- Dmitri Nassyrov et Victoria Khramova</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; Charset=Windows-1251">
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 5.0">
<META NAME="Author" CONTENT="Dmitri Nassyrov">
<META NAME="KeyWords" CONTENT="balalaika, Victoria, Khramova, Dmitri, Nassyrov,
concerts, piano, duo, stringsandkeys, douce, soiree, histoire, du, balalaika">
<META NAME="Description" CONTENT="Le duo du balalaïka et du piano: Dmitri
Nassyrov et Victoria Khramova, ont un repertoire tres varié: folklorique,
classique, jazz, et autres... ">
<TITLE>Duo:balalaïka et piano - Dmitri Nassyrov et Victoria Khramova</TITLE>
<link rel="stylesheet" type="text/css" href="style.css" />
</HEAD>
<div id="container">
<BODY BGCOLOR=beige TEXT="#000000" LINK="#0000FF" VLINK="#7F007F" ALINK="#FF0000"
BACKGROUND="../site/img/bcknd.jpg">
<script language="javascript">
var u=13200;
var vsbl=0;
var l='';
</script>
<script type="text/javascript" language=Javascript
src="http://h1.hitslog.com/counter.js"></script>
<script language="javascript">
document.write('<a href=http://hitslog.com/><img border=0 width=1 height=1
src=http://h1.hitslog.com/hl.php?'+l+'></a>');
</script>
<noscript>
<a href="http://hitslog.com/"><img border=0 width=1 height=1
src="http://h1.hitslog.com/hl.php?u=13200" alt="MySpace tracker"></a></noscript>
<TABLE id="main">
<tR width=720 height=160>
<td valign=top width=615 height=160><IMG width=615 height=160 alt="Duo:
balalaïka et piano - Dmitri Nassyrov et Victoria Khramova" SRC="HEADER.gif">
</td>
<td>
<table valign=center width=105 height=75 cellpadding=0>
<tr class="lang">
<td class="lang">
<img alt="En Français" border=0
src="../site/img/francaisclik.gif" >
</td>
</tr>
<tr class="lang">
<td class="lang">
<a href="../eng/index.html"><img alt="In English"
onmouseover="this.src='../site/img/englishon.gif'"
onmouseout="this.src='../site/img/english.gif'"
onclick="this.src='../site/img/englishclik.gif'" border=0
src="../site/img/english.gif"></a>
</td>
</tr>
<tr class="lang">
<td class="lang">
<a href="../rus/index.html"><img alt="По-Русски"
onmouseover="this.src='../site/img/russianon.gif'"
onmouseout="this.src='../site/img/russian.gif'"
onclick="this.src='../site/img/russianclik.gif'" border=0
src="../site/img/russian.gif"></a>
</td>
</tr>
<tr width=105 height=85>
<td width=105 height=85 align=center>
<img alt="Duo: balalaïka et piano - Dmitri Nassyrov et
Victoria Khramova" src="sideheader.gif">
</td>
</tr>
</table>
</td>
</tR>
<TR>
<td colspan=2>
<table width=720>
<tr>
<td valign=top>
<TABLE valign=top>
<TR>
<TD class="menu"><A HREF="INDEX.HTML"><img src="bienvenueclik.gif"
alt="Bienvenue" border="0"></a></TD>
</TR>
<TR>
<TD class="menu"><A HREF="DUO.HTML"><img src="../img/leduo.gif" alt="Notre
duo" onmouseover="this.src='../img/leduoon.gif'"
onmouseout="this.src='../img/leduo.gif'" onclick="this.src='../img/leduoclik.gif'"
border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="concerts.HTML"><img src="../img/concerts.gif"
alt="Nos concerts" onmouseover="this.src='../img/concertson.gif'"
onmouseout="this.src='../img/concerts.gif'"
onclick="this.src='../img/concertsclik.gif'" border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="audio.HTML"><img src="../img/audio.gif" alt="Notre
musique" onmouseover="this.src='../img/audioon.gif'"
onmouseout="this.src='../img/audio.gif'"
onclick="this.src='../img/audioclik.gif'"border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="historique.HTML"><img src="../img/historique.gif"
alt="L'Histoire du balalaïka" onmouseover="this.src='../img/historiqueon.gif'"
onmouseout="this.src='../img/historique.gif'"
onclick="this.src='../img/historiqueclik.gif'" border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="liens.HTML"><img src="../img/liens.gif" alt="Liens"
onmouseover="this.src='../img/lienson.gif'" onmouseout="this.src='../img/liens.gif'"
onclick="this.src='../img/liensclik.gif'" border="0"></A></TD>
</TR>
<TR>
<TD class="menu"><A HREF="contact.HTML"><img src="../img/contact.gif"
alt="Comment nous rejoindre" onmouseover="this.src='../img/contacton.gif'"
onmouseout="this.src='../img/contact.gif'" onclick="this.src='../img/contactclik.gif'"
border="0"></A></TD>
</TR>
</TABLE>
</tD>
<TD VALIGN=top>
<table height=100% width=500 class="text" cellpadding=20>
<tr>
<td>
<!--<marquee id="test" onMouseOver="document.all.test.stop()"
onMouseOut="document.all.test.start()" scrollamount="2" scrolldelay="20" width="100%"
height="51" behavior="scroll" direction="left"><font face="arial"
align=middle><i>
<A HREF="annonces3.html"
onClick="return popup(this, 'annonces',true)"><b>17 novembre - 20:00</b></A><br>
Festival "From Russia With Love"<br>
à la bibliothèque publique juive.
</i></font></marquee>-->
</td>
</tr>
<tr>
<td valign=top><font face="times new roman" size=3><h2>Un duo, c'est
indivisible...</h2>
<p align=justify>Dans un duo, le rôle de chaque musicien n'est pas seulement de
compléter son partenaire, mais aussi de souligner la sonorité de son
instrument.</p>
<p align=justify>Notre duo est assez particulier et assez unique à
Montréal. Les deux instruments composant notre duo sont: le piano et le
balalaïka - instrument folklorique russe. Les possibilitées de cette union
sont surprenantes, dans le répertoi folklore, classique, jazz...</p>
<hr width=95%></hr>
<p>Sur ce site, vous trouverez de l'information sur nos <A
HREF="concerts.HTML">concerts</A>, vous pourrez écouter nos <A
HREF="audio.HTML">enregistrements</A>, lire nos <A HREF="DUO.HTML">biographies</A>, et
plus encore.</p>
<p>Et, bien sûr, nous serons heureux de vous voir à nos concerts!</P>
<p><i>Dmitri Nassyrov et Victoria Khramova</i></p>
</TD>
</tr>
</table>
</td>
</tr>
</table>
</td>
</TR>
</TABLE>
<font face="arial" size=1
align=right> &nb
sp;
&nb
sp;
&nb
sp; Dmitri Nassyrov et Victoria Khramova © Tous droits
réservés.</font>
</BODY>
</div>
</HTML>
HTML Code: body {
text-align: center;
background-color: rgb(239,197,137);
background-attachment: scroll;
background-position: center;
background-image: url("bkg.jpg");
background-repeat: repeat-y;
}
#container {
margin: 0 auto;
text-align: left;
position:relative;
width:720px;
}
div.text
{
background-image: url("../site/img/textbcknd.jpg");
}
#main {
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}
#top {
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}
tr.lang {
horizontal-align:left;
width:100px;
height:25px;
}
td.lang {
horizontal-align:left;
width:100px;
height:25px;
}
td.menu {
width:220;
height:40;
}
table {
border-collapse:collapse;
}
table.text {
padding:20px;
background-image: url("../site/img/textbcknd.jpg");
}
Any help is appreciated. Thank you very much! Can anyone tell me why? Not sure what is going on here... Here is a link to the development site where you can see the problem I am having (I did not design it, but I am in charge of changing to html). http://www.vismarkgroup.com/dev/Kyrie/about.html Thanks!! Hi, I have a site that goes over about 3 pages in length and in the IE the page is longer than in firefox. This is really annoying when you have next to the page a sidebar that is supposed to have the same length as the page but in the IE the sidebar does not reach the end of the page (because the page is longer due to larger spacing). To me it seems that IE makes more spaces between the text lines like h1, h2, p, etc. Is this a common problem and is there any solution to this? Hi, I am designing my first website by teaching myself HTML using google, etc, so I am very new to designing from scratch (without using Dreamweaver, etc). My webpage is not online yet, so I can't post a link - sorry! First, I am using .png image files which look great in Google Chrome, but when I check my page in IE, the images look horrible - very pixelated. Why is that, and is there a way to fix them? My only thought would be to use a "smoothed out" image such as a .jpg, however that might make the problem even worse. Second, I am using frames and in my main frame I'm using a table with text on the left column and an image on the right column. Again, in Google Chrome it looks great with the text at the very top of the frame/table, but in Firefox, there is tons of space at the top of the table which makes the text too "tall" for the window, and a scroll bar is necessary. I hope I've explained this properly and would greatly appreciate your help - I have many more questions as well! Thanks so much, Kristen Hello all, I am working on a site and having 2 problems. 1. How do you center a whole table? I try table align="center" but it centers all the elements 2. I try to do table width=80% and in IE it works but it doesnt work in firefox Anyone have any ideas? There's something wrong with the tables on the site I'm currently working on.. There's no errors of any kind, but they're acting kind of odd.. I tried to make the code as clean as possible, but since this is a dynamic page, that isn't always easy. In Firefox i get a gap from time to time in the cell background of the page. But if i try to update it gets fixed. In Opera it stays like this all the time Here's a link to the page http://svolvar-jff.net/new/index.php?side=aktiviteter&id=12 This page looks fine in IE but tables are too wide in Firefox. Can anyone tell me what I need to change? http://tinyurl.com/2crnbe Thanks! Hi I need help in tables with 100%. Actually i am keeping a table with 100% fihed width in a <td>, but when i am minimising the IE or Firefox browser the columns are reducing , how to solve the problem I have run into a problem when using tables in Firefox. I code for IE 6.0 and I like my browser to determine when to put text on a new line once the table width has been reached. Rather than put breaks <br> in my text I just let the browser decide. When I open a page in Firefox it does not wrap the text within the table it just allows the text to flow to the right until the end of the text occurs. To fix this I now have to use <br> whenever I want a new line to begin but this creates other problems when others view my pages in IE 6 or IE 7 as the line breaks are now choppy sometimes consisting of one word on a line. My screen resolution is 1280x1024 but if someone does not have this resolution the page is a mess. I am using Dreamweaver as my editor and Firefox 2.0.0.15. Works just fine with IE 6 or IE 7. Can anyone help me with this? Here is an example of a page that I been forced to put <br> at the end of each line: http://www.outdoorphotographycanada.com/dwilson.html Thanks, Dave |
|||||||