|
HTML - Where Is The Gap Being Created?
Hi all,
I'm trying to code some HTML templates but I keep getting a gap at the top, look just near the arrow pointing left. Could someone tell me what piece of code is creating the gap between my columns? I have set the appropriate widths... HTML Code: <html>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" bgcolor='#FFFFFF'>
<style>
a { color:#FF6600; color:#FF6600; color:#FF6600; }
</style>
<table width="100%" cellpadding="10" cellspacing="0" bgcolor='#CCCCCC' >
<tr>
<td valign="top" align="center">
<table width="600" cellpadding="0" cellspacing="0">
<tr>
<td width="540" style="background-color:#FFFFFF;text-align:center;"><span style="font-size:12px;color:#000000;font-family:helvetica;text-decoration:none;">Email not displaying correctly?</td>
<td width="60"><img src="http://www.carlmumford.me/email/images/arrowleft.png" align="right" alt="Arrow Left"></td>
</tr>
</table>
<table width="600" cellpadding="0" cellspacing="0">
<tr>
<td width="600"><img src="http://www.carlmumford.me/email/images/header.png" alt="Header Logo"></td>
</tr>
</table>
<table width="600" cellpadding="0" cellspacing="0">
<tr>
<td width="600" style="background-color:#FFFFFF;border-top:0px solid #000000;border-bottom:1px solid #FFFFFF;text-align:center;" align="center"><span style="font-size:12px;color:#000000;line-height:200%;font-family:trebuchet ms;text-decoration:none;">Email not displaying correctly?</td>
</tr>
</table>
<table width="600" cellpadding="20" cellspacing="0" bgcolor="#333333">
<tr>
<td width="600" bgcolor="#333333" valign="top" style="font-size:12px;color:#FFFFFF;line-height:150%;font-family:trebuchet ms;">
<p>
<span style="font-size:20px;font-weight:bold;color:#CC6600;font-family:arial;line-height:150%;">Testing This Email...</span><br>
<span style="font-size:11px;font-weight:normal;color:#CCCCCC;font-style:italic;font-family:arial;">Quisque dignissim dictum ante</span><br>
Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing elit</a>. Sed at erat. Phasellus condimentum. Nullam sed magna. Donec quis tellus in neque congue porttitor. Proin sit amet ligula id leo porta rutrum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In suscipit, pede a rutrum malesuada, lacus massa euismod neque, a hendrerit justo ante at eros. <a href="#">Clickitus heritus.</a>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
http://www.carlmumford.me/email Thanks Similar TutorialsI saw some images embedded in text created with ▐ and ۩. If all you see are the images, the code is: &-#-9-6-1-6-; and &-#-1-7-6-9-; (disregard the hyphens). What are these images called and where are they documented? Don I have searched many pages on this forum for the answer to my question but cannot find it anywhere. I do not know if this can be done in html. I am fairly new to html pages but have been creating .php pages for awhile. I am trying to dynamically create a title for a page based on the url on an html page. I have an existing site that I would prefer to leave html and not change to .aspx or .php. An Example would be: w'ww.mysite.com/ResultsGeneral.html?kwds=Sweatshirts&color=Gray-Sweatshirts. (Not a real site but an example.) I would want to display Gray Sweatshirts for the <title>Gray Sweatshirts</title> head. I know how to do this with .php. I would use <title><?php echo urldecode($_GET["color"]); ?></title> I have also found out this can be accomplished in aspx by using <head id="Head1" runat="server"> <title><%= Request.QueryString("color").Replace("-"," ") %></title> I need to know if it is possible to accomplish this with .html. I am sure it is something simple like .php but I have tried several methods and looked at a lot of forums and cannot find the answer. I may not be wording the question correctly. Thanks in advance, Bob. Has anyone else had any problems when using notepad to edit code created with an WYSIWYG editor such as Frontpage or Dreamweaver? In particular, making links, that are correctly coded, work? Something even odder, is that this problem only occurs on the index.html page. If I rename that page the links work just fine. I have asked this same question in other forums and no one seems to have a clue. Has anyone else encountered this or have any thoughts? I was given some Java Script code to put in an HTML formatted file. The java script will randomly create an image. What I would like to do do is add text and make it so the text starts at the top of the image and not the bottom like it's doing now. In short, I'd like to have the text wrap around the image that the java script creates. Is this possible, and how do I do it? I have created a custom html dropdown menu for my site. The thing is it looks perfect in Firefox 5.0 (for me it does anyway) and works just as expected but in other browsers such as Opera 10.60, Chrome 5.0.375.125, it doesn't work properly. and it works semi ok in IE 8. For example if I hover over one of the menu buttons in opera or chrome there is meant to be a drop down box, this doesn't show in Opera or chrome but does in IE? You can view the menu on my test site - http://www.themidwiferysanctuary.com/testsite/ There is more to the menu, you can use the following log in - Username: Jade Password 130489 Does anyone have any thoughts on how to get the dropdown compatiable with all (or most) browsers? I would post the code but it won't let me even when using the code tags.......... If you want to see the javascript code then please just let me know. Im not sure any of the above makes sense?? Thank you, Jade Ok so the objective is to have a background image at the very bottom of the page (not the window) so if content extends past the viewable window, you will have to scroll down to the bottom of the page before the background image is visible. Here is the code I'm using: HTML Code: <style type="text/css">
html {min-height: 100%;height:auto;}
body {background-image:url(bg.jpg); background-repeat:repeat-x; background-position:bottom;}
#floater {position:absolute;width:300px;z-index:1;}
</style>
Now everything works perfectly across the board, unless floating divs are involved. If the content in the div extends past the viewable window, while IE still seems to work fine, firefox does not recognize the bottom of the div, and only seems to be looking at actual content on the page. since there is no content on the page that extends past the viewable window, it places the background image at the bottom of the window, and not the bottom of the page. As the title states I've been using Microsoft Word 2000 to create my web page but now want to make a simple no frills html HTML document. Is there a simple and quick way to do it ? I know I can simply create a new HTML document and then just copy and paste the links but is there a utility that can do this ? Many thanks |
|||||||