HTML - Help With Site Image That Does Not Load

This is giving me serious grief.

I've set up an index page containing a number of thumbnail graphics.

One of the images (the 12th) loads fine in IE7 and Safari, but not in Firefox 3 or Opera.

Here's the link:

http://www.pragma.pwp.blueyonder.co....ono/index.html

Any thoughts?

I have a very strange intermittent problem that I can not figure out. Sometimes, one image on my page does not load. When it does not load the image in the <div> next to it is in its place, and next to that image there is a blank spot the size of the image that did not load.

The part that really confuses me is that when I view that pages source the <img> tag is there with the name of the image. The name of the image is rather long, about 25 characters long. The first thing I am wondering is if a long file name might prevent the image from loading. I doubt it... but, I don't know what else to consider.

Here is what that section of code looks like:

<div class="noBorder">
<a href = "http://www.luckygamez.com/"><img src="img/Lucky_Top_312_90_Bubble.jpg"width="312" height="90" vspace="0px"/></a>
</div>

Thanks,
Matt

Hi !

I want to delay loading an image (Logo.gif) a while while the backgound image is loading.
How ?

/Bertil

Hi,

I want to add some flash to my header image on my website.

Before i add the flash i was wondering if there was any code i could use to first check if flash is installed and if not for it to just ignore the flash and load the background image.

The flash is just going to be an animation of my logo.

Is there something i can do similar to when you use code to check for browser version?

If the person has not got flash installed i don't want them to be promted to install it i just want it to load the static logo image which will be set as the background image behind the flash. For people with flash already installed i would like the flash annimation to load.

Any ideas on if this is possible would be appreciated

Thanks in advance

CC_DESIGN

Hey,

I am using a background image on the body section of my page; however it loads very slowly. I there a way to speed up the load speed without reducing the clarity or detail of the image using either CSS or HTML?

Right now the image is 2.2 MB, which is part of the problem. But when ever I shrink the size in gimp, the detail of the image is reduced..

Thanks!

Is it possible with html? i've been working on a site but each time you click the next arrow a new page loads, all the text is in the same place so it doesn't move and is even in a fixed div but due to it being a new page everything loads, the text collapses until the larger image in the center loads. Of course this is fixed when the site is cached but of course the site would only be cached once someone has clicked through it and experienced the problems 27 times...

so my question is is it possible to code for when i click the next arrow only a new image from a different link to load? is this possible with html? I don't know a single thing about flash or javascript.

thanks for all the help in advance here is the page in question (not done but you can still see the problems. the home and bio links well, aren't links yet)

http://www.paulodourado.com/

hi,

i have an image rotation code, but its working on switching the code on a timer, and i want it to appear randomly on the page load. anybody know how to change the code? i have the timer part of it below.

thanks in advance.

var interval = 1.5; // delay between rotating images (in seconds)
var random_display = 1; // 0 = sequential, 1 = random
interval *= 1000;

ok, ive tested this several ways and im stuck, ive coded the PHP navbar pretty much the same as the HTML version of my site.. but in th PHP page it wont show.

I think the sprite is confliction in some way, dont see a way to put my finger on it:

It concers this page, the red square.

the whole Navbar:

Code:

<ul id="navigation">
<!-- SVIB ww / er -->
 <li><a style="background-image:url('img/nav/4back.png'); width:81px; height:80px; position:relative; border:solid 2px red;" id="bol_4" href="?page_id=2">back</a></li>
 <li><a id="bol_1" href="?page_id=187">1</a></li>
 <li><a id="bol_2" href="?page_id=189">2</a></li>
 <li><a id="inloggen" href="inloggen.php">3</a></li>  
 <li><a id="bol_3" href="?page_id=55">4</a></li>  
</ul>

and the CSS, which is pretty important in finding the error i believe:

Code:

 
#navigation {
padding:0;
margin:0;
list-style-type:none;
margin-top:-511px;
margin-left:560px; 
	
 }
#navigation a {
    display:block;
    width:131px;
    height:128px;
    background-image:url(../img/nav/svib_compleet_sprite.png);
    text-indent:-9999px;
    outline:none;
 }

/*TERUG*/
  #bol_4  {
	width:40px;
	height:81px;
	position:relative;
 	top:4px;
	left:4px;
	border:0;
 }
#bol_4:hover {background-position:81px 0;} 

Testing a new concept on our site,

here is the test page http://www.victorylifecenter.org/tadtest.php

You will notice an image on the top left corner, this is just a scrub image I found for testing purposes, but for some reason I can not get the image over the entire site?

Also, wondering how I would get an image to move across the site?

Thanks
Pastor

Hi,

I am new to writing html but am learning. I would like to be able to include an image on the site I am creating I am currently doing this by writing this;

<html>
<head>
<title>Title</title>
</head>
<body>
<u>Here is the text</u>
<img src="image1.jpeg" />
</body>
</html>

I then have the image i need saved in the same folder as the .htm file. When I load up the website my browser I get a small blue box with a question mark on it and an associated error described as "The requested URL was not found on this server". I was wondering if anyone might be able to help me out as I am sure there is just something quite simple I am getting wrong. Your help is most appreciated.

Cheers!! :-)

I made this site www.matildarestaurant.com

Right now for a special, I am trying to super impose an image into the upper left hand corner of the page. Just one image, in that corner specifically. How would I accomplish this?

It would be something like http://www.cornify.com/ only more specific in terms of position and less hilarious

thanks!

I am currently working on a web site. and i have got a few problem's with it so far. with the image's streching. i want to make it so a 1px width image can stretch along with the web site when information is type in to the news ill give you a link to a image showing what i mean and a link to a copy of the web site since ilm not worried about people having it. Ilm great with 2d art.. and i suck with html. but i am learning slowly if anyone could help me with this problem i would he very great full!

if it needs any work done on the frame's i can do that if it would help.

i have attached files below! =]

edit: and here is a image on how it looks without text in the middle =] so u understand what i am getting on to more. =]

I am trying to add an image to a site that my company recently purchased. This will be the only thing on the site and I assumed it would be fairly easy...

The code I have is:

<head>

</head>

<body>

<img src="gg_lightsout_teaser_web.jpg" width="1650" height="1275" alt="none" />

</body>

</html>

Anyone see the issue? I have not done HTML in a long time... Thanks!!

I've found some help here already, so thanks in advance to the good folks that help us novices.

I have just a couple that need addressing, but they're pretty important to me, so hopefully someone can spell them out.

I'll explain them below but here's a quick rundown first:
1.) Wrapping text around a captioned image
3.) A pop-up text bar when a link is moused over.

1.) When I'm posting an image, a caption is almost always necessary. Here's the code I've been using for the image and caption:
"<table class="image">
<caption align="bottom">CAPTION</caption>
<tr><td><IMAGE LINK></td></tr>
</table>"
But when I post like that, there's a break between paragraphs to show the image, which disrupts the reading flow. I need a code that will let me post an image, add a bottom-aligned caption, and still have the story text appear alongside the image.
NOTE: I've been shown the "align=left/right" code, but where do I insert that in the code listed above?? I've tried right before and right after the image source code, but to no avail. Help, please!!

2.) I'm willing to spend hours to learn this one. Somebody, somebody has to know how to do this one. It's done on this site!
OK, here it is.
You mouse over a post listing, and a text bar appears next to the cursor. In that bar is the first few lines of the person's post.
HOW IS THIS DONE???
For someone looking to find new ways to boost hits on a news site, this is a priceless gem. If anyone knows how to do this or something similar in HTML, PLEASE let me know.


Thanks in advance to each and every person who reads this, and a special thanks to those who take the time to help. It means much.

aefattwotgm@aol.com

Hello,
This is my first post here, the site is great so far.
Anyways, I have a proxy site and I submitted it to alot of top lists, which require you to put a piece of code to link back to them. Problem is, the little pictures take up alot of space and take a while to load, so I was wondering if there is a way to disable images for a part of the page, so that it will be lots of text instead of pics. (the image link has alternative text).
Heres the site: http://www.redprox.com/

Thanks!