|
HTML - Html Spacing Issue
Hey everyone. I've sliced this psd, and uploaded all the images to a server, used border="0". When I view the html file standalone in a browser, it appears fine. When I go to insert it into my email program, the different slices at the bottom are all spaced out in weird configurations, and I cannot for the life of me figure out how to change this. I'm only a couple months in to html, so please excuse my ignorance if this is a simple fix. It's images 4-10 that are giving me problems.
HTML Code: <html> <head> <title>Final Emailer</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (Final Emailer.psd) --> <table id="Table_01" width="600" height="801" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_01.png"></td> </tr> <tr> <td colspan="5"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_02.png"></td> </tr> <tr> <td rowspan="4"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_03.png"></td> <td colspan="2"> <a href="mailto:info@shorehomeguide.com"><img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_04.png" border="0"></a></td> <td colspan="2" rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_05.png"></td> </tr> <tr> <td colspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_06.png"></td> </tr> <tr> <td rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_07.png"></td> <td colspan="2"> <a href="http://lynchprintingllc.wordpress.com/publications/home-improvement-guide/" target="blank"><img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_08.png" border="0"></a></td> <td rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_09.png"></td> </tr> <tr> <td colspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_10.png"></td> </tr> <tr> </table> <!-- End ImageReady Slices --> </body> Similar TutorialsHey All.. I have a table, with two rows, and in each row i have embeded a different SWF file. The swfs (i am hoping) should end up "joined" together so it looks like only 1 animation when viewing in a browser. However, when i view in both IE and FIREFOX i get spacing inbetween the 2swfs even after setting all spacing and cellpadding of the table to "0" and verticaly aligning the TD's correctly. Im not too sure why?...any feedback would be great! I am having 2 issues with html coding, First off here ****HIT MUTE OR TURN VOLUME DOWN BEFORE CLICKING**** MY tables are too close together and i can not figure out how to space them out. Secondly on the first table (the hockey playoff bracket) I want to center the text but when i try to use the only align=center(or something like that i have it used in the table below) it clears out the next cell, removing the bracket. Can you help me fix these 2 issues please. Thank You tech-chef http://www.mattburnsey.com/test.htm I'm having trouble getting the tv and the mirror to stay connected. I should have room to widen the tv iframe a little more and I've tried cellspacing and cellpadding. What am I not trying that I should be? Thanks. there is a problem can go through the URL below and open it in IE and any other browser like mozilla or chrome etc the mid section is not working properly it seems in IE as more spaced while in mozilla etc seems less spaced how to solve this issue. www.ims-sc.org please fix the peoblem. 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! hey forum. first timer here with what i think should be a simple fix...but i'm frustrated and out of patience. can anyone tell me why i can't get rid of the blank space above "bedrooms" in the left column here? http://jimbwayne.com/kdtest/interiordesign.html same issue with the middle column, actually. i'm stumped. any intel would be much appreciated. thanks in advance. jim Hi all...I amtrying to figure out why there is so much space around my form. It leaves a 1 inch space under the form...my code is below, I would like the cell of the table bel,ow the form to essentially touch the bottom of my text box...Thanks for any help! Code: <table
style="background-color: rgb(255, 255, 255); width: 780px; height: 116px; text-align: left; margin-left: auto; margin-right: auto;"
border="1" cellpadding="1" cellspacing="0">
<tbody>
<tr>
<td
style="text-align: right; background-color: rgb(192, 192, 192);"
colspan="6" rowspan="1">
<form style="width: 272px;" name="jse_Form"><big
style="font-family: Bodoni MT;"><span
style="font-weight: bold;">Search:</span></big>
<input name="d" type="text"><input
value="Go" onclick="search_form(jse_Form)" type="button">
</form>
</td>
</tr>
Hi Guys, I searched through older posts but I couldnt find the exact answer I was looking for. I am redesigning a few things on my website, the page I am referring to can be seen here - http://www.adamhuckle.com/test2.htm - I would like for the two images and their corresponding text to be next to each other (as they are now) but with some spacing between them. Is it possible to insert colums parhaps? I would like them to be side by side but with some additional spacing in between. Any help is welcome. Thanks in advance! Hi, i've been trying to solve a problem for the last couple of hours and it is driving me mad, I can't find any help anywhere on the web so thought I would give this a whirl! After placing an image map on my page, I added another image below it, but there is a tiny black vertical gap (black being the bg color) between them. I have tried changing the location of the <br> tag in the script, have tried aligning and pretty much everything else obvious and I have no idea how to make them touch each other. Any help would be appreciated. The page can be seen at: http://jask.freehostingcloud.com/contactjask.html the annoying gap is between the navigation bar and the largest image. This appears to only be a problem in IE (i'm running version 8 on Vista) my code (which you can ofcourse view for your selves but i'll save you the time) is - <body vlink="#ff0000" alink="#ff0000" link="#ff0000" bgcolor="black"> <CENTER> <br> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=KF9FFNDA7HD3N&lc=GB&item_name=Jask%20First%20Edition%20Board%20Game&amou nt=19%2e90¤cy_code=GBP&button_subtype=services&shipping=4%2e90&bn=PP%2dBuyNowBF%3abtn_buynowCC _LG%2egif%3aNonHosted" target="-blank"> <img src="http://jask.freehostingcloud.com/jaskgif.gif" width="907" border="0"></a><br> <img src="http://jask.freehostingcloud.com/gobar.JPG" height="55" border="0" useMap=#purple border=0><MAP name=purple border="0"> <area shape="rect" coords="86,7,210,43" href="http://www.jaskgames.com" alt="Jask!" title="Jask!"/> <area shape="rect" coords="257,8,381,44" href="http://jask.freehostingcloud.com/aboutjask.html" alt="All about Jask!" title="All about Jask!" /> <area shape="rect" coords="427,9,586,45" href="http://jask.freehostingcloud.com/contactjask.html" alt="Contact us about Jask!" title="Contact us about Jask!" /> <area shape="rect" coords="631,8,806,44" href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=KF9FFNDA7HD3N&lc=GB&item_name=Jask%20First%20Edition%20Board%20Game&amou nt=19%2e90¤cy_code=GBP&button_subtype=services&shipping=4%2e90&bn=PP%2dBuyNowBF%3abtn_buynowCC _LG%2egif%3aNonHosted" alt="Buy your own game!" title="Buy your own game!"/><br> <TABLE background="http://jask.freehostingcloud.com/mainybar.jpg" valign="top" width="907" height="445" cellpadding="0" cellspacing="0"> <TR><td width="320" valign="top"></td> <TD valign="top"><br><br> <font face="arial" color="white"><center> <form method="post" action="http://www.emailmeform.com/fid.php?formid=706822" enctype="multipart/form-data" accept-charset="UTF-8"><b><font face="arial" color=black></font> <div style="" id="mainmsg"> </div><br><font face="arial" color=black>Your Name: </font><input type="text" name="FieldData0" size="20"><br><br><font face="arial" color=black><b>Your Email Address: </font><input type="text" name="FieldData1" size="20"><br><br></font><textarea name="FieldData2" cols="44" rows="6"></textarea><br><br><input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;"><input type="submit" class="btn" value="Send email" name="Submit"> <input type="reset" class="btn" value=" Clear " name="Clear"><br></form> <b><font face="arial" color=black><b>Thankyou for getting in touch, We will respond to you<br> shortly. Alternatively, contact us directly by email:<br> <a href="mailto:info@jaskgames.com">info@jaskgames.com</a> </b> </TD></tr> </TABLE align="left"></map> </body></html> Many thanks in advance for any help, i'm totally stuck I am having no luck changing the line spacing of a single paragraph. I looked online and found something on using it in a div tag: Code: div {line-height: 5px;}
but everything else is with CSS. What would be the simplest way to encode a paragraph with a smaller line space between lines? Anders Here is a simple question from a newbie that has been doggin' me. How do you create spaces in html? My entries are coming out clumped together, I have not found a good tutorial on this subject. Can anyone give an answer or recommend a link or tutorial? Thank you, Frank Hey, just getting back into web dev (after a long time and little time spent) My page has a container DIV, inside is a header DIV "idHeader", a main DIV "idBody", and a footer DIV "idFooter". I want the the height of both the header and the footer to be static, but the main DIV to stretch dynamically based on content (I have the footer DIV set to relative positioning, so it should move.. right?) I don't know what I've left out though, because my text overflows from the main under the footer and down the page. I imagine I've just missed something key. Here's the code, the colors are funny for observation. Code: <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
*{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
}
body{
background-color:#000000;
}
#idContainer{
background-color:#FFFFFF;
position:absolute;
left:50px;
width:800px;
height:100%;
}
#idHeader{
position:relative;
width:800px;
height:100px;
background-color:#FF0000;
}
#idBody{
position:relative;
overflow:visible;
width:800px;
height:100%;
background-color:#0000FF;
}
#idFooter{
position:relative;
width:800px;
height:200px;
background-color:#00FF00;
}
</style>
</head>
<body>
<div id="idContainer">
<div id="idHeader">
</div>
<div id="idBody">
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
</div>
<div id="idFooter">
</div>
</div>
</body>
</html>
Hello all! I'm getting this really weird HTML issue when opening my webpage on IE 9. You can visualize it he www.brancodemiranda.adv.br On Chrome it has no problems, but on IE I get two weird things: - I get another "main box" right below the correct one - The idiom bar div is messed up aswell Both showed up after I inserted the DOCTYPE tag (which I did to solve the IE-ignoring-hover problem), I've corrected a few compatibility errors already, but I'm kinda stuck on these. And since I don't have much time to go deep on solving it, I guess that someone here could give me some pointers on how to solve this. Any help is greatly appreciated! Thanks! hi: this sort of fits in the php forum, but seems to fit better here. I am using php includes on a customers website. For some reason, the pictures are not aligning as they should. If i open the php file by itself, everything is aligned. When it loads in the index.php file as an include, it all goes astray... I've tried div align=left, aligns everthing to the left if i open the page by itself, but included in index.php it's all unorganized. check it out here and let me know what to do, i am in a real pickle here!!! http://www.tegbs.com Alright you know how you could make 1 css different for IE then FF. well thats what i want to know is it possible to have a different HTML for IE and FF? Ive been searching all day.. hi, i tried looking through forums but couldnt find an answer. i hope u can please help! i have a photography ad up on a site that i use html for, its simply a block of code hosting a list/tall page of pics, one line/pic goes like this... <img src="http://img715.imageshack.us/img715/3126/img7899small.jpg"><br> the other lines in the text are the same code. problem is they all try to load up simultaneously causing a slow ad to see anything, potentially losing observers attention span. do u know if theres some code i can add to each line so each pic loads up fully before the next one begins to load and this starts at the top? this will help keep attention due to somin at the top loading straight away, thanks! Hi, I am trying to create a form that emails me a copy of the form results (if possible in a pretty format) and then redirects the user to another page. I don't want the user to use a .php or .asp page if possible, I would prefer to keep the user on a .html page. If its possible for the form to use an external page or code that the user never sees then this is fine. Cheers! Sam Hello, I've been working on a very simple website for a friend, and run into an issue with text alignment when I print from IE (works fine in Firefox). The problem can be seen he While being displayed correctly on the screen, a big gap appears between the image an the body text during printing. As I am not even nearly an expert, I cannot figure out what causes the problem. Any help would be appreciated! Thank you! For some reason, using <table align="center" width="85%"> at the following http://amazingfreegraphics.com/webfetti.html correctly shows the content in 85% of the browser in Internet Explorer, but still covers 100% in Mozilla. How do I fix in Mozilla? |
|||||||