Image map header comes up along with red x.


Author Message
Tony

Posted: 12/6/2009
Quote message 

I have an image map for my header with 5 buttons.
They all work, and the image shows up, but so does
a "red x" in the upper left corner.
http://captainblackbeak.com/wordpress/


The command "src="BLOG_ALL_LAYERS.jpg" does
not seem to be working. I can rename it, and the header
still shows up.
I tried to load my code, but in the "Preview" it did not show up.
If anyone can help me, I would appreciate it.
Thanks
Tony
 
Garry

Posted: 12/6/2009
Quote message 

The "red x" only appear in Internet explorer, but not in FF and it seems like some image on your site is missing as IE always display a cross for a missing image.
 
Tony

Posted: 12/7/2009
Quote message 

Quote Garry:

The "red x" only appear in Internet explorer, but not in FF and it seems like some image on your site is missing as IE always display a cross for a missing image.


I did not have FF loaded on my PC, but Netscape showed the same problem. Also when I remove my 'map image" code, the "Red X"
goes away. I can also remove the image in the map code
scr ="", and the image still comes up and with the "Red X". Probably
because it is the same image that I used in the Artisteer Program for
the header. Anyway thanks for replying. I will see if tech support can figure it out.
 
GerritWP

Posted: 12/7/2009
Quote message 

Google chrome looks everything fine, only i dont understand/like that all pages and blog are different design.
 
Jane

Posted: 12/7/2009
Quote message 

/wordpress/BLOG_ALL_LAYERS.jpg does not exist.

Remember you must give the path to the image from the wordpress root page for images included using the img command.


 
Garry

Posted: 12/7/2009
Quote message 

Seems like image path issue
 
Tony

Posted: 12/8/2009
Quote message 

Hi Jane, Gary,
I cannot figure out the path for the wordpress root.
On my ISP the theme is located at...
/etc/wordpress/themes
I have tried the following...
src=www.captainblackbeak.com/wordpress/BLOG_ALL_LAYERS.jpg
and variations, but no luck. The image map works, but the "red X"
still comes up.

Tony
 
Garry

Posted: 12/8/2009
Quote message 

Simply upload your image to /wp-content/themes/yourtheme/images/ folder and give path www.captainblackbeak.com/wordpress/wp-content/themes/yourtheme/images/BLOG_ALL_LAYERS.jpg
 
Tony

Posted: 12/9/2009
Quote message 

Hi,
I appreciate your work. Here is what I tried. Also I "telnet" over to my ISP dir, and wrote down the paths. My user name is "capt74"

Red X is still coming up.

It looks like my ISP had a non-standard installation?


FIRST I TRIED THIS AFTER LOADING MY jpg INTO THE image DIR.

<div id="usemap">
<img src="www.captainblackbeak.com/wordpress/wp-content/themes/BLACK_BEAK_BLOG/images/BLOG_ALL_LAYERS.jpg" width="862" height="170" border="0" usemap="#Map" />


I ALSO TRIED IT LEAVING OUT THE wp-content

<div id="usemap">
<img src="www.captainblackbeak.com/wordpress/themes/
BLACK_BEAK_BLOG/images/BLOG_ALL_LAYERS.jpg" width="862" height="170" border="0" usemap="#Map" />


capt74 is my user name:
#################################################

THIS IS WHERE I HAVE BEEN LOADING MY THEME

pwd
/usr/home/capt74/etc/wordpress-2.3.1/themes
BLACK_BEAK_BLOG
almost-spring
default
classic
ocadia

#################################################

ANOTHER AREA THAT HAS wp-content

pwd
/usr/home/capt74/www/htdocs
wordpress --> /usr/local/wordpress-2.3.1

wp-content
cd wp-content
plugins
themes
uploads


cd themes
BLACK_BEAK_BLOG
default -->/usr/local/wordpress-2.8.4/wp-content/wp-themes/default

##################################################

THIS TAKES ME BACK TO THE FIRST DIRECTORY WHERE I HAVE BEEN
LOADING MY THEME



IF I FOLLOW THE POINTER (wordpress --> /usr/local/wordpress-2.3.1)

pwd
/usr/local/wordpress-2.3.1/
wp-content
cd wp-content

themes --> /usr/home/capt74/etc/wordpress/themes
wp-themes

cd wp-themes
the following dirs....

almost-spring
BLACK_BEAK_BLOG
classic
default
ocadia
almost-spring

Tony

 
Adeptris

Posted: 12/9/2009
Quote message 

Hi Tony,
In IE8 the blog path is added to the front of the image path, if you right mouse and look at the (red X) image properties and you get a path of:

http://captainblackbeak.com/wordpress/www.captainblackbeak.com/wordpress/wp-content/themes/BLACK_BEAK_BLOG/images/BLOG_ALL_LAYERS.jpg


for the 'usemap' tag try:
<img src="<?php bloginfo('template_url'); ?>/images/BLOG_ALL_LAYERS.jpg" width="862" height="170" border="0" usemap="#Map" />


David
 
Adeptris

Posted: 12/9/2009
Quote message 

In FireFox the image is just not shown, if you right mouse click and veiw the page source and click the image src link you will see the text:

The requested URL /wordpress/www.captainblackbeak.com/wordpress/wp-content/themes/BLACK_BEAK_BLOG/images/BLOG_ALL_LAYERS.jpg was not found on this server.<P>


Again you can see that /wordpress/ has been added to the start of the image url.

David
 
Tony

Posted: 12/9/2009
Quote message 

Hi David,
It works! I never knew that one could right click over an image or
"red X" and see the image properties. Very useful in troubleshooting.
Thank you for looking at my problem and helping me out. Now my
wife can start using the Blog for our characters from our books.

Also thanks to Garry and Jane who also took the time to help me
out.

Best Regards
Tony