|
HTML - Help Close The Huge Gaps Between Text
The text on this page has huge gaps between the lines.
The gaps are between "Choose a Transaction", "Transaction Types" and the button "Next". I have included the page code and attached an image for reference. If you could help me close the gaps, I'd greatly appreciate it. Thanks. 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'><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'></div></td></tr> </table> Similar TutorialsThis 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> Hi, There is a huge gap on this page and I cannot work out why it is there. Can anyone see the reason for this, please? http://dickinsons-coaches.co.uk/Daytrips2010.htm I would put the source code in but it would be too long. Yeah well the title says it... What it's supposed to look like: http://www.pzfantasyfootball.com What it does look like: http://www.pzfantasyfootball.com/forums This is my first time working with phpbb3 and let me tell you, it's been an interestingly horrible experience lol. Ive coded my a layout and uploaded it but it looks different in ie than it does in firefox (Internet Explorer) (Firefox) Could someone please help me, Thanks Have a look at my site Can anyone tell me what on earth happened in my sidebar? All of a sudden, the space under the poll I have on the right hand side extended, making my site fill up with blankl space (u can scroll down and see what I mean). I didn't do anything, it just happened on its own. Can anyone see why this is happening?? Thx. Hello, I want to create an admin form with ~70 inputs on it. (20 textboxes, 10 textareas, 40 checkboxes). Besides this the textual inputs must be present for 4 different languages. I mean if there is a textarea for description then there must be 3 others as well for description in different languages. In this case the form becomes very big and hard to fill for the admins. Does anybody has an idea how to make it as user friendly as possible? Hi all, I'm not an html guru by any standards. I have a problem where my page shows a huge gap between the movie and comments area. Can anyone advise on this? You'll need to be logged in to see this problem: Thanks in advance for any help on this. htmlmonkey As the title suggests my web page has some huge spaces between the text. I am using dreamweaver... I know some HTML im not by anymeans a master, but im not bad... anywhere here is my link http://www.jhaakfleetservices.com/EBC/Issues.htm You have to scroll wayyyyyyyyyy down past energy but Jobs is down there... hers my code HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Erik Bednarcik for City Council</title>
<style type="text/css">
<!--
.style1 {
font-size: 17mm;
font-weight: bold;
color: #0000FF;
}
.style4 {font-size: 17mm; font-weight: bold; color: #FF0000; }
.style8 {
font-size: 36px;
font-weight: bold;
font-style: italic;
color: #FF0000;
}
-->
</style>
</head>
<body>
<center>
<table width="1020" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="50" rowspan="10" valign="top"><p align="center" class="style4"><img src="Pictures/ERIK.png" width="50" height="440"></p></td>
<td height="150" colspan="4" valign="center"><div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="150" align="middle">
<param name="movie" value="Pictures/Header.swf">
<param name=quality value=high>
<embed src="Pictures/Header.swf" width="800" height="150" align="middle" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</div></td>
<td width="50" rowspan="10" valign="top"><p align="center" class="style1"><img src="Pictures/BEDNARCIK.png" width="50" height="700"></p></td>
</tr>
<tr>
<td height="40" colspan="4" valign="middle"><div align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="30">
<param name="movie" value="Pictures/Top%20Menu.swf">
<param name=quality value=high>
<param name="wmode" value="transparent">
<embed src="Pictures/Top%20Menu.swf" width="800" height="30" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</div></td>
</tr>
<tr>
<td height="20" colspan="4" valign="bottom"><hr align="center" width="100%" size="2" noshade color="#FF0000"></td>
</tr>
<tr>
<td width="160" rowspan="9" valign="top"><!--DWLayoutEmptyCell--> </td>
<td width="15" rowspan="9" valign="top"><hr color="#FF0000" width="10%" size="10000"></td>
<td height="362" colspan="2" valign="top"><div align="center">
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="35">
<param name="movie" value="Pictures/Scroller.swf">
<param name=quality value=high>
<embed src="Pictures/Scroller.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="400" height="35"></embed>
</object>
</p>
<p><span class="style8">Energy</span> <br>
We are falling behind in the energy sector as Americans. I have,<br>
in the past, been called unpatriotic for saying that on this issue America is a<br>
backwards nation. We
import more oil and other forms of energy than almost any other<br>
nation on the planet, but
the time will soon come when this changes. </p>
<p> Throughout the country investment is growing in clean energy and energy jobs of the future.<br>
Mentor has the ability to be at the forefront of this new movement. Mentor has an abundant<br>
amount of renewable resources; wind, solar, and wave. </p>
<p>In many fields companies are going belly-up. Green companies are the only ones that are<br>
still springing up and they are expanding at record rates. </p>
<p>We can make Mentor a green city on a blue lake, in this instance green will have two<br>
meanings.
We will bring money into our economy and we will bring high-paying,<br>
stable jobs of the future to the shores of Mentor. </p>
</div></td>
</tr>
<tr>
<td height="50" colspan="2" valign="top"><div align="center" class="style8">
<hr width="100%" size="7" noshade color="#0000FF">
<hr width="100%" size="7" noshade color="#0000FF">
</div></td>
</tr>
<tr>
<td width="911" height="303" valign="top"><div align="center"><span class="style8">Jobs </span><br>
Unemployment is at 10.8 percent, families are losing their income, and nobody is addressing the problem. The labor market is growing, while employment opportunities are decreasing. In the last six months eight hundred and sixty-seven jobs have been lost, even more hours have been cut. . .
<p>I could keep going on and on about the recession, but this campaign isn't about sulking and complaining about the economy. This campaign is about standing up and making a difference. </p>
<p>We can produce jobs in a number of ways. One way is attracting companies to Mentor by providing tax incentives, using a grant program. Another way is specifically targeting energy production. Mentor has an abundant amount of renewable resources; waves, solar, and wind. We can produce energy at a local level and curb our dependence on foreign oil and other outdated, imported forms of energy. Investing in the future of energy will bring jobs to Mentor; installing, maintenance, and maybe even production. We need jobs of the future here in Mentor, if we want to be competitive in the future. </p>
<p>If elected, I will be able to be that much closer to the ears of higher government. I will push cutting taxes for the people and small businesses that are hiring workers. I will push for more funding for our libraries, so that more positions can be filled. I will push for an educational program that allows students to go off to Lakeland, and other local colleges, to learn skills that they can bring back to Mentor.</p>
<p>We need to adapt to a more progressive money-making economy. I hate to say it, but we're falling behind. It's about time we catch-up.</p>
</div></td>
<td width="4"> </td>
</tr>
<tr>
<td height="50" colspan="2" valign="top"><hr width="100%" size="7" noshade color="#0000FF">
<hr width="100%" size="7" noshade color="#0000FF"></td>
</tr>
<tr>
<td height="385"> </td>
<td> </td>
</tr>
<tr>
<td height="50" colspan="2" valign="top"><hr width="100%" size="7" noshade color="#0000FF">
<hr width="100%" size="7" noshade color="#0000FF"></td>
</tr>
<tr>
<td height="128"> </td>
<td> </td>
</tr>
<tr>
<td height="122"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="50"> </td>
<td colspan="2" valign="top"><hr width="100%" size="7" noshade color="#0000FF">
<hr width="100%" size="7" noshade color="#0000FF"></td>
<td> </td>
</tr>
</table>
</center>
</body>
</html>
Please and Thank you. I hope this isnt beat down.. i did a qick search but im reaallyyy tired right now so please excuse my ignorance in this area I'm making a webcomic system. It has first/next/last/latest buttons on it and a drop down menu to go to a specific comic. The problem is in the menu. I made it and it works perfectly. The only problem is when I make a new comic I would have to update all 100-or-so comic html pages to show the new comic in all of the drop down directories. How do I update one page to show all of the comics on the same drop-down form? Hey Guys Im after hitting a huge brick wall with a college proj. I have created a web-site with dreamweaver. Its saved as .php. I opened it todyay and once the browser opens new pages keep opening. Only way to stop it is to kill the page. I have tried opening it in explorer and it just crasher explorer. This has only happened as recently as today, with the proj going on since jan. Error attached below All suggestions welcome Rgds RA Hey everyone, I'm trying to set my background image, but for some reason it has a large black bar at the bottom, where the pink gradient should actually start at the bottom so that you cant see the black bar? I'm trying to upload my Index.html file, but when I do the image loader says that its not a valid file? Any ideas? 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. 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, 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 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 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. 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. 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 Hello I am a total newbie to html and I am sure this can probably be answered in a second.... I am trying to make my title text very large to make a statement - maybe 5 cm high. It doesnt seem to matter how big i make it in my nvu editor, ( in the normal screen mode) once i upload it to my webspace online it only appears at a much smaller size. I can make it so the title literally fills the screen in my nvu editor and then upload it to my webpage and it still restricts the maximum size it shows it at. Does it sound like i am doing something wrong in my nvu html editor or should i be using some html text in the source mode to make the large text recognisable to my webspace, ie: using some font size comands? I hope this makes sense. Any help would be greatly appreciated Thanks Alex I need html code of an ad with close button and I also need html code of floating ad with close button.If someone knows how to do it , please post html. |
|||||||