|
HTML - Html Issues On Ie
===
I'm on a Mac and I'm noticing that the site I'm developing is having major <TABLE> issues on IE for the PC -- like seen in this Screen Shot he http://sample.studiopresence.com What it should look like is seen on this Screen Shot he http://sample.studiopresence.com/site_v2B.htm Here's the actual HTML version of the site: http://australianwellnesscentre.studiopresence.com Any help on this is GREATLY APPRECIATED!!! Thanks in advance! === Similar TutorialsHello all! New to the forum here, so smack me into shape if i step outside of the rules... Have recently been attempting to maintain a (very basic) website for my parent's cottage. I aimed to keep it low maintenance in order to allow me not to have to do too much to it! The address is http://www.bettwsbach.co.uk Recently, i've been attempting to add a new 2009 price list to the website, which has come to me in the form of an excel spreadsheet. Here's how it should look: http://www.bettwsbach.co.uk/Misc/BBPrice.jpg I've used Excel's in-house save-to-webpage feature, and with a bit of jiggery-pokery to make the background come up (!!) here's how it appears as part of a frameset on my mac: http://www.bettwsbach.co.uk/Misc/BBPriceMac.jpg HOWEVER! I'm reliably informed that on various computers, the formatting gets pretty screwed. If you have time, go through the link to the website above, click on 2009 prices, and see if it's legible. I can only think it might be a browser-related issue (i'm on firefox), or perhaps a resolution issue - maybe the page is trying to sort its own sizing out for each computer. Either way, you can see that the formatting changes markedly between Excel and the HTM page it pushes out. So i guess my questions a 1) Anyone come across this before? Any idea why it's messing me around? 2) Any idea how to make it better? 3) Is there a better solution to the webpage (i.e., not using Excel altogether) that i've inadvertently disregarded? Bear in mind the whole thing has been put together by me and notepad, and i've had to teach myself HTML, with very little time dedicated to the running of the website. Many thanks in advance. Rob Hi all, Not sure if im posting in the right place but i am having some problems, well, a lot of issues, with an email im sending in outlook. As you can see outlook has put hue gaps in before each section, although the gap in the right column is supposed to be there. Any one have any advice on how to fix this? Its works well in every other email inbox... really stumped! Thanks for any help in advance. Matt Can anyone expain to me why this page I am working on looks fine in both Google Chrome and Mozilla Firefox, but looks completely askew when using Microsoft Internet Explorer? Any help would be appreciated! http://imxevent.com/imx2011/Public/C...ortMenu=101005 view-source:http://imxevent.com/imx2011/Public/C...ortMenu=101005 I think it is this piece of code that is causing me problems (lines 281-287)... HTML Code: <p><font style="FONT-SIZE: 20px" color="#c00000"><strong>imX Keynote Sessions</strong></font></p> <p><span style="FONT-FAMILY: Univers 57 Condensed; COLOR: black"><font style="FONT-SIZE: 15px">An extension of the forward thinking that has defined the development of imX, these Keynote Presentations reflect imX’s position as a high-level gathering place for manufacturing thought leaders from across the country and around the world. If it’s important for U.S. manufacturing, it's discussed at imX.</font></span> </p><p><table style="width: 510px; height: 138px; " class="RadEDomMouseOver"> <tbody> <tr> <td colspan="3"> <strong>KEYNOTE SESSION - DAY ONE</strong></td></tr> <tr><td style="text-align: center; vertical-align: top; "> <img alt="Michael Molnar" src="http://www.imxevent.com/imx2011/CUSTOM/images/molnar.jpg">&nbsp;</td><td>&nbsp;</td><td style="text-align: left; vertical-align: middle; "><font><font><br><url=http://www.imxevent.com/imx2011/public/Content.aspx?ID=316&amp;sortMenu=102003 style="color: rgb(255, 0, 0); font-family: arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; ">Michael F. Molnar</a></font></font><b style="font-family: arial, Verdana, sans-serif; font-size: 14px; ">, FSME, CMfgE, PE</b><br><br><table class="RadEDomMouseOver" style="font-family: arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; width: 510px; height: 138px; "><tbody><tr><td style="text-align: left; vertical-align: top; "><strong><font color="#ff0000">Date:</font></strong></td><td> </td><td style="text-align: left; vertical-align: top; ">Monday, September 12, 2011</td></tr><tr><td style="text-align: left; vertical-align: top; "><strong><font color="#ff0000">Speaker:</font></strong></td><td> </td><td style="text-align: left; vertical-align: top; ">Michael F. Molnar, FSME, CMfgE, PE</td></tr><tr><td style="text-align: left; vertical-align: top; "><strong><font color="#ff0000">Title:</font></strong></td><td> </td><td style="text-align: left; vertical-align: top; ">The U.S. Advanced Manufacturing Initiative: <br>Your Role in Public Private Partnerships</td></tr></tbody></table></td></tr><tr><td style="TEXT-ALIGN: left; VERTICAL-ALIGN: top" colspan="3"> <iframe width="480" height="315" src="http://www.youtube.com/embed/VUzBbwlpIFk" frameborder="0" allowfullscreen=""></iframe></td></tr></tbody></table></p> <p><a name="schutz"></a> Hi guys maybe some one could help me here iv made a template in photoshop see below now i have the header and footer stretching perfectly now the issues is when i try to insert the content in the middle (content is a thumbnail gallery script) 2 left and right sidebar disappear and they do not stretch up and down i duno what im missing ??? is there a way to do this?? iv tried using a table inbetween the top and bottom half but still i just removes the side bars... in other words im try to "make a square(theme) with content in the middle of it" if you catch my drift with the side bars streting up and down as the content grows larger i think an iframe in the middle would work but the CMS im using does not like Iframes and i know iframes are a bit outdated here is the code im using... ANy help will be very much appreciated HTML Code: <style type="text/css">
<!--
body,td,th {
color: #0F0;
}
-->
</style><center>
<style type="text/css">
<!--
body {
background-color: #0b0b0b;
}
-->
</style><table id="Table_01" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="images/steamlounge_01.png" width="213" height="185" alt=""></td>
<td background="images/steamlounge_02_STR.png" width="100%" height="185" alt=""></td>
<td colspan="2">
<img src="images/steamlounge_04.png" width="238" height="185" alt=""></td>
</tr>
</table>
<table id="Table_02" align="left" width="87" height"100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/steamlounge_05_STR.png" alt=""></td>
</tr>
</table>
<p>hgjdgjdghjjdg
hjd
ghjd
gh
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
g
gg </p>
<p>g</p>
<p>g</p>
<p>g</p>
<p>g</p>
<p> </p>
<table id="Table_02" align="right" width="87" height"100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/steamlounge_07_STR.png" alt=""></td>
</tr>
</table>
<table id="Table_01" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="images/steamlounge_10.png" width="213" height="68" alt=""></td>
<td background="images/steamlounge_11_STR.png" width="100%" height="68" alt=""></td>
<td colspan="2">
<img src="images/steamlounge_13.png" width="238" height="68" alt=""></td>
</tr>
</table>
</center>
Hello all, I am having a problem which I can't seem to figure out with an html page. I sliced up a photoshop image then turned it into a web page. I took the html table from the sliced up header, and plugged it into the final web page. It looked like it was aligned properly in Dreamweaver, however when I viewed the webpage there were some alignment issues with the page. Here is the link to the misaligned page: http://test.gridpointpm.com Here is the code for part of the index page that includes the header with the alignment issues: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
</head>
<body id="page1" onload="new ElementMaxHeight()">
<div class="w">
<div class="site_center">
<div class="site_center1">
<div id="header">
<div class="flash">
<!-- Save for Web Slices (indexheader.psd) -->
<table id="Table_01" width="866" height="441" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13">
<img src="images/index_01.jpg" width="866" height="66" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="66" alt=""></td>
</tr>
<tr>
<td colspan="13"><img src="images/index_02.jpg" width="866" height="206" alt="" /></td>
<td>
<img src="images/spacerh.gif" width="1" height="206" alt=""></td>
</tr>
<tr>
<td colspan="7" rowspan="2">
<img src="images/index_03.jpg" width="632" height="114" alt=""></td>
<td colspan="5">
<img src="images/index_04.jpg" width="157" height="34" alt=""></td>
<td rowspan="6">
<img src="images/index_05.jpg" width="77" height="169" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td colspan="5" rowspan="2">
<img src="images/index_06.jpg" width="157" height="95" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="80" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="images/index_07.jpg" width="360" height="15" alt=""></td>
<td rowspan="3">
<img src="images/index_08.jpg" width="180" height="40" alt=""></td>
<td rowspan="4">
<img src="images/index_09.jpg" width="92" height="55" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/index_10.jpg" width="153" height="40" alt=""></td>
<td>
<img src="images/index_11.jpg" width="42" height="16" alt=""></td>
<td rowspan="3">
<img src="images/index_12.jpg" width="9" height="40" alt=""></td>
<td>
<img src="images/index_13.jpg" width="58" height="16" alt=""></td>
<td rowspan="3">
<img src="images/index_14.jpg" width="98" height="40" alt=""></td>
<td rowspan="3">
<img src="images/index_15.jpg" width="31" height="40" alt=""></td>
<td>
<img src="images/index_16.jpg" width="44" height="16" alt=""></td>
<td rowspan="3">
<img src="images/index_17.jpg" width="7" height="40" alt=""></td>
<td>
<img src="images/index_18.jpg" width="55" height="16" alt=""></td>
<td rowspan="3">
<img src="images/index_19.jpg" width="20" height="40" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_20.jpg" width="42" height="24" alt=""></td>
<td rowspan="2">
<img src="images/index_21.jpg" width="58" height="24" alt=""></td>
<td rowspan="2">
<img src="images/index_22.jpg" width="44" height="24" alt=""></td>
<td rowspan="2">
<img src="images/index_23.jpg" width="55" height="24" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_24.jpg" width="180" height="15" alt=""></td>
<td>
<img src="images/spacerh.gif" width="1" height="15" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</div>
</div>
Any help would be much appreciated. Thanks in advance. I currently send out html emails through my esp and do several rendering checks on all major isp's such as hotmail, gmail, yahoo etc. The email renders fine in all message previews but I do not know a way to check how the email renders for mac users. I found out recently that the emails render very poorly in macs, with images breaking throughout. I need to somehow be able to preview how the html will look like in a mac in order to test and fix these rendering issues. Hello, I designed this website http://www.aitputd.org/conference and found that it has compatibility issues when viewed with different browsers. e.g. The 'font' of the menu changes (becomes bold) when viewed in IE and Chrome browsers as opposed to FF3.5 Also The title 'sponsors' on the left does not stay at the center in IE and FF3.5 but seems good in Chrome. Is there a solution to address these problems?? Any help is highly appreciated. Regards, NP I am not an amatuer, I'd think, but for some reason I am having trouble slicing up this image into a site (http://www.pigseldesign.com/tartan_mod.jpg). The top menu is the problem area, but I think my trouble comes into play due to me using tables. I haven't really delved into DIV tags yet to understand how to make it work in that form, but it doesn't seem like it would be difficult. I've just split the image into four columns and the menu falls into the 3rd. Problem is, when I make the cell's background the black/gray gradient, it spans to match the height of the patterned banner on the left (in another cell), even after I set the menu's cell's height to what it should be. I know there isn't much concrete information to work with, but any help would be greatly appreciated. Even if there were a program where I could just slap this in and have it spit out what I need. I just want the code clean, correct and looking right. I am attempting to make it so when a member posts to the tumblr blog that their name and image appear next to their posts. I noticed that there was some block:post variables that describe this function as being somewhat of a possibility. Am I wrong in that assumption? I am unfamiliar with where to place this code or if it needs any associative div tags to make this functionality take place. I plan to have 5 additional users and that will all have TUMBLR accounts and profile images. What variables and in what location/format would I have to include in the HTML editor to achieve this function? I found the following groupMember block variables on the custom themes section and am at a loss. Any help would be appreciated. Thank you very much! Here is the different types of variables: http://www.tumblr.com/docs/en/custom_themes#text-posts Group Members Variable Description {block:GroupMembers} {/block:GroupMembers} Rendered on additional public group blogs. {block:GroupMember} {/block:GroupMember} Rendered for each additional public group blog member. {GroupMemberName} The username of the member's blog. {GroupMemberTitle} The title of the member's blog. {GroupMemberURL} The URL for the member's blog. {GroupMemberPortraitURL-16} Portrait photo URL for the member. 16-pixels by 16-pixels Hello all im new to forum. i am building an online portfolio and im trying to make sure it works for the most used browsers. The code i have written works perfectly fine for IE but when using FF i have problems The problem im having is to do with my Navigation Bar. When i mouse over the navagation bar in FF it only works if i mouse over the bottom of the "image" of the navagation bar. Can anyone see why this is happening? i will post the relevant code and an example url. <LINK REL=stylesheet HREF="http://maths.sci.shu.ac.uk/students/Keenan_Liam/stylesheet.css" TYPE="text/css"> </head> <div style="POSITION: relative; TEXT-ALIGN: center"> <span style="WIDTH: 1000px; POSITION: relative; TOP: 104px; TEXT-ALIGN: center"> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/home/index.html" target="_blank" class="opacityit"><img width="100" height="29" alt="Home" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/homeRj.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/cv/index.html" class="opacityit"><img width="100" height="29" alt="CV" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/mycv.jpg" border="0" ></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1/index.html" class="opacityit"><img width="100" height="29" alt="Year 1" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year1.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2/index.html" class="opacityit"><img width="100" height="29" alt="Year 2" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year2.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3/index.html" class="opacityit"><img width="100" height="29" alt="Year 3" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year3.jpg" border="0"></a> <a href="http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4/index.html" class="opacityit"><img width="100" height="29" alt="Year 4" src= "http://maths.sci.shu.ac.uk/students/Keenan_Liam/year4.jpg" border="0"></a></span> </div> the url is http://maths.sci.shu.ac.uk/students/...me/index2.html Thanks, Liam Dear forums! I'm having issue with an padding-problem which i'm not able to solve on my own. I don't understand why my code returns the problems that it does, but it for some reason does. Okay, what is the problem? I've drawn them into this picture; http://i42.tinypic.com/4v1veo.png The problem is that the first navigation-button starts off with about 10-15 pixels, and ends about 3 pixels out of the actual navbar (if you check the borders). I would like to remove this, so that the navbar button covers the whole area of the navbar div / element, without starting too late or ending too late. CSS code can be found here; http://www.myhrensolutions.net/tolkf...sign/index.css the HTML-code can be viewed here; http://www.myhrensolutions.net/tolkfirma/tjenester.html All help is muchly appriciated, thank you! - Scott. So I feel like chewing on my monitor at this moment. May I graciously and pleadingly ask for someone to help before I'm electrocuted as I chew through the computer? For weeks I've been searching the internet for a way to remove the white space on the marquee which appears at the beginning and at the end when it loops around without speeding up the feed. I've read through the posts here but I'm a very novice html user and some of the more advanced coding leaves me dumbfounded. Somewhere online I read about using negative margins to reduce the blank space but was entirely unsuccessful. Could someone maybe just tell me what to add to the following code to remove that dreaded blank space? Thank you, thank you, thank you! <marquee bgcolor="#708090" scrollamount="1" direction="up" loop="true" width="400" height="400"> <center><font color="#ffffff">How do I remove the emptiness or possibly create negative margins to reduce the amount of blank space at the beginning and end of the text as it loops through?<br><br>Adding more text or looping it faster or shrinking the size of the marquee is not effective.<br><br>Could anyone use this code and give an example of the negative margins or some other option?<br><br>Thanks!</font></center></marquee> Hi, I have a table with a background image. i want that this background image adjust itself dynamically according to the size of the table. Can this be achieved. can anyone post any technique of doing this? Thanks in advance geniuses htmlgroom Hey all, I'm new here, and I love the layout of this website! I like the bright colors! Anyway... I created a website layout/site in Photoshop CS 5. The website: www.thegarbagedump.net I saved it as a html & images.. The issue I am having is when you click one of the bottons I want it to open the html document and display it within that square area with the border around it. I know I probably need a frame to do this, however I dont know how to add a frame, and it appears photoshop saved it in tables.. Could you please review the html source, and tell me how/where to add a frame, and make the Home, About, Domains button appear within that square area with the border? Thank You, Justin Hi, I'm just learning html and I'm creating my website in Frontpage 2003. I looked in IE6 and my individual pages are exactly how I want them to look. However, viewing the same pages in Firefox presents me with a problem I'm not sure how to correct. It has to do with the center table. I originally copied and pasted the contents from Excel into the table (which I think was a mistake now). My workaround to this was copying and pasting the contents in the table into Notepad; and also shortening the length of each line; and then re-pasting the contents back into the table. It looks o.k. in Firefox but the alignment is no longer "justified". Can someone please tell me what I should be doing in the html code here? To see what I mean please open the link below in both IE and Firefox. http://www.prosperityteachers.com/ne...ew_thought.htm Much appreciated! Hi Friends, I've created an html coded email signature for Outlook 2003 (old, i know) and need some help. I've inserted a few images and linked them back to my company's social media platforms. When I insert the html template into Outlook it places <> after each picture/icon that i inserted. Any suggestions on how to remove these?! i finally figured out how to remove the underline but now i'm stuck with <> and can't get it to go away! PLEASE HELP!!! I am not the most technically inclined, so the wording may be iffy ... but I noticed that when I use a table to align images (like jpegs or gifs), my webpages get skewed only when I view them in Windows internet explorer 8 (things seem to be okay in Mozilla, Safari, Chrome, etc etc) ... anyone know why? here is an example: I put an image with a width="32" and a height="29" into a 'TD' tag (data for table) that is also designated a dimension of 32 by 29 pixels ... for some reason in explorer the images skew the table and distort my webpage. note: I set in the table tag: cellpadding = 0 cellspacing =0 border=0 ALSO i set inside the img src tag a 'border=0' to be safe look at the following example (in explorer 8 then the other browsers that seem to work): http://missko.shacknet.nu/cityofrose...bleexample.htm .. in the first (very small) image to the left you can see a green background color just below the image (only in Windows internet explorer 8) meaning it did not fit within the 'table data' boundaries for that particular table. i hope this makes ANY sense .. this is driving me CRAZY! it is happening with ALL my stuff .. i have a feeling there is no way around this. any ideas? thanks. Hello, I've got a simple page with frames and a list of links. I'm trying to get hyperlinks to open into a frame called "PicFrame." The code I've got works (opens the link into the PicFrame) in IE8, FF, Opera, and Chrome, but not IE6 or IE7 which is what my 2 computers use most-frequently. Does anyone have any suggestions for a workaround? A fragment of the simple code is below. Thanks. HTML Code: //WITHOUT A HYPERLINK
<TR><TD>
<font size=2 face="verdana">Team 6 - Dewey, Killum, & Howe</font>
</TD></TR>
//WITH A HYPERLINK
<TR><TD>
<font size=2 face="verdana">Team 7 - <a href="picturePage.PHP?id=003-1-2009-07"; target="PicFrame";> Setting John Malkovich</a></font>
</TD></TR>
I'm experiencing an issue when using DIVs in DIVs.. I have a container-DIV and a content-DIV, and I would like the container-DIV to stretch vertically as necessary based on how much content is in the content-DIV. Code: <html>
<header>
<style type="text/css">
#divContainer{
position:absolute;
top:10px;
left:10px;
height:100%;
width:200px;
background-color:#CCC;
}
#divContent{
position:absolute;
top:10px;
left:10px
width:180px;
background:color:#BBB;
}
</style>
</header>
<body>
<div id="divContainer">
<div id="divContent">
<!-- Fill me with content -->
</div>
</div>
</body>
</html>
This is basically the code I'm using... whenever the content amount pushes the divContent lower than the bottom of the divContainer, it just overflows out and down the page. What am I doing wrong? Edit: OOPS I set height to 100px on the divContainer, it was supposed to be 100% |
|||||||