Learn VBA & Macros in 1 Week!

HTML - Div Spacing Problems In Ie (7)

Full Excel VBA Course - Beginner to Expert

Div Spacing Problems In Ie (7)	View Content

So, I am working on a website for the final project for one of my classes, and while it looks fine in Firefox and Safari, there is some funky spacing in my divs/table set up with my inline frame in IE: (I have IE 7, but I would like this to work in all versions as I'm not sure what browser my professor has)

http://grandmas.host-ed.net/

in IE, you will see there is a space below the top banner and another one between the footer and the border... how can I get rid of these?

Here is my code (image map removed b/c it's long and unneeded for my question)
Code:

<html>
<head>
<title>Grandma Mae's Country Naturals</title>
</head>
<body background="bg.jpg" bgproperties="fixed"> 

<center>

<table Cellpadding="0" Cellspacing="0" border="0">

<tr><td>
<div style="border: solid 0 #a34c30; border-left-width:3px; border-right-width:3px; border-top-width:3px; padding-left:0ex 
padding-right:0ex padding-top:0ex padding-bottom:0ex">
<img src="gcn_nav2.jpg" usemap="#mymap" border="0">
</div></td></tr>

<tr><td>
<div style="border: solid 0 #a34c30; border-left-width:3px; border-right-width:3px; padding-left:0ex padding-right:0ex 
padding-top:0ex padding-bottom:0ex">
<IFRAME name="inlineframe" src="home.html" width=854 height=350 frameborder="0"></IFRAME>
</div></td></tr>

<tr><td>
<div style="border: solid 0 #a34c30; border-left-width:3px; border-right-width:3px; border-bottom-width:3px; 
padding-left:0ex padding-right:0ex padding-bottom:0ex padding-top:0ex">
<img src="footer2.jpg">
</div>
</td></tr></table>

<font color="FFCC99" size="1" face="Georgia, Times New Roman, Times, serif"><b>This site is not affiliated with Grandma Mae's County Naturals</b></font>

</center>
</map>
</body>
</html>

It's kind of improvised and I am no html expert so perhaps there is a better way to get the look I was going for? Also, I know there is some extra/unneeded code there, but it's all stuff I added when trying to fix the spacing (and it didn't work) and was too lazy to take away. haha

Thanks a ton,

Nathalie

Full Excel VBA Course - Beginner to Expert

Similar Tutorials

Spacing Problems In Firefox

Problems With Spacing And Centering...

Hr Height (vertical Spacing) Problems

Division Text Spacing And Color Problems

Forms Causing Image Problems, Also Sizing Problems

Spacing Different In Ff And Ie

Ie6 Spacing Problem

Ie Problem With Spacing. Help!

What Causes Double Spacing?

Spacing In My Form

Spacing Between Images

Nav Bar Spacing & Firefox

Spacing Problem?

Spacing Beside Images

Odd Spacing Problem In Ie7

Spacing Between Tables

Learn VBA & Macros for Excel in 1 Week!

Spacing Problems In Firefox

Similar Tutorials

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&iuml;ka et du piano: Dmitri 

Nassyrov et Victoria Khramova, ont un repertoire tres vari&eacute;: folklorique, 

classique, jazz, et autres... ">
<TITLE>Duo:balala&iuml;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&iuml;ka et piano - Dmitri Nassyrov et Victoria&nbsp;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&ccedil;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&iuml;ka et piano - Dmitri Nassyrov et 

Victoria &nbsp;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&iuml;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>
&agrave la biblioth&egraveque 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&ocirc;le de chaque musicien n'est pas seulement de 

compl&eacute;ter son partenaire, mais aussi de souligner la sonorit&eacute; de son 

instrument.</p>

          <p align=justify>Notre duo est assez particulier et assez unique &agrave; 

Montr&eacute;al. Les deux instruments composant notre duo sont: le piano et le 

balala&iuml;ka - instrument folklorique russe. Les possibilit&eacute;es de cette union 

sont surprenantes, dans le r&eacute;pertoi  folklore, classique, jazz...</p>

<hr width=95%></hr>

<p>Sur ce site, vous trouverez de l'information sur nos &nbsp;<A 

HREF="concerts.HTML">concerts</A>, vous pourrez &eacutecouter nos <A 

HREF="audio.HTML">enregistrements</A>, lire nos <A HREF="DUO.HTML">biographies</A>, et 

plus encore.</p>

<p>Et, bien s&ucirc;r, nous serons heureux de vous voir &agrave; 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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb

sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb

sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb

sp;&nbsp;Dmitri Nassyrov et Victoria Khramova &copy; Tous droits 

r&eacute;serv&eacute;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!

Problems With Spacing And Centering...

Similar Tutorials

I'm making a new layout for my website, but I'm having some problems, mostly to do with the changes between Internet Explorer and Mozilla Firefox, the latter of which I use.

The web page is he
http://www.freewebs.com/elysiumgraph...ayouttest.html

My first problem is that, although the HTML I have used allows the page be to centered in Firefox, when shown in Internet Explorer it is moved to the left of the page.

Also, with the headers in both the links and content panel (which currently have the words "MAIN" and "TEST PAGE" inside them), despite having used the same amount of page breaks, same sized font and same sized images, the spacing is different. The amount of space also is varied between browsers.

Can somebody tell me what I'm doing wrong or how to fix this (and why everybody in the world hasn't converted to Firefox yet... >.>)?

Hr Height (vertical Spacing) Problems

Similar Tutorials

I am getting ready to create an external css, but want to get the styling issues resolved first with on-page styles.

Problem: hr vertical spacing looks OK in Firefox, Opera and Safari, but it is far too much in IE.

I am using the following to style a 1 px hr with a specified color:

hr.red {border: none 0;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #990000;
width: 100%;
height: 2px;
margin: 0;
margin-top:4pt;
margin-bottom:4pt;
text-align: center;
}

Q. Is this the proper way to specify an hr? (The color, thickness and position are fine.)
Q. This works with background of ffffff. How do I get this hr to work with any color background?
Q. What can I do to keep the spacing the same in Firefox, Opera and Safari, but reduce it in IE? (Do I substitute padding for margin?)

Here is the page I where I use the code:

http://www.iaps.com/test/standard-te...-hr-test2.html

Many thanks in advance.

Division Text Spacing And Color Problems

Similar Tutorials

Having a problem with divisions, as far as i am aware the contents of a division portrays the length of any division. Correct? Is there any way i can make the division wider to enable me to have space either side of my text?

Thanks CW

Forms Causing Image Problems, Also Sizing Problems

Similar Tutorials

this is my page http://web.vtc.edu/users/cjb06271/CI...nal/order.html

there are several things I would like to happen.
1. the right collumn background to be where the right collumn should be(so other links in navbar)
2.The test between the roach pictures to be alligned with the top rather than bottom of pictures (so smaller windows can see)
3. When you size the window smaller than the text, a scroll bar appears, and when you scroll the background no longer exists. If I put it on auto the background will only go as far as the text does.
4. (nice but not required)The cocroachs to be alligned to the left and right of the top bar respectively, and the text in the middle.
5. (nice but not required) the right column background image is being cut in half (as does the top one if you size small enough). any way to make the images ignore the collumns?
don't worry about the colors I will be changing them soon

Spacing Different In Ff And Ie

Similar Tutorials

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!

Ul/spacing

Similar Tutorials

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.

Spacing

Similar Tutorials

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.

Spacing Help

Similar Tutorials

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.

Ie6 Spacing Problem

Similar Tutorials

I am a flash developer and our client wants this site to be built using mainly html, I am pretty good with html but not even close to an expert.

I have built a site with Flash vertical and horizontal nav bars above and beside my html content. In Firefox and Safari the site looks perfect, however in IE6 & IE7 there is about a 5 pixel gap between my vertical menu bar and the rest of my content. I have tried everything I know to correct this problem...

Any Ideas? They would be greatly appreciated....

Site Link

http://www.sacreative.com/education

Ie Problem With Spacing. Help!

Similar Tutorials

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

What Causes Double Spacing?

Similar Tutorials

I'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

Spacing In My Form

Similar Tutorials

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

Spacing Between Images

Similar Tutorials

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?

Nav Bar Spacing & Firefox

Similar Tutorials

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.

Spacing Problem?

Similar Tutorials

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?

Image Spacing?

Similar Tutorials

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

thanx in advance...

Spacing Beside Images

Similar Tutorials

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.

Odd Spacing Problem In Ie7

Similar Tutorials

Alright, so am finally trying to learn PHP...but I am using

<?php include('header.html'); ?>

For the header/footer...and it seems as if the problem is via html instead of the php...so I hope this posted in the right area...

The code for the header is this (as you can see I sliced in Imageready):

Code:

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0"  bottommargin="0"  marginwidth="0" marginheight="0">

  <!-- ImageReady Slices (mkdc4header.psd) -->
  <table id="HeaderTable" width="920" height="84" border="0" cellpadding="0" cellspacing="0"   style="padding-left:3px; padding-bottom:0px">
    <tr>
      <td rowspan="4">
        <img src="http://www.webmaster-talk.com/images/header_01.gif" width="70" height="84" alt=""></td>
        <td rowspan="2">
            <img src="http://www.webmaster-talk.com/images/header_02.gif" width="135" height="43" alt=""></td>
        <td colspan="7">
            <img src="http://www.webmaster-talk.com/images/header_03.gif" width="639" height="32" alt=""></td>
        <td rowspan="4">
            <img src="http://www.webmaster-talk.com/images/header_04.gif" width="76" height="84" alt=""></td>
      </tr>
    <tr>
      <td>
        <a href="/index.php"><img src="http://www.webmaster-talk.com/images/header_05.gif" alt="" width="87" height="11" border="0"></a></td>
<td>
            <a href="#"><img src="http://www.webmaster-talk.com/images/header_06.gif" alt="" width="74" height="11" border="0"></a></td>
  <td>
            <a href="http://www.moizkhan.com/blog"><img src="http://www.webmaster-talk.com/images/header_07.gif" alt="" width="80" height="11" border="0"></a></td>
  <td>
            <img src="http://www.webmaster-talk.com/images/header_08.gif" alt="" width="121" height="11" border="0"></td>
        <td>
            <a href="#"><img src="http://www.webmaster-talk.com/images/header_09.gif" alt="" width="87" height="11" border="0"></a></td>
  <td>
            <a href="#"><img src="http://www.webmaster-talk.com/images/header_10.gif" alt="" width="85" height="11" border="0"></a></td>
<td>
            <img src="http://www.webmaster-talk.com/images/header_11.gif" width="105" height="11" alt=""></td>
      </tr>
    <tr>
      <td colspan="8">
        <img src="http://www.webmaster-talk.com/images/header_12.gif" width="774" height="25" alt=""></td>
      </tr>
    <tr>
      <td colspan="8">
        <img src="http://www.webmaster-talk.com/images/header_13.gif" width="774" height="16" alt=""></td>
      </tr>
  </table>

The problem only exists in IE7 (haven't checked IE6...but I have checked in Firefox and Opera and they seem fine...so any ideas?

Live Demo: http://www.moizkhan.com/mkdc4php/

Spacing Between Tables

Similar Tutorials

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?