|
HTML - How Do I Get Rid Of White Lines Betwen Images That Are Above And Under Eachohter
so i have this problem where im trying to make a website for school but when i make an image under the above image i want them to connect but instead there is a white line between them how do i fix this?
HTML Code: <center><img src="Back.png" border="0" /></center> <center><img src="Play.png" border="0" /></center> Similar TutorialsHi Everyone, I have just written a web page for use as an email signature. My method for doing so is quite long winded, due to the nature of the signature that I have designed and the fact that I am using Outlook 2010. This is the process that I took to make my "email signature" - which is more accurately described as an Outlook Template: 1). Sent the HTML email from a server to my email address 2). Saved the email that I sent to myself (after a few minor alterations, such as removing the sender & subject) as an Outlook Template (.oft file) 3). Created a Macro which calls the OFT file when run 4). Added a button to the ribbon which runs the Macro when clicked My methodology is fine - and I have tested it with a single image inside the template, however when I performed a HTML cut on my original graphic - so that I could add functionality to the signature - I now see fine white lines in between all of the individual graphics. Please see this link for further explanation: http://www.systemcontrol.com.au/dd/fine-white-lines.JPG The "fine white lines" are only visible when the Outlook Template is opened (irrespective of whether opened manually or by Macro). I have seen this behaviour before on web mail, such as Hotmail, and adding this markup fixes the issue: Code: <style type="text/css">
img
{
display: block;
}
</style>
However once the original HTML is saved as an OFT I suspect that Outlook strips away any style information in the head of the document. If anybody can suggest how this markup can be added to the body of the document, or otherwise provide a solution (such as telling me how to manually edit an OFT file), it will be much appreciated. Thanks for your time. Kind Regards, Davo I have white space around my images with the grey border. I put in a picture that was larger than the previous cell size than removed it (the width and height code as well) but it still leaving the white space around the left and right sides of the images. http://www.diversink.com/publications.htm this is the page i'm working on Any ideas to why this is happening would be greatly appreciated Thank you, Rainseed Thanks Coot for really helping me out. I've updated some needed assistance if anyone else can help I would appreciate it. For: http://www.trillionaireme.com Sorry, this is just a really stupid question. I am not new in the least bit to HTML, however I am completely new to talking to people about it. When someone refers to "line 15 in the code" what are they talking about. Because sometimes I will count down the lines and that line will be blank. For example: What is line 5 in this code? Code: <html> <head> <title></title></head> <body> </body> </html> Would you count the number of lines down, or the number of lines (with content) down. Would line 5 be considered the blank line, or </body> Is there a way to have 2 lines of text (one above the other) where each line is a different colour, but there's no break between the lines? I would prefer an answer that uses CSS. I'm working on an HTML page that is going to be an iFrame on another page. The innerHTML of the iFrame page is set to automatically refresh every 20 seconds. The problem is that when that page refreshes, it "flashes" a white background for about 2 seconds before loading the background and content. How can I prevent that from happening every time it refreshes? Here is the page that has the problem: http://www.mattscss.com/rtb/template Here is the page that has the above link as an iFrame: http://www.mattscss.com/wzmr/wzmr_wmp.htm I'm new to html, just got some basic knowledge, but I've made these 2 calenders, one on one page andone on another but otherwise identical. The thing is, no matter how much I double check for slight differences in the html code, the calender on one page has huge spaces between every three months. See for yourselves: http://www.belekgolftravel.com/servi...eType=Services Working one http://www.belekgolftravel.com/advert_detail.php?ID=54 Buggered up one Any ideas help please! Okay. I am sick of searching on google and w3c.org for solutions. I am asking anyone who is a pro at web developing to help me out! Problem I am using loadVars in Flash, from a *.html file. Mainly because the server does not support PHP and because in HTML I can have comments. I am spacing out the text like so, for readability: &variable1=value1 &variable2=value2 &variable3=value3 etc. when I do the line breaks, the HTML page automatically encodes whitespaces. I need an HTML tag or possibly CSS or Javascript that will get rid of all the whitespaces. Or if it is possible, as I was looking on w3c.org, there might be a text/content type or url-encode type that will do this, but haven't found one. If anyone has any ideas, I need them. Again, I am trying to remove all the whitespace in the ENTIRE page. For the life of me, I cannot get rid of the small white line on either side of the dark blue in the following: http://www.toddcary.com/test/viewpoi...ew_design.html Any suggestions are welcomed! Todd Hello, folks; I'm making a new site at http://www.sticksite.com/antlers/ and there is a wide green (blank) space after the text and before the pictures. I did this in Notepad2 and did NOT enter any br tags in there. I cannot understand why this space appears. Can anyone educate me, please? I was provided with this html. But it seems there are horizontal lines in between the places I'm supposed to add text. Can you tell me how I can remove these horizontal lines? Thanks. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test 2</title>
<style type="text/css">
#container {
width: 780px;
margin-left: auto;
margin-right: auto;
}
#left_column {
border: 1px solid #999999;
float: left;
width: 230px;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 40px;
}
#header_table {
width: 100%;
border-collapse: collapse;
}
.header_top_tdl {
padding: 0px;
margin: 0px;
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom-color: #b7b7b7;
background-color: #800000;
width: 150px;
border-collapse: collapse;
border-right-width: 0px;
border-left-width: 0px;
}
.header_top_tdr {
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom-color: #b7b7b7;
background-color: #800000;
border-right-width: 0px;
border-left-width: 0px;
}
#right_column {
float: right;
width: 500px;
}
#footer {
margin: 20px;
padding: 3px;
clear: both;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #800000;
font-size: 14px;
}
.white_text {
background-color: #800000;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
.form_row {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.link_p {
margin-left: 20px;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.link_p img {
vertical-align: middle;
margin-right: 20px;
}
.link_p a {
text-decoration: none;
color: #000000;
}
.link_p a:hover {
color: #009933;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<table id="header_table">
<tr>
<td class="header_top_tdl"> </td>
<td class="header_top_tdr"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="content">
<div id="left_column">
<table >
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td class="white_text"colspan="2">
Login Here</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<form action="/smusermanager/members/default.asp?action=login" method="post"
name="login" language="JAVASCRIPT" onsubmit="return Validate();">
<input name="todo" value="login" type="hidden"/><input name="url"
value="/smusermanager/members/default.asp" type="hidden"/>
<tr class="form_row">
<td>Email Address</td>
<td> <input class="fieldbox" size="20" maxlength="50" name="members_username" type="text"/></td>
</tr>
<tr class="form_row">
<td>Password</td>
<td> <input class="fieldbox" size="20" maxlength="50" name="members_password" type="password"/></td>
</tr>
<tr class="form_row">
<td> </td>
<td>
<input class="fieldbox" value="Login" id="submit2" name="submit2" type="submit"/></td>
</tr>
</form>
<tr>
<td colspan="2" >
<p class="link_p"> </p>
<p class="link_p">
<img alt="Image" src="images/Hphone.gif" width="51" height="44"/>
<a href="http://www.s.com/test1.html?action=login">Home</a></p>
<p class="link_p">
<img alt="Image" src="images/hphone1.gif" width="51" height="39" />
<a href="http://www.s.com/test1.html?action=register">Register</a></p>
<p class="link_p">
<img alt="Image" src="images/hphone2.gif" width="44" height="42" />
<a href="http://www.s.com/test1.html?action=forgotusername">FAQ</a></p>
<p class="link_p">
<img alt="" src="test1_files/hphone3.gif" width="49" height="38" />
<a href="http://www.s.com/test1.html?action=forgotusername">Terms Of Use</a></p>
<p class="link_p">
<img alt="" src="test1_files/hphone4.gif" width="42" height="38" />
<a href="http://www.s.com/test1.html?action=forgotusername">Contact Us</a></p>
<p class="link_p">
<img alt="" src="test1_files/hphone5.gif" width="33" height="41" />
<a href="http://www.s.com/test1.html?action=forgotpass">Forgot Password</a></p>
<p> </p>
</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
</table>
</div><!-- end of left column -->
<div id="right_column">
<p>Format some text here</p>
<hr />
<p>Format some more text here</p>
<hr />
<table style="width: 100%">
<tr>
<td><img alt="" src="images/sight1.gif" width="33" height="41" style="vertical-align:middle"/>
And some text here</td>
<td><img alt="" src="images/sound1.gif" width="32" height="38" style="vertical-align:middle" />
And some text here</td>
</tr>
</table>
<hr />
<p>Etc.</p>
<hr />
<p>Etc.</p>
<p> </p>
<p> </p>
</div><!-- end of right column -->
</div><!-- end of content -->
<div id="footer">
<table style="width: 100%">
<tr>
<td>*Copyright 2007 . All Rights Reserved.</td>
<td style="text-align:right">Email : <a href="mailto:"></a></td>
</tr>
</table>
</div>
</div><!-- end of container -->
</body>
</html>
Hello, I don't want my lines to end, but they do even without me typing a <BR>. I tried putting the code in the same line in the code, it does not work. Here's the code I need to have on the SAME line : Code: <BODY bgcolor = #95AD9C> <img src = "Images/logo.gif" height = 100 width = 100> <font color = "white"> <H1> Anime Invasion <BR> English Dubbed <BR> Episodes! </H1> </font> </BODY> I am trying to make an anime watching website, is it a bad idea to design the whole thing myself? Sorry I am new to website development! Anyone know any good free templates? Thanks. Code: <?xml version="1.0" ecoding="UTF-8"?> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> Please explain to me those two lines (I did not include the doctype because I can understand what it's for) in a manner easy to understand. I'm not a beginner, but I didn't do those lines very often back then. What do they mean and how do they affect an HTML file? Thank you in advance! Hello. I am making HTML codes for ebay. I work with Frontpage, and when I paste my HTML code in ebay page the space betweens the lines becomes 2 lines instead of 1 line. At frontpage it looks ok, I mean the space is 1 line like I want it to be but in ebay there is no way to change the space. Is there something wrong with my HTML code? Hi there. I am working on a website for a friend who created it using Word and then found that this doesn't work in FF (the files were .mht). I only know basic HTML, and no CSS. I can do most of what I need to but am having two problems. Firstly, some of the positioning is out in FF, but if I change it so it's ok in FF it's then out in IE. Word appears to have positioned everything using  s: HTML Code: <span style='mso-spacerun:yes'> </span> <span style='mso-tab-count:3'> &nbs p; </span> <span style='mso-spacerun:yes'> </span> <!--[if gte vml 1]> <v:shape id="_x0000_i1030" type="#_x0000_t75" style='width:141pt;height:141.75pt'> <!-- sixth image file --> <v:imagedata src="TA6.jpg" o:title="TA6"/> </v:shape> <![endif]--> <![if !vml]> <img border=0 width=188 height=189 src ="TA6.jpg" v:shapes="_x0000_i1030"> <![endif]> <span style='mso-spacerun:yes'> </span><!--[if gte vml 1]> <v:shape id="_x0000_i1031" type="#_x0000_t75" style='width:141pt;height:2in'> I know this is horrible code. Is there any simple way to ensure that the image ends up in the same place in IE and FF? Do I need to use absolute positioning, and if so, can anyone direct me to good resources on this? Secondly, I'm having problems with an horizontal line which appears in IE but not in FF. The code is HTML Code: <h2 style='margin-left:36.0pt;text-indent:36.0pt'> <!--[if gte vml 1]> <v:line id="_x0000_s1031" style='position:absolute;left:0;text-align:left;z-index:1' from="1in,33pt" to="647.15pt,33pt" strokecolor="#396" strokeweight="3.5pt"/> <![endif]--> <![if !vml]> <span style='mso-igno vglayout;position:absolute;z-index:1;left:0px;margin-left: 93px;margin-top:41px;width:773px;height:6px'> This displays correctly as a shaded green line in IE, but as a white line with a thin black border in FF. From searching I think this is VML and not supported by FF - is this correct? In that case, I think I need to use the <hr> command, but how do I add an attribute to <hr> to ensure it's placed in the right place? Is the only solution a table? Sorry for the stupid questions, I know Word code is a terrible place to start from, I'm just trying to avoid redoing it all. hey i need help with my website(this is not advertisement go here if you dont know what i'm talking about) www.biblebeyond.com. you see the links in my little box aren't really seperated by good distance how do i make them seperate? Hello, Im working on making a template. You can see it at : http://test.tamarawobben.nl/test.html as you can see there is a white area between the header and the rest of the content. Can anyone tell me how i can rid of the white area. Regards, Roelof |
|||||||