|
HTML - Html Issues - An Image Distorts My Tables Only In Explorer? Anyone Know Why??
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. Similar TutorialsI 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. 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 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!!! Hi I've just published a rough version of a portfolio site that I am trying to put together, http://www.kos-mediadesign.com Everything looks exactly as it should in firefox and safari but in explorer some of by divs are sticking to the sides of there browser resulting in the layout being messed up. Also a div that contains a link to the homepage (on the logo) seems to have disappeared. Can anyone help me? I need this site finished asap. Hello all, thanks for all the help you guys give! I am having a few problems in IE only....Please visit http://www.firstpresgreenville.org/ At the top of the page please notice the search form...In IE, a box extends down and covers part of the text below....this doesnt happen in Firefox or Chrome... Also, at the bottom of the page there is a content slider...In IE, the numbering shows as solid white boxes....In Firefox and Chrome the boxes are white with blue numbering... I am sure these are easy fixes but i cannot figure out the best route to take.... Any help would be greatly appreciated! http://bowmansales.com I am having issues with the category pages (Heavy Duty, Light Duty, Cars, Etc....) not printing out correctly in Internet Explorer 7, it works fine in FF 3.0 and 2.0 but can't seem to find out what's not getting along with IE7. If you do a print preview in IE7 you can see that at the bottom of the pages 2 extra vehicles almost float under the last 2 that should print on the page. Because this is using a CMS using the CSS page-break-before/after isn't really an option. All and any suggestions are welcome and will be tried!! Thanks, Jake Hey guys, I'm new here, and still somewhat of a noob when it comes to html and web design so be easy on me. One of my new projects is creditcardrewardzone.com, which I thought was looking pretty good until someone told me that it was completely screwed up when they looked at it in Internet Explorer on their windows machine. I myself work on a mac and check it with safari, firefox, and IE, and everything looks fine, but for some reason in IE on windows, the tables run really long to the point where the site isn't functional. If you go to the site and click on cash cards, you can see what I mean. Can anybody look at my code and see if there's something I'm doing wrong? Thanks a lot, I look forward to staying at the forum and probably asking a lot more questions! Josh Hey everyone, I have some problems with my website. Basically for some reason when you open my website in Internet Explorer, The tables are messed up, It's hard to explain but basically for some reason it has a massive amount of spaces before the actual text starts. However in firefox the website works perfectly. Here's a link so you can see for yourself what I mean: http://SpiritualSatanism.com Any idea what this could be and/or how to fix it? Thanks, Nightfoxx Hello, I am loading a webpage with an embedded youtube video (and paragraphs of text data) into an iframe window. This works fine, but when I scroll the iframe window (up/down), the youtube video doesn't scroll with it. It distorts. To be clear, I have two browsers, Mozilla Firebird, and IE6, and in Firebird it works fine, IE6 is where I have the trouble. Here is the code. Here is the css part of the loaded page: Code: <STYLE TYPE="text/css">
<!--
#video {
position: absolute;
margin-top: 200px;
margin-left: 20px;
}
-->
</STYLE>
here is the embedded video of the loaded page Code: <div id="video"> <object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/Yi-wNLT3HjA"> </param> <embed src="http://www.youtube.com/v/Yi-wNLT3HjA" type="application/x-shockwave-flash" width="425" height="350"> </embed> </object> </div> Okay, now here is the iframe code, the window into which the video is loaded The css part Code: <STYLE TYPE="text/css">
<!--
#datawindow {
position: absolute;
filter:alpha(opacity=80);
width: 210px;
height: 600px;
margin: 0;
margin-top: 180px;
margin-left: 180px;
font-weight: normal;
}
-->
</STYLE>
The code in the body: Code: <div id="datawindow"> <iframe name="stuff" id="framewindow" src="home.html" frameborder="0" scrolling="auto" width=500 height=510 marginwidth=5 marginheight=5 scrolling="auto"></iframe> </div> Does anyone have any idea what I'm doing wrong, why the video isn't properly scrolling in the iframe window? Thanks for any feedback! hey, thanks for opening this thread im having a few issues with my website, for some reason in IE the tables/pics are not aligned in the same way they are in dreamweaver, firefox or safari... anyone help curing this problem so its fine in firefox or safari, but silly in IE. heres the page http://www.spawellingborough.co.uk thanks in advance Nim Hey, Recently I've been coding the research group webpage for work. I used standard HTML 4.01 and CSS, which all verified perfectly with W3C, but for some reason IE is throwing a proper hissy fit! Whatever other browser I use (Firefox, Safari, Opera, and Google Chrome) it works fine, but IE doesn't seem to see the base properly so all my image and style file subdirectories aren't found. Here's a few lines from the header where I define the stuff of interest: HTML Code: <title>Mark E Vardy - Summary</title> <base href=""> <link rel="stylesheet" media="all" type="text/css" href="css/layout.css"> <link rel="stylesheet" media='all' type="text/css" href="css/style.css"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> Anyone any ideas? How to create explorer like menu in Html or java script? eg + Game(inside this Cricket and Football) when click on + sign it become like-- - Game -Cricket -Football Can anybody suggest me, by which command I can do it? Commercial Removals || Removals and Storage||Specialist Removals Hi guys, I posted a tread last week about a preloader to load and cache multiple files (swf) that are at different addresses before playing a flash page. Someone finally posted an answer, and the code is almost working perfectly. The way to make it work is by having an .html file, an .as file and a .swf loader file. But right now I have an issue with the html file. It's working perfectly in Safari and Firefox but not in Internet Explorer. In IE the swf appears really small in the window. Any ideas why ? The test address is; http://www.liferevolution.com/test2/ Here's the code for the html; HTML 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
var flashVars = {};
flashVars.fileToLoad = "main1.swf"; //change here to same url wrote into the preloader array
var params = {};
params.scale = "true"; // exactfit, noscale, noborder
params.allowfullscreen = "true";
//params.salign = "center";
params.allowScriptAccess = "sameDomain";
params.quality = "high";
params.menu = "false" ;
params.bgcolor = "#000000" ;
var attributes = {};
//attributes.align = "center";
attributes.id = "mbox";
attributes.name = "mbox";
var breite = "0";
var hoehe = "0";
var swfFile = "javaScriptCaller";
var mainFlashApp = "myFlash";
var flashVersion = "9.0.0.0";
swfobject.embedSWF("preloaderExample.swf", "myFlash", "100%", "100%", "9.0.0.0","expressInstall.swf", flashVars,params,attributes);
function fullScreen()
{
posHelper("100%","100%");
posHelper2((breite-20) + "px",(hoehe-20) + "px");
var ele = document.getElementById("flashPosition");
ele.style.margin = 0;
ele.style.top = 0;
ele.style.left = 0;
ele.style.width = "100%";
ele.style.height = "100%";
}
function posHelper (b,h)
{
var ele = document.getElementById("flashSize");
ele.style.width = b;
ele.style.height = h;
ele.style.overflow = "hidden";
}
function posHelper2(b,h)
{
var ele = document.getElementById("htmlContent");
ele.style.position = "absolute";
ele.style.top = "0px";
ele.style.left = "0px";
ele.style.margin = "10px";
ele.style.width = b;
ele.style.height = h;
}
function onLoadBody()
{
fullScreen();
}
</script>
<style type="text/css">
<!--
html,body {
padding: 0;
margin: 0;
height: 100%;
width: 100%
}
#meinFlash {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
margin: 0px;
}
#htmlContent {
}
-->
</style>
</head>
<body onload="javascriptnLoadBody();" style="background-color:#000000;">
<div id="flashPosition" style="background-color:#000000s; z-index:3;">
<div id="flashSize" style="z-index: 2;">
<div id="htmlContent" name="htmlContent" style="z-index: 2;"></div>
<div id="myFlash" name="myFlash" style="z-index: 1;">
<p>Alternativ für Flash</p>
</div>
</div>
</div>
<script type="text/javascript">
var x = 0;
</script>
<noscript>
<p>Javascript NoScript</p>
</noscript>
</body>
</html>
Thanks in advance !!!! I want to create a image with a 0 px height, to force a mininum 1000 px width in Internet Explorer. Then problem is that the image still has a 1 px height. Anyone know how make a work-around or some way to create a image (or another item) with a 1000 px width and a 0 px height. I have created a website www.aplexia-villas.co.uk. The problem is with two of the images. They have a gray background in IE, but on firefox they are fine. Does anyone know how i can make the transparency work? I have tried different formats: .png .jpeg .gif Thanks for you help. why? thanks I am trying to create a table with one cell that contains an image. The image must fill the table vertically from top to bottom. The same code works fine in Firefox, but in IE, it always leaves a gap on the bottom right after the image. Any ideas? Here's the code: <table width="100%" border="1" cellspacing="0" cellpadding="0" height="100" vspace="0" > <tr valign="bottom" height="100" > <td height="100" bordercolordark="000000" > <img src="images/test.jpg" width="600" height="100" vspace="0" hspace="0" border="1"> </td> </tr> </table> Thanks a bunch. Hi all, I can not seem to figure out why a form on my fathers website is having trouble being read by Internet Explorer. The text directing what should be written (ie. Name, Telephone, Email Address, etc...) is being cut in half. I have no idea why it is doing this I have tried playing around with the cell padding to no avail. I appreciate you help Thanks, Josh Korn hello. i have a table in HTML (made with Dreamweaver) with some text in one row. when i browse it with IE the text is where I putted it but with Netscape the text is much lower. before the text i have one colored column (widith 2 pixels), in IE it is visible correct but with Netscape Navigator it is missing. only if i incrase the widith i can see it with Netscape. Can somebody help me solve this problems? Thank You in advance. |
|||||||