|
HTML - Ie6 Div Bg Shows Red Before Images Are Loaded
Hi Everyone,
i have a peculiar problem with IE6. The header on of the site I am working on right now (http://www.mobilitynow.de) is a DIV Container in which I am loading several PNG images (without transparency). They have a Java script rollover effect. In IE6 (not in any Firefox, Opera or higher Version of IE) the BG where the images are to be placed is shown red while the loading of the images is in progress. Anyone has an idea what the problem might be. Suggestions would be really appreciated. Thanks a lot, Jonathan Similar TutorialsOn my site I am trying to have 2 separate images load randomly, that part I have figured out, however, each image is actually a 2 sided banner with a link on each side, as of right now I am using the code below link each image to a single page, however, I need to map 2 different links on the image and I'm unsure how I should edit the code to do that: function showImage(){ if(whichImage==0){ document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=645 height=125></a>'); } else if(whichImage==1){ document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=645 height=125></a>'); } else if(whichImage==2){ document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=645 height=125></a>'); } else if(whichImage==3){ document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=645 height=125></a>'); } else if(whichImage==4){ document.write('<a href ="link.html"><img src="'+theImages[whichImage]+'" border=0 width=645 height=125></a>'); } } </script> I am making a page with a load of thumbnails which are links to other pages. The code is essentially... Code: <a href="#">
<img src="thumbnail" />
<span>
<img src="larger image with some nice css styling" />
</span>
</a>
a span has display none and and a:hover span has display block. What I want to know is does the larger image load with the whole page or does it only load when you hover on the link. I.E. does having loads of hidden images effect page load time? Thanks Helllo, may I ask something. I have the following poblem: Everything I talk about now is an offline and local file (even in the same folder) situation. If there are two JPEGs in a zip file next to the html file, is there an html-syntax that makes IE8 using the Win7 zip-engine, unzip and regularily "download" the two JPEGs into the normal "Temporary Internet Archives" folder (only to there, the unzipped JPEGs don't lie in the RAM or anwhere else on the HDD) and show them. In short: For a folder containing the html-file and a zip-file with the two pictures, is there soemthing like this: <HTML> <HEAD><TITLE>testing...</TITLE> <BODY> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD> <IMG SRC="Waikiki.jpg" ARCHIVE="Oahu.zip"> </TD> <TD> <IMG SRC="Honolulu_City.jpg" ARCHIVE="Oahu.zip"> </TD> </TR> </TABLE> </BODY> </HTML> This "fantasy code" doesn't work of course. The ARCHIVE command is some JAR related solution as far as I have read. But is there anything like this that does work? Thank you very much for reading. anikk first of all, i'm sorry if this is a repost, basically i've uploaded an audio player to a site, www.habit-music.co.uk, ( i know this is a scruffy code btw.) The player works fine in firefox, chrome, etc, but in ie it shows as a white box, how can i fix this? also my spry nav bar does the same. On a side note if anyone knows of a better audio player could you tell me please? thanks, olly Hey there. This is my website which the music that i inserted in cannot be played with IE and Firefox.However where i created the website in my computer (that is stored in my Memory Hard) the music can be loaded by Internet Explorer (after allowing Block Content bar), but cannot be loaded by Firefox. is the problem from the HTML code??? i used this code as u can see in my website... <embed src="music/black cats.mp3"></embed> have also tried this <embed src="music/black cats.mp3" />and again failed on the net. I am working on a blog site with embeded videos and I keep getting the error icon at the bottom right. It always shows up on any video posts. Anybody got any pointers or want to review the code? I created it with wordpress. The main page loads with errors only if a video post is there. if its only regular posts such as picture posts, there are no errors, and the individual video posts have the same error. Any help or ideas would be greatly appreciated. Before you click the link, it does contain adult material. ** link removed ** edit: this is my first site using wordpress and I have very little experience with html, only self taught . Hey all! I'm just starting to work on a site and already it's giving me a hard time. It's not much at the moment, but here's where I'm at http://comgardens.com/wandl/index.html If you hit the refresh button a couple of times you'll see that the content jumps, at least in Firefox, and I can't figure out why. Anyone have any ideas? Thanks!! How does one make a bar that creeps across as the page loads so that the viewer knows when the page is fully loaded? Thank you, KarlT HI, Code: <html>
<body>
<table>
<tr><td id="td">
<label id="la">HI</label>
</td></tr>
</table>
<script>
document.onload=f();
function f(){
alert(document.getElementById("td").width);
}
</script>
</body>
</html>
in the above code i am not setting any style to TD element or LABEL element , but after the document loaded i need to get the width of either TD or LABEL element. is there any possibility to achieve that? help is highly anticipated Thanks R I have a website, which I plan to make a random image load each time the page is refreshed. I would like to use an image map within this image to make certain parts hyperlinks to different areas. Unless I make it so that the image's link (using the image map) are in the same place within each picture, can I do it? ie (excuse the crap image drawing) Load one: ======== =Link1-----= =-----Link2= =Link3-----= ======== Load Two: ======== =-----Link1= =Link2-----= =-----Link3= ======== Both the image and the image map need to be updated. Can I do this? I have access to PHP, MYSQL and the normal extras. Thank you for your help in advance Dan Walters Dear colleagues, I'm new in Web design and I don't know all HTML reference. I need one HTML statement to include into a page code, that allow to obtain the file name (like "pagename.html") of the page I load into the browser. This value of "pagename.html" I will use to load in a variable. For example: When I load "home.html", I need that this page have a HTML statement that detect its own filename "home.html". Once detected, I will use this value in a variable. I hope I'm explaining clearly. Thank you for your help! GusSiglo21 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! I want to load a local html file in an IFrame. The main page is loaded from a remote site (http://www.mysite.com). How can I do that if I don't have a web server installed on the local machine? Is there any workaround? Thank you! Hello. I own a website called The Dakini Hut (located at http://populous.strategyplanet.games.../thedakinihut/). I'm having problems with my site, though. You see, I recently updated the layout and its really screwing up, but one of the major problems I'm having is that the whole page won't show. The navigation bar cuts off halfway and you can't see all of the pages/links. This only happens on pages where the navigation bar goes down further than the other tables. Can anyone help me fix this? By the way, it works fine in Firefox and Opera, just not in IE. Ok so i have this webpage designed, have a bunch of images/shortcuts in a big table. When i view it in google chrome, it looks like its supposed to, no border around frames. EXAMPLE CLICK HE http://www.pictrace.com/i/wtfborders2.gif When i view it in IE and FF, the tables have red borders, how would i disable that? EXAMPLE CLICK HE http://www.pictrace.com/i/wtfborders1.gif View the source code here http://www.jasonparkerracecars.com/bikes/ Any advice is appreciated. This image only shows when the doctype is NOT declared, and I can't figure out why. Code: <img src="images/logo.jpg" alt="" /> And here is my doctype: 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"> I ran the page through the W3C validator and there's no errors.... I'm pulling my hair out because I don't understand why an image would disappear when the doctype is removed. Anybody know why? Hi, I know how to include default text in a text area box, but is it possible for it to show a .txt file on the server, would the page need to be php for this? thanks Cant understand why the HTML code is showing on my webpage http://www.mcaorals.co.uk/Fraserburgh%20History.htm also I've another problem, I've checked the coding in W3 http://validator.w3.org/ and I have no errors, but I cant understand why this webpage is getting very little hits, I'm usual around 60 - 65 place with the keyword "Fraserburgh" any help would be grateful thanks in advance Navteacher Hi Guys, I'm trying to put together a simple feedback form floating on top of my background image. However the form shows up with scroll bars on right side and bottom of the form. I've no idea why. How can I get it to just show up as normal without the scroll option? Thanks guys! HTML Code: <style type="text/css">
#main {
width:689px;
margin:auto;
font-family:verdana,sans-serif;
font-size:12px;
}
#header {
height:600px;
width:700px;
background-image:url(http://i827.photobucket.com/albums/zz193/colinbrady1985/CLUB/ClubApp02.
jpg);
}
#header a {
float:left;
width:140px;
height:115px;
text-indent:-9999px;
}
#header div {
float:left;
width:360px;
height:107px;
padding:10px;
color:#fff;
overflow:auto;
}
img {
display:block;
border:0;
}
form {
width:517px;
padding-top:10px;
margin:0;
background-color:#01abe8;
}
form p {
padding:0 5px;
font-size:11px;
color:#fff;
text-align:center;
}
form div {
padding-bottom:10px;
}
form label {
float:left;
width:146px;
padding-left:5px;
color:#fff;
}
form .required{
font-size: 13px;
color:#f00;
}
form .btn {
margin-left:153px;
}
form .btn1 {
margin-left:150px;
}
</style>
<div id="main">
<div id="header">
<a href="">albums</a>
<div id="text"><font size="4" face="Arial">
<div>
<div style=" top:245px; left:45px;">
<form method="post" action="sendmail.php">
Email: <input name="email" type="text" /><br />
Message:<br />
<textarea name="message" rows="8" cols="20">
</textarea><br />
<input type="submit" />
</form>
</div>
</div>
</div>
</div>
|
|||||||