|
HTML - Slight Space Problem, Fine On Ie But Ff Issue
I got this little problem, if you view the below page on IE it shows fine, but on FF it shows a space after the flash.
http://www.test.muslimways.com Any advice? Similar TutorialsHi, My website was nearly there, and I paid someone to work on my website and he ended up recoding the layout, and now some things arnt sitting right. I will try to explain this as best as I can. I would really, REALLY appreciate any help people can give me, I was supposed to have this site done last weekend . Here is a link: to the current site: LINK Im trying to do two things to it. I need the yellow box to sit in the horizontal center of the blue box and I need to remove the space above the main gallery image and the top of the yellow box. Here is my css for the box: Code: #content {
margin: 0 0 0 180px;
overflow: auto;
background: #00f;
}
#main-image-container {
width: 690px;
margin: 0 auto;
position: relative;
/*margin:0 auto 0 10%;*/
text-align: center;
background: #fc6;
}
#main-image-container {
position: relative;
float:left;
/*margin:0 auto 0 10%;*/
text-align: center;
margin-left:10%;
/*background: #00f;*/
}
#main-image-container #sliding-frame p {
position: relative;
height: 470px;
overflow: hidden;
}
#main-image {
/*position: absolute;*/
cursor: nw-resize;
z-index: 10;
background-color: #111;
}
Here is the HTML / PHP for the block (most of this is just for generating the thumbnails at the bottom): Code: <div id="content">
<div id="main-image-container" {if $theme.imageCount == 0}style="display:none"{/if}>
{if $theme.imageCount > 0}
<div id="slideshow-controls">
<ul id="control-buttons">
<li><button id="controls-left">
<img src="{g->theme url="images/controls-left.png"}" alt="{g->text text="Left"}" />
</button></li>
<li><button id="controls-play">
<img src="{g->theme url="images/controls-right.png"}" alt="{g->text text="Play"}" />
</button></li>
<li><button id="controls-right">
<img src="{g->theme url="images/controls-right.png"}" alt="{g->text text="Right"}" />
</button></li>
</ul>
</div>
<div id="sliding-frame">
<div id="loading">
{g->text text="Loading Album..."}
</div>
<p><img src="{g->theme url="images/blank.png"}"
alt="{g->text text="Main image placeholder"}" id="main-image" /></p>
</div>
{/if}
<div style="height:100px;clear:both;"></div>
{assign var="childrenInColumnCount" value=0}
{assign var="subalbumCount" value=0}
<div id="thumbs-container"{if $theme.imageCount < 1 } style="background:none; margin-top:30px"{/if}>
<div id="gsThumbMatrix" align="left">
<ul style="list-style:none;"><li style="float:left;">
<table align="left">
<tr valign="top">
{foreach from=$theme.children item=child}
{if !$child.canContainChildren && $child.entityType != 'GalleryLinkItem'}
{if ($childrenInColumnCount == $theme.params.columns)}
{* Move to a new row *}
</tr></table></li><li style="float:left;"><table align="left"><tr valign="top">
{assign var="childrenInColumnCount" value=0}
{/if}
{assign var=childrenInColumnCount value="`$childrenInColumnCount+1`"}
{assign var=childSummary value=$child.summary|markup|escape:html}
{assign var=childDescription value=$child.description|markup|escape:html}
<td class="giItemCell">
{if isset($theme.params.itemFrame) && isset($child.thumbnail)}
{g->container type="imageframe.ImageFrame" frame=$theme.params.itemFrame}
<a href="{g->url params=$theme.pageUrl arg1="itemId=`$child.id`"}">{g->image
id="%ID%" item=$child image=$child.thumbnail
class="%CLASS% giThumbnail size:=`$child.size`= summary:=`$childSummary`= description:=`$childDescription`="}</a>
{/g->container}
{elseif isset($child.thumbnail)}
<a href="{g->url params=$theme.pageUrl arg1="itemId=`$child.id`"}">{g->image
item=$child image=$child.thumbnail
class="r giThumbnail size:=`$child.size`= summary:=`$childSummary`= description:=`$childDescription`="}</a>
{else}
<a href="{g->url params=$theme.pageUrl arg1="itemId=`$child.id`"}"
class="giMissingThumbnail">
{g->text text="no thumbnail"}
</a>
{/if}
</td>
{else}
{assign var=subalbumCount value="`$subalbumCount+1`"}
{/if}
{/foreach}
{* flush the rest of the row with empty cells *}
{section name="flush" start=$childrenInColumnCount loop=$theme.params.columns}
<td width="70"> </td>
{/section}
</tr>
</table></li>
</ul>
</div>
</div>
</div>
{* Loop around for the albums this time *}
{assign var="childrenInColumnCount" value=0}
{if $subalbumCount > 0}
<div id="subalbums-container">
<table id="gsSubAlbumMatrix">
<tr valign="top">
{foreach from=$theme.children item=child}
{if $child.canContainChildren || $child.entityType == 'GalleryLinkItem'}
{if ($childrenInColumnCount == 2)}
{* Move to a new row *}
</tr><tr>
{assign var="childrenInColumnCount" value=0}
{/if}
{assign var=childrenInColumnCount value="`$childrenInColumnCount+1`"}
<td class="giAlbumCell gcBackground1">
{if isset($child.thumbnail)}
<a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}" style="clear:both;">
{g->image item=$child image=$child.thumbnail}<br />
{$child.title|entitytruncate:25}</a>
{else}
<a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}"
class="giMissingThumbnail">
<img src="{g->theme url="images/missing.png"}" width="40" height="40"
alt="{g->text text="no thumbnail"}" /><br />
{$child.title|entitytruncate:25}</a>
{/if}
{g->block type="core.ItemInfo" item=$child
showDate=false
showOwner=$theme.params.showAlbumOwner
showSize=false
showViewCount=false
showSummaries=true
class="giInfo"}
</td>
{/if}
{/foreach}
{* flush the rest of the row with empty cells *}
{section name="flush" start=$childrenInColumnCount loop=2}
<td> </td>
{/section}
</tr>
</table>
</div>
{/if}
{/if}
{if !empty($theme.navigator)}
<div class="gbBlock gcBackground2 gbNavigator">
{g->block type="core.Navigator" navigator=$theme.navigator}
</div>
{/if}
{* Store these results in a JavaScript-accessible set of arrays so the slideshow can get at them *}
<script type="text/javascript">
// <![CDATA[
var slideshowImageWidths = new Array({if $theme.imageCount==1}1);
slideshowImageWidths[0] = {$theme.imageWidths};
{else}{$theme.imageWidths});{/if}
var slideshowImages = new Array();
{foreach from=$theme.children key=i item=it}
{if !$it.canContainChildren && $it.entityType != 'GalleryLinkItem'}
slideshowImages.push('{if isset($it.image)}{g->url arg1="view=core.DownloadItem"
arg2="itemId=`$it.image.id`" arg3="serialNumber=`$it.image.serialNumber`"
htmlEntities=false}{else}{g->url params=$theme.pageUrl arg1="itemId=`$it.id`"
htmlEntities=false}{/if}');
{/if}
{/foreach}
// ]]>
</script>
<!--end content--></div>
Im trying to have the top of the blue box line up with the top of the red box, and remove the gap above the main gallery image and the top of the yellow box. Could anyone tell me why this is happening, it wasnt happening before and I have no idea what he changed. I'm trying to have 1 line of copyright at the bottom of each page on a site, but i am having to use loads of breaks to get it to the bottom each time, because when i do
Code: style="position: absolute; bottom: 5px;" in the div for it, it just goes straight to the bottom of the page before scrolling down. By that i mean when you open the page it is at the bottom, but there is more below it which you need to scroll down to, so really it is somewhere in the middle of the page. Hope i explained that well enough :-S If not here's a screenshot :-p http://i56.photobucket.com/albums/g1...wco99/cpss.png Any ideas? Dear All, I have a page here http://183.78.169.53/tyre2/swap2.html. The problem is that I want to make the tyre images align with the join like here http://183.78.169.53/tyre2/page3.html and also make the text appear over the image not beside or on top of it. What are the html fine tunes I need to perform tried many thing like margin etc did not work too? Hello folks. I have been trying out this site as a beta for a hockey team. I am developing a site and have an issue with ONE page in particular. Every other page looks great! http://web.mac.com/chris.ducasse/force_beta/staff.html That is the culprit. I have looked over the source code, and cannot find anything that would cause it. What happens, if you don't see it, is that the page does not take the entire site width, it wraps the text at about 2 inches or so away from the right edge of the page. Any help is appreciated. Also, I got the navigation bar (modified it myself) from Open Source Web Design and want to give the artist credit - where do I do that in HTML code? Thanks again. So my site that i am developing has hit a bit of a snag. In firefox it looks great, however when i switch over to IE i get a big white space. I am wondering if anyone knows how i can correct this white space? http://www.wdwcanada.com/maps.php is the link. Thanks, Hi All, im new here so go easy. this might be an easy answer. i am making this website and am positioning items around the site using div tags. the site looks just how i want it to in Firefox but when i open it in IE it has different sizes everywhere and does not match up. also i have a logo in the upper right of the site. how do i get this to resize when the browser size is changed? here is the sites code. <html> <head> <title>Maroondah Trailers</title> </head> <body BGCOLOR="807a7a"> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 0%; top: 0%; width: 16%; height: 97%;"></div> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 84%; top: 0px; width: 16%; height: 97%;"></div> <div style="background-color: White; position: absolute; left: 16%; top: 15%; width: 68%; height: 82%;"></div> <div style="background-color: ff3600; color: white; position: absolute; left: 16%; top: 15%; width: 68%; height: 4%;"></div> <div style="position: absolute; left: 60%; top: 3%; width: 30%; height: 40%;"><img src="pictures\logo2.gif"></div> <div style="background-color: black; position: absolute; left: 84%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 15%; width: 68%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 19%; width: 68%; height: .3%;"></div> </body> </html> heres what they both look like thanks alot Matt I just have a small formatting issue, that I think is being caused by a dreamweaver template I created, that I need some quick help with. Under the main banner is a space that I want to get rid of, but I can't figure out what's causing it. In my template, the editable area starts with the div right under the banner... so I'm thinking somewhere in there is my issue. Here is a link to the site - www.captaintees.com/graphictees.html Any help is greatly appreciated. Hi All, I am facing issues with having more than single space in between a string while displaying it in the list box Example:- <select name="listfield"> <option value="HTML">HTML <option value="HTML TAG">HTML TAG <option value="HTML TAG select">HTML TAG select Now the issue is with the third option.while displaying it on the screen it removes that extra space and displays it as "HTML TAG select" .the actual space between "TAG" and "select" is two white spaces where as it's shown as a single space. Thanks in advance YUGA Hi, Thanks in advance for your help. I'm doing a web page that I would like to be viewed on 1024 resolutions without a horizontal scrollbar. It will contain images that are exactly 980px wide. The problem is that with ie7, as soon as it contains a div or a table, no matter what I do to try to remove all padding,margins,etc.. it adds 2px for each element (I guess 1px for each side). Below is some html as an example of my problem, where I've tried to remove everything I can think of... this works fine in firefox 3 <body style="width:998px;margin-top:0;margin-left:0;margin-right:0;padding:0;"> <div style="width:100%;textalign:center"><table border="0" cellspacing="0" cellpadding="0" style="width:998px;border-collapse:collapse;padding:0;margin:0;border:0;"><tr style="padding:0;margin:0;border:0;"><td style="padding:0;margin:0;border:0;">sdfsdfd</tr></td></table><div style="width:100%> </body> I've been customising templates on a CMS over time, mainly using a Mac for the editing side of things, but then checking on a PC with different browsers, of course. I carried out a few changes a while back and things looked fine in Safari, but not so fine when I checked them on IE7. An example: http://www.ukprwire.com/Detailed/Con...uk_11538.shtml Anyone know why the page is extra wiiiiide in IE, but fine in Safari? I've since checked it with Firefox and its fine with that one too. I got a problem with the list I pasted below. I would like to get rid of the space between the last </dd> and the opening of the <ol> tag. Is their any other way I can do this so I don't have the space between the 2 elements? <dl> <dt>CHAPTER 1:Why HTML Rocks!</dt> <dd>Coding isn't for pussies</dd> <dd>What do you need to know</dd> <dd>Common Mistakes</dd> <ol> <li>Eat</li> <li>Sleep</li> <li>Huh?</li> </ol> </dl> Thanks Here's what I have... http://img378.imageshack.us/img378/502/currentmw7.jpg ...and here's what I'm trying to get... http://img388.imageshack.us/img388/3810/wantedvp6.jpg Basically, just rid of the white space above "Looking Out For You". Here's the coding for the page in a text file... http://www.megaupload.com/?d=JG3ELL2T If anyone can help me with coding or anything (most likely a table I have to fix), that would amazing and greatly appreciated! Thank You! <table> <tr> <td>Flag Name </td> <td><input style="background-color:010280; color:white" type="button" name="edit" value="Add" onclick="javascript:addContent(this.parentNode.parentNode.rowIndex,'Flag Name');"></td> <td><input style="background-color:010280; color:white" type="button" name="edit" value="Edit" onclick="javascript:editContent(this.parentNode.parentNode.rowIndex,'Flag Name');"></td> </tr> </table> <script> function editContent(tableRow, flag_data) { alert(flag_data); } </script> It is working properly. But when i add new row with textbox value with the following data "Sample Sample". The alert box is not working... but for the data "SampleSample" it is working properly.... Please help me to solve the issue... Hi. The following example code displays the way I want it to in Firefox, with the top row about one pixel deep. But in IE 7 and MS email viewers (outlook, outlook express) it doesn't, with the top row being maybe 15 px deep. I've tried coding it all kinds of ways but I can't get the same effect as in Firefox. Does anyone know how to get round this? (The reaso for using inline style and tables is that it's for a subscriber-only email newsletter. and that's what works.) Would be grateful for any suggestions ! Thanks Dedge ******************************** Code: <TABLE width="520" cellSpacing=0 cellPadding=0 border=1> <tr><!--Row to set column widths--> <td valign="middle" align="center"> <IMG src="spacer.gif" width="1" height="1" alt=""> </td> <td valign="middle" align="center"> <img src="spacer.gif" width="256" height="1" alt=""> </td> <td valign="middle" align="center"> <IMG src="spacer.gif" width="8" height="1" alt=""> </td> <td valign="middle" align="center"> <IMG src="spacer.gif" width="255" height="1" alt=""> </td> </tr> <tr> <td><IMG src="spacer.gif" width="1" height="30" alt=""></td> <td style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; LINE-HEIGHT: 15px; PADDING-BOTTOM: 3px; MARGIN: 4px 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #000066; TEXT-ALIGN: center">Left-Hand Heading</td> <td><IMG src="spacer.gif" width="1" height="1" alt=""></td> <td style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; LINE-HEIGHT: 15px; PADDING-BOTTOM: 3px; MARGIN: 4px 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #000066; TEXT-ALIGN: center">Right-Hand Heading</td> </tr> </TABLE> Hi, Please can someone have a look at the photo's page on my site here http://www.leeds-cityscape.co.uk/. The page is made up of a frame, so that I can have an advert at the top of the page that scrolls down as the visitor scrolls down. The problem is that when you go to the page there is a large gap at the top of the page. I have checked the code, but I cannot see what could be causing this. Any help would be appreciated. Hi, I created a table with rounded corners and I'm having a white-space problem in the inner bottom and top part of the table while using the MOZILLA FIREFOX browser. The URL below will show you what I'm talking about. I've spent many hours trying to get rid of those white spaces but cant figure out. http://www.imageenvision.com/test.html Code: <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
<html>
<head>
<title>TEST</title>
<link rel="stylesheet" href="/css_style_sheet.css" type="text/css">
</head>
<body>
<table align='center' width='500' height='0' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td width='0' height='0'><img src='/pics/top_left_rounded_corner.gif' height='9' width='9' border='0'></td>
<td width='100%' height='0'><img src='/pics/top_middle.gif' height='9' width='100%' border='0'></td>
<td width='0' height='0'><img src='/pics/top_right_rounded_corner.gif' height='9' width='9' border='0'></td>
</tr>
<tr>
<td colspan='3' height='100' align='center' bgcolor='#F8F8F8'><!--MAIN TABLE STUFF--></td>
</tr>
<tr>
<td width='0' height='0'><img src='/pics/bottom_left_rounded_corner.gif' height='9' width='9' border='0'></td>
<td width='100%' height='0'><img src='/pics/bottom_middle.gif' height='9' width='100%' border='0'></td>
<td width='0' height='0'><img src='/pics/bottom_right_rounded_corner.gif' height='9' width='9' border='0'></td>
</tr>
</table>
</body>
</html>
Thanks in advance for your help. Kenny Adams Image Envision Hi on one of my websites there is just to much dead space at bottom of page and it makes people have to scroll down to see the whole page . how do i get rid of that blank space at bottom? i have tried just deleting but it doesnt want to delete it . i think there is a code error or two , im gonna try to post the html code of site here .. Thanks for help in advance . CODE: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Exclusive - Template</TITLE> <META http-equiv=Content-Type content="text/html; charset=utf-8"> <STYLE type=text/css>#mainWrapper { MARGIN-TOP: 0px; FONT-SIZE: 12px; MARGIN-LEFT: auto; WIDTH: 732px; COLOR: #333333; MARGIN-RIGHT: auto; FONT-FAMILY: Arial, Helvetica, sans-serif } BODY { MARGIN-TOP: 0px; BACKGROUND-IMAGE: url(repeater-orange.jpg); BACKGROUND-REPEAT: repeat-x } #video-area { BACKGROUND-IMAGE: url(../ExclusiveTemplate/HTML/images/video-area-bg.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 385px } #footer { BORDER-TOP: #cccccc 1px dotted; MARGIN-TOP: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .style1 { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666 } </STYLE> <META content="Created with Trellian WebPage" name=description> <META content="MSHTML 6.00.2900.6036" name=GENERATOR></HEAD> <BODY> <DIV align=center> <TABLE style="Z-INDEX: 101; LEFT: 331px; WIDTH: 589px; POSITION: absolute; TOP: 103px; HEIGHT: 351px" height=351 cellSpacing=0 cellPadding=0 width=589 border=0> <TBODY> <TR> <TD><IMG style="WIDTH: 596px; HEIGHT: 334px" height=300 alt="" hspace=0 src="7fa10df874.jpg" width=600 border=0></TD></TR></TBODY></TABLE> <DIV id=mainWrapper style="WIDTH: 733px; HEIGHT: 1101px"> <DIV id=header align=left><IMG style="WIDTH: 732px; HEIGHT: 87px" height=84 alt="" hspace=0 src="header-orange.jpg" width=732 border=0> </DIV> <DIV align=center><IMG height=385 alt="" hspace=0 src="video-area-bg.jpg" width=732 border=0></DIV> <P align=center><FONT face=Default size=2><FONT face=Impact><FONT size=4><FONT face="Gill Sans MT" color=#ff0000><STRONG>Discover The Secret $35K/Month System That <U>WILL</U> Separate You From The Pack!</STRONG></FONT> <BR></FONT></FONT><FONT size=3><FONT face="Tw Cen MT"><FONT face="Lucida Sans Unicode" color=#000000 size=2>You Will Be Getting Instant Access To The Full 1on1 Training Course That <BR>Others Have Paid Upto $1,997 To Use For <U>FREE</U>! This Wont Last Long, Sign Up Today...</FONT></FONT></FONT><BR></FONT><IMG style="Z-INDEX: 102; LEFT: 374px; POSITION: absolute; TOP: 721px" height=111 alt="" hspace=0 src="arrow-hand.JPG" width=128 border=0> <SCRIPT src="http://www.jotform.com/min/g=jotform&3.1.9" type=text/javascript></SCRIPT> <SCRIPT type=text/javascript> JotForm.init(function(){ $('input_7').hint('ex: myname@example.com'); }); </SCRIPT> <LINK href="http://www.jotform.com/css/styles/form.css?v3.1.9" type=text/css rel=stylesheet><LINK href="http://www.jotform.com/css/styles/jottheme.css" type=text/css rel=stylesheet><LINK href="http://www.jotform.com/css/calendarview.css?v3.1.9" type=text/css rel=stylesheet> <STYLE type=text/css>.form-label { WIDTH: 50px! important } .form-label-left { WIDTH: 50px! important } .form-line { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .form-label-right { WIDTH: 50px! important } .form-all { FONT-SIZE: 12px; BACKGROUND: #ffffff; WIDTH: 250px; COLOR: #000000! important; FONT-FAMILY: "Trebuchet MS" } </STYLE> <FORM class=jotform-form id=3155437226 name=form_3155437226 accept-charset=utf-8 action=http://www.jotform.com/submit.php method=post><INPUT type=hidden value=3155437226 name=formID> </P> <DIV class=form-all> <DIV align=center> <UL class=form-section> <DIV align=left> <LI class=form-line id=id_9><LABEL class=form-label-right id=label_9 for=input_9>First Name<SPAN class=form-required>*</SPAN> </LABEL> <DIV class=form-input id=cid_9><INPUT class="form-textbox validate[required]" id=input_9 size=30 name=q9_firstName9> </DIV></LI></DIV> <LI class=form-line id=id_7><LABEL class=form-label-right id=label_7 for=input_7>E-mail<SPAN class=form-required>*</SPAN> </LABEL> <DIV class=form-input id=cid_7><INPUT class="form-textbox validate[required, Email]" id=input_7 size=30 name=q7_email7> </DIV></LI> <LI class=form-line id=id_8><LABEL class=form-label-right id=label_8 for=input_8>Phone Number<SPAN class=form-required>*</SPAN> </LABEL> <DIV class=form-input id=cid_8><SPAN class=form-sub-label-container><INPUT class="form-textbox validate[required]" id=input_8_area size=3 name=q8_phoneNumber[area]> - <LABEL class=form-sub-label id=sublabel_area for=input_8_area>Area Code </LABEL></SPAN><SPAN class=form-sub-label-container><INPUT class="form-textbox validate[required]" id=input_8_phone size=8 name=q8_phoneNumber[phone]> <LABEL class=form-sub-label id=sublabel_phone for=input_8_phone>Phone Number </LABEL></SPAN></DIV> <DIV align=left></DIV></LI> <LI class=form-line-column id=id_2 style="WIDTH: 272px; HEIGHT: 168px"> <DIV class=form-input-wide id=cid_2 align=center> <P class=form-buttons-wrapper style="TEXT-ALIGN: center" align=center><INPUT style="WIDTH: 268px; HEIGHT: 69px" type=image height=69 alt=Submit width=280 src="get-instant-access.jpg" size=19 border=0></P> <DIV class=form-buttons-wrapper style="TEXT-ALIGN: center"><STRONG><FONT size=1>Primary Goal: Create The Next 20 "Internet Big Shots" This Year! (Your Background, Experience, Online Skills, Looks, Doesnt Matter...)</FONT></STRONG></DIV></DIV></LI></UL></DIV> <LI style="DISPLAY: none">Should be Empty: <INPUT name=website> <UL></UL></LI></DIV></DIV><INPUT id=simple_spc type=hidden value=3155437226 name=simple_spc> <SCRIPT type=text/javascript> document.getElementById("si" + "mple" + "_spc").value = "3155437226-3155437226"; </SCRIPT> </FORM><A href="index-orange.html#"></A><IMG style="Z-INDEX: 103; LEFT: 775px; POSITION: absolute; TOP: 722px" height=111 alt="" hspace=0 src="arrow-hand1.JPG" width=128 border=0> <TABLE style="Z-INDEX: 104; LEFT: 381px; POSITION: absolute; TOP: 902px" height=16 cellSpacing=0 cellPadding=0 width=506 border=0> <TBODY> <TR> <TD> <P class="style21 style1" align=center>Michael´s Millionaire Mentoring - Home - Privacy - Disclaimer - All Rights Reserved 2010</P></TD></TR></TBODY></TABLE></DIV> <DIV></DIV></BODY></HTML> Thanks again for help if you can.. Michael i almost went crazy trying to troubleshoot this one... thought i'd share. HTML Code: <style type=text/css>
a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
</style>
<table width="200" border="0" cellspacing="0" cellpadding="0"><tr>
<td width="100" valign="top">
<a href="link">Sample text </a>
<td width="100" valign="top">
<a href="link">Sample text</a>
</td></tr></table>
Turns out a "space" at the end of the link text pushes the text upwards slightly. Simply remove the space (or add on to the other line) or use the space code [ ] The css also plays a part, this doesn't appear happen when text is "unformatted" So i'm helping to work on a website but one issue that has occurred is with tables...here's the issue visually: We don't want that break...it only shows up in internet Explorer (no problem in Firefox). Here is the coding: <body> <div class="divCenteredStuff"> <div><img src="GetInvolvedHeader.jpg" alt="Branches" border="0" usemap="#Map2" /> <map name="Map2" id="Map2"> <area shape="rect" coords="632,136,764,186" href="index.html" alt="Home" /> </map> </div> <div><img src="Banners/Banner6.jpg" alt="Banner" border="0" usemap="#MapMapMap" /> Any tips? THANKS! Uploaded with ImageShack.us My website is www.tuckermatthewsphoto.com This is what my side menu looks like when I open it in Firefox. Note the box to the left of "automotive". It's a link to the home page, just like the "Tucker Matthews Photography" image. I've tried ironing it out all day, caved in and asked for help. In safari the "Automotive" link is in line with the others. Please help! Check my source code and my CSS out! This is killing me! |
|||||||