|
HTML - Gaps In Html - There Is A White Gap Below The Banner. I Cant Get Rid Of It Plz Help..
http://homepage.ntlworld.com/paul.erwin/homepage.html
<html> <head> <title>Romanian Aid Distrubution</title></head> <body bgcolor="#ffffff" text="#000000"> <center><img src="http://homepage.ntlworld.com/paul.erwin/banner.jpg" border=0 width=778px></center> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- saved from url=(0014)about:internet --> <table bgcolor="#33bb00" border=0 align=center cellspacing=0 valign=top> <tr><td width=776px><center> <html> <head> <title>horizontal-menu.png</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--Fireworks CS3 Generic target. Created Tue Sep 23 17:01:42 GMT+0100 (GMT Daylight Time) 2008--> <script language="JavaScript"> <!-- function MM_displayStatusMsg(msgStr) { //v1.0 status=msgStr; document.MM_returnValue = true;} function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;} function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}} function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;} function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}} //--> </script> </head> <body bgcolor="#ffffff" onLoad="MM_preloadImages('http://homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/pictures-button.jpg','http://homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/contact-button-rollover.jpg');"> <table border="0" cellpadding="0" cellspacing="0" width="756"> <!-- fwtable fwsrc="Horizontal-menu.png" fwpage="Page 1" fwbase="horizontal-menu.jpg" fwstyle="Generic" fwdocid = "738071944" fwnested="0" --> <tr><td><a href="http://homepage.ntlworld.com/paul.erwin/homepage.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_displayStatusMsg('ROAD - Home');MM_swapImage('horizontalmenu_r1_c1','','http://homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg','horizontalmenu_r1_c1','','file:///http|//homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg',1);return document.MM_returnValue"><img name="horizontalmenu_r1_c1" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c1.jpg" width="83" height="30" border="0" alt="Home"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/about.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_displayStatusMsg('ROAD - About Us');MM_swapImage('horizontalmenu_r1_c2','','http://homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg','horizontalmenu_r1_c2','','file:///http|//homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg',1);return document.MM_returnValue"><img name="horizontalmenu_r1_c2" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c2.jpg" width="85" height="30" border="0" alt="About Us"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/projects.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c3','','http://homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','horizontalmenu_r1_c3','','file:///http|//homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','horizontalmenu_r1_c3','','file:///http|//homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c3" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c3.jpg" width="83" height="30" border="0" alt="Projects"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/help.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c4','','http://homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','horizontalmenu_r1_c4','','file:///http|//homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','horizontalmenu_r1_c4','','file:///http|//homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c4" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c4.jpg" width="85" height="30" border="0" alt="Ways To Help"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/fundraising.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c5','','http://homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','horizontalmenu_r1_c5','','file:///http|//homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','horizontalmenu_r1_c5','','file:///http|//homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c5" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c5.jpg" width="84" height="30" border="0" alt="Fundraising"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/newsletter.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c6','','http://homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg','horizontalmenu_r1_c6','','file:///http|//homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c6" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c6.jpg" width="83" height="30" border="0" alt="Newsletter"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/pictures.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c7','','http://homepage.ntlworld.com/paul.erwin/pictures-button.jpg','horizontalmenu_r1_c7','','http://homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg','horizontalmenu_r1_c7','','file:///http|//homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c7" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c7.jpg" width="85" height="30" border="0" alt="Pictures"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/videos.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c8','','http://homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg','horizontalmenu_r1_c8','','file:///http|//homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c8" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c8.jpg" width="84" height="30" border="0" alt="Videos"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/contact.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c9','','http://homepage.ntlworld.com/paul.erwin/contact-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c9" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c9.jpg" width="84" height="30" border="0" alt="Contact Us"></a></td> <td><img src="http://homepage.ntlworld.com/paul.erwin/spacer.gif" width="1" height="30" border="0" alt=""></td> </tr> </table> </body> </html></td></tr> <tr> <td><center><font size=7><font face="Comic Sans MS">Welcome<br><br><hr width =90%></font></center></td></tr> <br><br><br><br><br> <tr> <td><table border=0 width=400px align=center> <tr><td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/about.html><img src="http://homepage.ntlworld.com/paul.erwin/about.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/projects.html><img src="http://homepage.ntlworld.com/paul.erwin/projects.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/contact.html><img src="http://homepage.ntlworld.com/paul.erwin/contact.jpg" border=0 width=200px></center></td></tr></a> <tr><td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/help.html><img src="http://homepage.ntlworld.com/paul.erwin/help.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/newsletter.html><img src="http://homepage.ntlworld.com/paul.erwin/newsletter.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/fundraising.html><img src="http://homepage.ntlworld.com/paul.erwin/fundraising.jpg" border=0 width=200px></a></center></td></tr></table></td></tr></table> </body> </html> Similar TutorialsHi Everyone, I am currently creating an email template that is intended for viewing through Outlook 2010 / 2007 & Hotmail / Live Mail (through a Web Browser). So far I have created a design that I am visually pleased with, and it displays fine in Outlook 2010. However when I load it into a browser I see "white space" between tables / rows / cells. I have explictly set the cellpadding & cellspacing both to Zero - however the web browsers (Chrome & IE9) insist on "putting in gaps". If anybody has any suggestions on how I can remove the gaps they will be greatly appreciated. Kind Regards, Davo iv been trying to make a header for a new ebay store. i have dream weaver with a table with 1 row and 2 col in the first column i have the main logo and 3 hotspot buttons, in the 2nd column i have a solid colour image set as the background for that row. the problem i am having is the 1st column with the logo image has a white space under the image which looks very annoying html code below: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td width="1200" height="292"> <img name="MainHeader" src="http://imagehost.vendio.com/a/35060807/view/MainHeader.jpg" width="1200" height="292" border="0" id="MainHeader" usemap="#m_Main20Header" alt="" /> <map name="m_Main20Header" id="m_Main20Header"> <area shape="poly" coords="810,21,964,21,964,55,810,55,810,21" href="javascript:;" title="Terms And Conditions Page" alt="Terms And Conditions Page" /> <area shape="poly" coords="990,21,1144,21,1144,55,990,55,990,21" href="javascript:;" title="Email Us Page" alt="Email Us Page" /> <area shape="poly" coords="630,21,784,21,784,55,630,55,630,21" href="javascript:;" title="About Our Company Page" alt="About Our Company Page" /> <area shape="poly" coords="450,21,604,21,604,55,450,55,450,21" href="javascript:;" title="Frequently Asked Questions Page" alt="Frequently Asked Questions Page" /> </map> </td> <td background="http://imagehost.vendio.com/a/35060807/view/headerbg.jpg" width="845" height="292" border="0"> </td> </tr> </table> Hey guys, im a noob at html, but im a graphic designer so decided to put my own site together. i used dreamweaver to make the code but have come across a problem. www.londonjam.co.uk in firefox, everything is ok, but in explorer there are gaps. just below the email address and at the bottom of the p on portfilio. Could someone please help me as i need to promote my site, but want it looking correct before i do Thanks Dan Hi, when I create a table and set images as the background in each cell, there is a gap between each cell so the images don't link up. I think this is where the border would be. Can anyone help me get rid of these gaps? thanks i have made a one page site for a mate, but what ever i try i can not get the banner to show up, can anyone help me and tell me what i have done wrong please, heres the link to the site. http://a1aerials.info/ Thanks stephen HI guys I am joined shareasale and cj and want to place many banners in rotation at top of my home page. How I can do this. I logged into my cpanel account and checked Entropy banners but there I need upload banners, etc. Please give me easy way so I can add/remove banners from rotation. You know shareasale and cj affiliate banners code is a little bit complex than usual links. GCS I was posting in a forum on another site, the person helping me got swamped with work and I need this done tonight.. He helped me put links on different parts of my banner, and then he sent me the attachment (that I attached below). I opened it in Adobe Contribute CS4 but I can't figure out how to publish it to get the changes he made onto my blog.. I tried just copying the html and putting it into my blog myself but I'm a nub and that's not working either. Please help! I'm willing to pay, donate to your site/blog, whatever to get this done today! Thanks so much in advance!! Hi So I'm creating a website and I made a banner in photoshop with the Home, About buttons etc on it. I have made text in HTML saying Home, About (and the other buttons) And I have placed it over the buttons on the jpg banner. But now I need to know how to make a box around the text, so anywhere in the box is clickable, rather than just the actual text. Then I can just make the links transparent and Im set! I am a noob... A pic for those confused..... probably all of you : ( i know its not looking great but im still only designing it) http://i1058.photobucket.com/albums/t402...17/pic.jpg I know I could just enlarge the text so it fits the buttons on the picture, but then I would have to change the margins and stuff again and there must be an easier way to do it and I want to learn how. Help will be appreciated PS: If you look at the pic, you'll see the dark grey div. If possible, I would like to know how to get rid of that space between the div and banner. Thanks Hello, I have some problems with HTML, I can not see anything particularly wrong, but the banner and my menu aint hang together in IE, it is about 10 pixels from each other, they sit perfectly with each other browsers, it is only Internet Explorer there the menu and the banner does not hang together. Print Screen: Thank you for helping me! -Kristoffer Here's a site I did recently: http://www.siaacoustics.com I don't know why but when I'm loading the page there's lots of white flashes - in the main content window, you can see this black box only around the text before the rest of the window fills in. There are embedded Flash movies in the top, navigation + content frames - is this what's causing this white flash? Anyone have any ideas? FISHPAWS Hello all ! This worked fine on another design I did but now it doesn't seem to want to work today. Firefox http://img148.imageshack.us/img148/5349/screen1pe5.gif Internet Explorer http://img516.imageshack.us/img516/8704/screen2wl8.gif To the code: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Garcia's Blog</title>
<link href='style.css' rel='stylesheet' type='text/css' />
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id='navbar'>
<ul>
<li><a href='/index.html'><img src='images/navb1.gif' width='122' height='40' alt='' /></a></li>
<li><img src="images/navspacer.gif" height="42px" width="12px" alt="" /></li>
<li><a href='about.html'><img src='images/navb2.gif' width='122' height='40' alt='' /></a></li>
</ul>
<div id='navend'><img src="images/navend.gif" height="51px" width="10px" alt="" /></div>
</div>
<br/>
<div class="contentmargins">
<div id="leftcontent">
<div id="leftcontentbg">
<div id="leftconh"><h2>Welcome to my blog!</h2></div>
<br/><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus leo neque, facilisis at, nonummy eget, ultricies sed, mi. Nam ac justo id ligula elementum condimentum. Phasellus ante. Nulla justo felis, tincidunt non, dignissim at, tempor non, felis. Suspendisse tincidunt elementum sapien. Nulla in arcu. Vivamus fermentum, mauris cursus consectetuer molestie, nulla diam viverra eros, in commodo mauris sapien et erat. Donec vel leo. Quisque varius, metus ut venenatis convallis, eros lectus blandit nibh, eget viverra dolor metus nec diam. Mauris pellentesque. In hac habitasse platea dictumst. Phasellus sed ante. Fusce tempus. Quisque viverra sapien quis neque.</p>
</div>
<img src="images/leftend.gif" width="519px" height="3px" alt="" />
</div>
<div id="rightcontent">
<img src="images/navh.gif" width="241px" height="10px" alt="" />
<br/>
<div class="rightcategory"><h2>Pages</h2></div>
<p>We be doing it!</p><br/>
<div class="rightcategory"><h2>Categories</h2></div>
<p>We be doing it!</p><br/>
<div class="rightcategory"><h2>Blogroll</h2></div>
<p>We be doing it!</p><br/>
<div class="rightcategory"><h2>Meta</h2></div>
<p>We be doing it!</p><br/>
<img src="images/rightcone.gif" height="10px" width="241px" alt="" />
</div>
</div>
<div id="footer"><br/><p><a href="http://garciawebmedia.com"><img src="images/copyright.gif" width="249px" height="20px" alt="" /></a> Proudly Powered by Wordpress</p> </div>
</div>
</body>
</html>
Code: html, body {
background: #bfe9ff;
color: #57a3c2;
font: 12px verdana;
height: 100%;
margin: 0px;
padding: 0px;
}
a img {
border:0;
}
* {
margin: 0;
padding: 0;
}
div#container {
width: 800px;
background: #dff5fe;
border: 1px solid #46849e;
}
div#banner {
width: 741px;
height: 105px;
background-image: url('images/banner.gif');
}
#navbar {
height:51px;
background-image: url('images/navbg.gif');
width: 540px;
}
#navend {
height: 51px;
width: 10px;
float: right;
}
#navbar ul {
list-style:none;
}
#navbar ul li {
float:left;
margin: 4px 0 0 8px;
}
div#leftcontent {
float: left;
width: 516px;
}
div#leftcontentbg {
background-image: url('images/leftconbg.gif');
width: 516px;
}
div#leftconh {
width: 511px;
height: 37px;
background-image: url('images/leftconh.gif');
margin-left: 4px;
}
div#rightcontent {
background-image: url('images/rightconbg.gif');
width: 241px;
float: right;
}
div#rightconh {
width: 241px;
height: 10px;
background-image: url('images/navh.gif');
}
.rightcategory {
width: 227px;
height: 41px;
background-image: url('images/cate.gif');
margin-left: 10px;
}
div#footer {
display: block;
clear: both;
}
.contentmargins {
margin-left: 10px;
margin-right: 10px;
}
p {
margin-left: 10px;
margin-right: 10px;
}
h2 {
font: 18px verdana;
padding: 8px 0 0 10px;
margin-left: 8px;
margin-right: 8px;
}
Live preview: http://garciawebmedia.com/dev/blog/ Does anyone want to help me please ? If they could explain why Internet Explorer does this? I know my right content is structured differently from my left because I was trying to get the left side fixed first but it didn't work they way I wanted to. Thanks. Quick Background: This site was made by a private contractor, using some format that only he uses which utilizes CSS and html. I'm now editing the site myself, and I don't really know CSS, so I'm trying to make things work primarily through use of html. So on this page, http://www.thechurchofsound.com/content/music I am trying to remove the gaps between the images so that they seamlessly connect. That is not a table, it is simply image, break, image, break, image. Can it be done with simple html? I tried changing vspace and border in the img tag. When i look at the website on my computer, no gap, but when i upload it online i get a big gap between the menu bar and the content: http://boburob.50webs.com/test/index.html http://boburob.50webs.com/test/testcss.css Thank you for any help! PS ignore the content, i need to learn html and css and i suck at coming up with ideas lol Hi all, im having a an extremely frustrating time trying to solve this. Basically, i have a series of divs stacked on top of each other, but both FF and IE render these with small one or 2 pixel gaps in between the divs. Ive included code for illustration: HTML: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Website</title> <link rel="stylesheet" type="text/css" href="styles/main.css"/> </head> <body> <div id="status"> Hello </div> <div id="container"> <div id="hp_large_splash"> <img src="img/oth.png" alt="splash"/> </div> <div id="upper_content"> sdfsdfsdfsdf </div> <div id="content_footer"> <img src="img/cont_footer.png" alt="footer"/> </div> <div id="lower_content"> </div> <div id="footer"> Hello </div> </div> <div id="disclaimer"> Disc </div> </body> </html> CSS: Code: html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
/*background: white;*/
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
html, body {
background-color:#505564;
background-image:url('img/bg.jpg');
background-repeat:repeat-x;
padding:0;
margin:0;
color:#fff;
font-family:Arial, sans-serif;
}
#status
{
width:100%;
background-color:#3b4152;
height:18px;
}
#container
{
width:900px;
margin-left:auto;
margin-right:auto;
color:#333;
}
#container div
{
margin:0;
padding:0;
}
#top
{
margin-top:50px;
width:900px;
}
#nav
{
margin-top:20px;
width:900px;
}
#nav_leftstop, #nav_rightstop
{
float:left;
}
#upper_content
{
background-color:#FFF;
}
#hp_large_splash
{
margin-top:20px;
}
#content_footer
{
height:10px;
}
#disclaimer
{
width:100%;
background-color:#3b4152;
height:60px;
}
/*Classes*/
.navitem
{
float:left;
width:880px;
background-color:#fff;
height:50px;
}
.cleardiv
{
clear:both;
}
Ive included an image he http://www.cumbriawebsolutions.co.uk/untitled2.png to demonstrate my problem a bit better. Any help would be appreciated. thanks Hi, I use following html to display pictures, why there are vertical gaps between pictures? any wayt to remove it? Thanks. Ac <div id="home-newmember"> <img height="250" src="/map_dir/tm_3336.jpg"> <img height="250" src="/map_dir/tm_3379.jpg"> <img height="250" src="/map_dir/tm_3158.jpg"> <img height="250" src="#"> <img height="250" src="/map_dir/tm_3116.jpg"> </div> Hi there can anyboy tell me why Firefox renders text in a table differently than IE. The table is being controlled via css and there is padding to set the text a llittle down and to the right. In IE the text renders as it should but Firefox leaves a large gap and I just cant get them to render the same. Any ideas of a working solution to this? It seems to me like it is mainly the top space which is way too much in FF. Thanks, Al. Hi Anyone I'm a novice at HTML, just beginning and have built a template page for my son, but I have 'gaps' inbetween sections of my layout within the table and cannot work out why. Can anyone help? You can see this template at the following address: http://www.private-chef.co.uk/home4.html. Appreciate any guidance on how I fix this. THanks Theres a gap bewtween my flash movie in a td and the td below. Its works perfectly in firefox just not in ie. I hve attached a screen shot of the problem in ie, thanks Code: <html>
<head>
<style type="text/css">
img
{
border: none;
}
.content
{
padding: 30px 30px 20px;
}
.nav
{
padding: 10px 22px 6px;
font-size: 12px;
}
.mnav
{
border: none;
}
/* link styles.. */
a:link
{
color: #000000;
text-decoration: none;
}
a:visited
{
color: #000000;
text-decoration: none;
}
a:hover
{
color: #FFFFFF;
text-decoration: none;
}
</style>
<title> Index </title>
</head>
<body background="images/bg.jpg"><table align="center" cellspacing="0" cellpadding="0">
<tr>
<td width="652" height="69"><object width="652" height="69">
<param name="movie" value="images/banner.swf">
<embed src="images/banner.swf" width="652" height="69">
</embed>
</object></td>
</tr>
<tr>
<td class="mnav"><a href="Index.html"><img src="images/eportfolio-v1_04.gif"></a><a href="Publications.html"><img src="images/eportfolio-v1_05.gif"></a><img src="images/eportfolio-v1_06.gif"><a href="Evidence.html"><img src="images/eportfolio-v1_07.gif"></a><a href="Review.html"><img src="images/eportfolio-v1_08.gif"></a></td>
</tr>
<tr>
<td height="35" background="images/eportfolio-v1_09.gif" class="nav">
<!-- -->
</td>
</tr>
<tr> <td background="images/eportfolio-v1_10.gif" class="content" size=100% valign="top">
<p><font color="#FFFFFFF">Welcome to my Dance O' Clock Eportfolio! <br>
<br>
The Eportfolio is a showcase of all the work I have made throughout the Dance 'O Clock project. <br>
Evidence of the publications and a review of the whole project is also included in the eportfolio. <br>
<br>
The Eportfolio is best viewed in the Firefox browser with a resolution of 1440 * 900!</font></p>
<hr color="#969696" width="540"> <Br>
<p><font color="#FFFFFFF"><u>Required Information</u></font></p>
<font color="#FFFFFFF">Name: Richard Dyson</font> <Br>
<font color="#FFFFFF">Age: 14 </font> </br>
<font color="#FFFFFF">SPB title: Dance o'Clock Level 2 </font> <Br>
<font color="#FFFFFF">Registration number: 68751</font> <br>
<font color="#FFFFFF">Center name: Whitchurch High school</font> <br>
<font color="#FFFFFF">Center number: .....</font> <br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</p></td>
</tr>
</table>
</body>
</html> This web page has 3 things on it, when viewed: Choose A Transaction Transction Type and the button: Next And these things all have over an inch of space between them. Can you please help me close the gaps between the lines Choose A Transaction and Transaction Type. And can you please help me close the gap between Tansaction Type and "next" icon? Thank you. Code: <table width='770' border='0' cellpadding='0' cellspacing='0' id='maintable' align='center' valign='top' align='left' margin=0 padding=0 width='770' height='500' table style='background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; width:'770' height:'500'></td> <link href='custom.css' rel='stylesheet' type='text/css'> <td id='menu' align='left' valign='top' rowspan='500' width='164'> <br> <img src='images/bullet.gif' alt='' width='10' height='10'><a href='index.php'><font color='#DDCEA2'><font face='Arial' size='2'>Home</a></font><br></a> <form method="POST" action="index.php"> <input class='field' type='hidden' name='command' value='account'> <input class='field' type='hidden' name='param' value='renew'> <input class='field' type='hidden' name='account_id' value='[account_id]'> <td colspan='2' class='pageTitle'><div class='hLine' display:inline;><font face="Arial" color="#EE7600" size="3"> Choose a Transaction</font></div></td> <tr><td class='fieldLabel' width="30%"><font face="Arial" color=#000000" size="3" Style="padding: 5px;"> <font face="Arial" color="#000000" size="3"> Transaction Type:</font><!--</td>--> <td align="left"><font face="Arial" color="#EE7600" size="2">[account_type_panel]</font></td> <tr><td align="center"></td> <td align="left"><input name="submit" type='submit' class='button' value='Next' /></td> </tr> </form> <tr height='30%' ><div class='hLine'display:inline;></div></td></tr> </table> |
|||||||