PDA

View Full Version : Blind Picture Links.


dreamweaverhelp
06-08-2005, 01:16 PM
Hello again. In addition to the site I've already posted threads about, I'm working on another one, which is also nearing completion. I've uploaded an index page featuring text and a few photographs into the file manager, and, also, the separate JPEG images for the aforementioned photographs. However, the photographs show up as blind links (I think that's what the jargon term is) when I preview the site in the browser. Any tips on how to rectify this so I can see the photographs? Do I have to embed them into the index page or something? Any assistance is, as per usual, much appreciated :)

domedia
06-08-2005, 03:37 PM
You just have to link to them correctly, and they'll show up.
How does your <img> tag look right now?

dreamweaverhelp
06-09-2005, 02:13 PM
I've reprinted relevant image coding for the three pictures below...

exampleimage.jpg


exampleimage1.jpg</div>

lastimage.jpg </font>[/b]</blockquote>

Any ideas what's going wrong?

Jim_Shady
06-09-2005, 02:20 PM
Not an expert - but you don't need the width and the height bits in do you? Just make the actual image itself the size that you want it to appear on the screen. For example resize the exampleimage.jpg so that it is 250 by 162. If you were defining a smaller size than the actual picture is then it would struggle to show it in the browser.

You also need to double and triple check that you're code is looking in the right place. I guess you haven't got your pics in an 'Images' folder by the looks of the code?

The IMG tag is being closed as well somewhere isn't it? I can't see it being closed from the code posted...

Jim Shady.

domedia
06-09-2005, 02:38 PM
<img> tag is one of those tags that doesn't need to be closed.
attribute WIDTH and HEIGHT are healthy to use :)

Your html code looks fine. Make sure the images you are referencing is in the same folder as your html file! That is where your html page is looking for them.
If they are in a subfolder, you need to link to them as such folder/image.gif
A quick way to find out is to right click on the missing img in your browser, select 'Copy Image Location' and paste it into your browser. If the image does not come up, it does not exist there, and you either need to move the image to that location or fix your img path.

Jim_Shady
06-09-2005, 03:37 PM
<img> tag is one of those tags that doesn't need to be closed.
attribute WIDTH and HEIGHT are healthy to use :)
Didn't realise they didn't need to be closed! Oh the hours I've wasted.... I could have been at the pub.... :D

Whats the benefits of using width and height by the way Domedia? You presumable have to make sure that the values entered match the size of the image?

Shady.

domedia
06-09-2005, 03:53 PM
Browsers render the page during pageload better when it already knows the size of the images through the html. When you don't set the height and width of images, and it takes a little time for the page to load, you'll see the content 'jump' around until all images has been placed. Height and width are not required attributes, so you're just fine not using it as well :)

dreamweaverhelp
06-10-2005, 07:36 AM
Cheers, guys. I dragged and dropped the pictures into an Images folder and everything rectified itself. One more snag, though. There's a hyperlink designed to take you to the top of the webpage, yet, when I click it in browser, I'm taken to a "This Page Cannot Be Found" screen. Any hints on how to make it a live link? :)

Jim_Shady
06-10-2005, 08:25 AM
Can you show us the code behind the link please?

In Dreamweaver you can place an anchor at the top of the page and then highlight the text later down in the page that you want to link to it, and then drag the 'Link Pointer' or whatever you call it until it points to the anchor and then release your finger off the mouse. It should create the link for you.

Shady.

dreamweaverhelp
06-10-2005, 09:40 AM
Sure. Here is the code...

Link To Top Of Webpage. (Untitled-2.htm) </span>[b]<font face="Arial, Helvetica, sans-serif" size="2"><font color="#FFFFFF">




Interestingly, the link works when I'm previewing in Internet Explorer, yet not when I'm previewing via the File Manager in MSN Explorer, and the pictures show up in the MSN Explorer, yet not in Internet Explorer. I'd be very grateful for any assistance as to what's happening with this as well :)

domedia
06-10-2005, 01:32 PM
<a href="Untitled-2.htm"> ..this is not the top of your webpage, but another page.

Named Anchors ('http://www.dreamweaverclub.com/forum/index.php?showtopic=488') has already been pretty well explained by cperkins :)

dreamweaverhelp
06-10-2005, 04:15 PM
Much appreciated. The link now works in whichever browser I use, but the pictures still appear as blind links when I preview the site in Internet Explorer's browser. What might be amiss there?

domedia
06-10-2005, 05:34 PM
It can only mean one thing, the path to your image is wrong.
Two questions:
1. Are you using DW's preview function, or are you uploading to server and viewing from there?
2. What is the actual code of your <img> tag?

total newbie
06-13-2005, 11:37 PM
Hi... I think I may be having a similar problem...
If you look at this link:

www.vandomselaarmotorsport.com/Loriindex

All that shows up is a blank page, but you can see the source code..
Any idea what I am doing wrong???

Thanks much,

Lori

domedia
06-14-2005, 02:58 PM
Not Found
The requested URL /Loriindex was not found on this server