DW CS3: Images will not preview in local browser

Just like the title said, my images of which I’m inserting onto my document will not likely preview in my personal local browser. What am I performing wrong

Its probably the referencing img method. Can you publish some code out of this file that illustrates the images you may not see

In addition, check that the particular images are where you would imagine they are. In the event the img path is relative (such as < img src=" document. jpg" > ) then the folder that this HTML file was in should have the file. jpg on the inside it too.

Greetings bfsog, thanks to your reply. I started a brand new page in Dreamweaver CS3 and designed a brand new image in Fireworks. It was before just a basic word, " Store, " and I saved it like a. gif file. I stored the item in my main folder and injected the image from the assets menu. The idea displayed fine around my DW insurance coverage, but, yet once again, showed up like a " " when previewing the item in safari (MAC) where the image should are already and only shown the alt label in Opera. Suggestions code:
< body>
< img src=" /images/shop_nav. gif" alt=" shop" width=" 63" height=" 22" />
< /body>
And it does work any better basically create the picture in Illustrator.
The DW page is named, " residence. html (XHTML)*" this is what shows at the top of the site, minus the written estimates. I’d appreciate any enable you to can provide.

Please forgive my insufficient MAC experience…

Should you browse to the folder how the shop_nav. gif file was in and find out the trail to the document. The easiest way would be to view the picture through your browser then copy the correct bar value.

After that, go into your own home. html and substitute the src value of these < img> tag to the value of the particular address bar.

If this works it’s going to determine that it can be the path into the file that is the problem.

We are aware that an individual saved the picture to root/images however where is household. html

bfsog, thanks to your suggestions! I checked the paths and I am just pretty sure we were looking at off. I totally got rid of my root folder along with redefined my site. Now it’s working want it should!

No problem.

Only to clear things way up, lets say you do have a folder named. In this folder you have files just like index. html, about. html, portfolio. html code etc. You also provide a folder within the website folder called. Inside images you’ve graphic files known as ball. png as well as sky. jpg

To get those images appear on your page inside file about. html (which was in the folder) a person’s img tag would look like this

HTML:
< img src=" images/ball. png" width=" x" height=" y" alt=" ball" /> 

Lets say you had another folder named. Inside news there seemed to be one file, listing. html. You need to show the air. jog inside that file. Because the folder isn’t going to contain the images folder we have to go up one folder into then go into similar to so:

HTML:
< img src=".. /images/sky. jpg" width=" x" height=" y" alt=" sky" /> 

I realise your current problem is fixed but hopefully you’ll understand why the idea perhaps went wrong.

hey bfsog,
Thanks a plethora of for explaining what sort of image tags work. It helped a good deal. Hey, I was hoping you could help me together with another problem We’ve. I’ve been working on a navigation standard. It is supposed to function exactly including threadless. com’s selection, but have a much different look. I tried for you to study the source code and I even copied plus pasted the code right into a dreamweaver file and broke it into see how each stage belonging to the code functions. After that, I tried for you to replace the files from the code with my files and it would not function. Please go in order to threadless. com to view the navigation that i am talking concerning. After looking on it, is there a code it is possible to provide me that can carry out this same function In addition, could you explain how it works so We can understand it I’d appreciate any make it easier to can provide. Thank you again!

This entry was posted in Web Design and tagged , , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *