Programming Help

Web Development



What's Here?

  • Members: 105,756
  • Replies: 404,407
  • Topics: 61,338
  • Snippets: 2,214
  • Tutorials: 596
  • Total Online: 1,752
  • Members: 63
  • Guests: 1,689

Who's Online?

Welcome to Dream.In.Code
Getting Help is Easy!

Join 105,756 Programmers for FREE! Ask your question and get quick answers from experts. There are 1,752 online right now! We've got more than 500 tutorials and 2,000 snippets. Join and find out why Dream.In.Code is the #1 programming help community on the internet! Registration is fast and FREE... Join Now!



Image and Image Link Trouble

2 Pages V  1 2 >  
 Reply to this topicStart new topic

Image and Image Link Trouble, (DreamWeaver)
TentativeChaos
post 21 Jun, 2008 - 02:06 PM
Post #1


New D.I.C Head

*
Joined: 10 May, 2008
Posts: 23


My Contributions
Ok so I'm using Dreamweaver(CS3) to create a website. I had a friends make a nice looking site in Photoshop(CS3), then I sliced and optimized it. Then I put the page into my website, and put in the image folder as well. Then I made sure that all the images has the correct source files. It looked like everything was fine, but then when I went to the website none of the images showed up. They show up as broken, like they have the wrong source, but I made sure that the images are from a folder in the site root, so it should work, right? I just don't know what's wrong, please help.


P.S.
Also, how do I make it so that images that are links don't have that blue box around them?


Thanks
User is offlineProfile CardPM

Go to the top of the page


biggles2008
post 21 Jun, 2008 - 04:08 PM
Post #2


D.I.C Addict

Group Icon
Joined: 5 Mar, 2008
Posts: 513



Thanked 1 times

Dream Kudos: 150
My Contributions
Upload to an ftp?

Did you : Save for web > Save> and in the little drop down click images and html file?

use the html file as your Home page and edit around that for rest of page.
User is offlineProfile CardPM

Go to the top of the page

gabehabe
post 21 Jun, 2008 - 04:14 PM
Post #3


T3H R0XX0R!

Group Icon
Joined: 6 Feb, 2008
Posts: 2,043



Thanked 40 times

Dream Kudos: 1425

Expert In: C, C++

My Contributions
Your links are wrong. As an example, you should have something such as:
http://www.mysite.com as the main page and images should be in a new directory:
http://www.mysite.com/images [or something similar]

Also, you can simply set the border to 0, with something like the following:
<img src = "images/myimage.png" border = 0 />

Hope this helps smile.gif
User is online!Profile CardPM

Go to the top of the page

TentativeChaos
post 21 Jun, 2008 - 05:43 PM
Post #4


New D.I.C Head

*
Joined: 10 May, 2008
Posts: 23


My Contributions
I did save properly, and I do have proper links like you say, that's not the problem. Thanks for the help with the border tho.
User is offlineProfile CardPM

Go to the top of the page

no2pencil
post 21 Jun, 2008 - 07:48 PM
Post #5


Wet D.I.C.

Group Icon
Joined: 10 May, 2007
Posts: 4,706



Thanked 25 times

Dream Kudos: 2325

Expert In: Goofing Off

My Contributions
QUOTE(TentativeChaos @ 21 Jun, 2008 - 08:43 PM) *

I did save properly, and I do have proper links like you say, that's not the problem. Thanks for the help with the border tho.

Can you post a link to the live site?
User is online!Profile CardPM

Go to the top of the page

TentativeChaos
post 21 Jun, 2008 - 09:03 PM
Post #6


New D.I.C Head

*
Joined: 10 May, 2008
Posts: 23


My Contributions
ok update:

So I tweaked the image source, on one image (made it relative to root instead of relative to document, which in theory shouldn't have any affect on it). That made it so all the images worked except for the home button. So then I did the exact same tweak to the home button and everything went back to not working. So after tweaking this and that, it appears that whatever I do to the image source or anything, it either causes all pictures to not work, or all to work except the home button. I still have no idea what's wrong.

Here is the link to the website: http://www.goldgas.exofire.net
User is offlineProfile CardPM

Go to the top of the page

rjolitz
post 21 Jun, 2008 - 09:30 PM
Post #7


D.I.C Head

Group Icon
Joined: 17 May, 2008
Posts: 79



Thanked 1 times

Dream Kudos: 75
My Contributions
Okay.. for some reason your files are still referring to the file on your home machine.

ie:

<img src="file:///C|/Users/Dan/Documents/images/gray_box_nextToBuyNow.gif" width="126" height="66" alt="">


I'm not sure why this is happening but if you fix your image links to read:

img src="./images/gray_box_nextToBuyNow.gif" width="126" height="66" alt="">

Should fix it.


Also, you may get this error if you don't use the upload features in Dreamweaver.

Try fixing these and let us know!
User is offlineProfile CardPM

Go to the top of the page

TentativeChaos
post 21 Jun, 2008 - 10:43 PM
Post #8


New D.I.C Head

*
Joined: 10 May, 2008
Posts: 23


My Contributions
here is what my gray box code looks like:

CODE
<td>
<img src="../public_html/images/gray_box_nextToBuyNow.gif"
width="126" height="66" alt="">
</td>


This post has been edited by TentativeChaos: 21 Jun, 2008 - 10:44 PM
User is offlineProfile CardPM

Go to the top of the page

no2pencil
post 21 Jun, 2008 - 10:49 PM
Post #9


Wet D.I.C.

Group Icon
Joined: 10 May, 2007
Posts: 4,706



Thanked 25 times

Dream Kudos: 2325

Expert In: Goofing Off

My Contributions
You want your code to match the directory structure of your webhost.

CODE
<td>
<img src="images/gray_box_nextToBuyNow.gif"
width="126" height="66" alt="">
</td>


If that means changing your settings in DreamWeaver, I would strongly suggest doing that.
User is online!Profile CardPM

Go to the top of the page

TentativeChaos
post 21 Jun, 2008 - 11:08 PM
Post #10


New D.I.C Head

*
Joined: 10 May, 2008
Posts: 23


My Contributions
Well, that didn't work, here is a pic of my website in dreamweaver for you guys:

IPB Image

and here is the code:

CODE
<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>h2o is gas!</title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    background-color: #464646;
}
-->
</style>
<link href="../public_html/main_css.css" rel="stylesheet" type="text/css">
<link href="../public_html/text_css.css" rel="stylesheet" type="text/css">
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
  <!-- ImageReady Slices (website 01.psd) -->
  <div id="Website">
    <table width="1001" height="1001" border="0" cellpadding="0" cellspacing="0" bgcolor="#464646" id="Table_01">
      <tr>
        <td colspan="2">
          <img src="../public_html/images/Upper_Left_Grainy_Box.jpg" width="251" height="228" alt=""></td>
      <td colspan="7">
            <img src="/public_html/images/top_car.jpg" width="749" height="228" alt="Water Car"></td>
      <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="1" height="228" alt=""></td>
        </tr>
      <tr>
        <td colspan="2">
          <img src="../public_html/images/H2O_IS_GAS_mini_banner.gif" width="251" height="66" alt="h2o is gas"></td>
      <td colspan="3">
            <a href="../public_html/index.html"><img src="../public_html/images/Home_Button.gif" alt="Home" width="181" height="66" lowsrc="../public_html/images/Home_Button.gif"></a></td>
    <td>
            <img src="file:///C|/Users/Dan/Documents/images/h2oIsGasWebsite_05.gif" width="1" height="66" alt=""></td>
          <td><a href="./public_html/about_us.html"><img src="../public_html/images/About_Us_Button.gif" width="207" height="66" alt="About Us"></a></td>
    <td>
            <a href="http://goldgt.water4gas.hop.clickbank.net"><img src="../public_html/images/Buy_Now_Button.gif" width="234" height="66" alt="Buy Now"></a></td>
    <td>
            <img src="../public_html/images/gray_box_nextToBuyNow.gif" width="126" height="66" alt=""></td>
      <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="1" height="66" alt=""></td>
        </tr>
      <tr>
        <td rowspan="5">&nbsp;</td>
          <td rowspan="2"><!-- TemplateBeginEditable name="Page Title" --> <img src="../public_html/images/random_blue_Box.gif" width="212" height="67" alt=""><!-- TemplateEndEditable --></td>
      <td>
            <img src="file:///C|/Users/Dan/Documents/images/Home_Button-12.gif" width="2" height="1" alt="Home"></td>
          <td colspan="6" rowspan="3">
            <img src="../public_html/images/TurnYourCarIntoBanner.jpg" width="747" height="68" alt="Turn your car into a water-burning hybrid."></td>
      <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="1" height="1" alt=""></td>
        </tr>
      <tr>
        <td>
          <img src="file:///C|/Users/Dan/Documents/images/h2oIsGasWebsite_13.gif" width="2" height="66" alt=""></td>
          <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="1" height="66" alt=""></td>
        </tr>
      <tr>
        <td colspan="2" rowspan="2">
          <img src="../public_html/images/Gray_Car_Ghost.jpg" width="214" height="338" alt=""></td>
      <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="1" height="1" alt=""></td>
        </tr>
      <tr>
        <td rowspan="2">
          <img src="file:///C|/Users/Dan/Documents/images/h2oIsGasWebsite_15.gif" width="1" height="582" alt=""></td>
          <td colspan="5" rowspan="2"><!-- TemplateBeginEditable name="Main Text Field" -->
            <div id="text_area"></div>
          <!-- TemplateEndEditable --></td>
          <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="1" height="337" alt=""></td>
        </tr>
      <tr>
        <td colspan="2">
          <img src="/public_html/images/GrayFillerUnderCarGhost.gif" width="214" height="245" alt=""></td>
      <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="1" height="245" alt=""></td>
        </tr>
      <tr>
        <td colspan="9">
          <img src="../public_html/images/Bottum-Bar.gif" width="1000" height="56" alt=""></td>
      <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="1" height="56" alt=""></td>
        </tr>
      <tr>
        <td>
          <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="39" height="1" alt=""></td>
          <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="212" height="1" alt=""></td>
          <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="2" height="1" alt=""></td>
          <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="1" height="1" alt=""></td>
          <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="178" height="1" alt=""></td>
          <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="1" height="1" alt=""></td>
          <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="207" height="1" alt=""></td>
          <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="234" height="1" alt=""></td>
          <td>
            <img src="file:///C|/Users/Dan/Documents/images/spacer.gif" width="126" height="1" alt=""></td>
          <td></td>
        </tr>
    </table>
  <img src="file:///C|/Users/Dan/Documents/images/Gray_Slice_Left.gif" width="39" height="650" alt=""></div>
</div>
<div align="center">
  <!-- End ImageReady Slices -->
</div>
</body>
</html>


P.S.
No matter what the problem turns out to be, I blame Vista!

This post has been edited by TentativeChaos: 21 Jun, 2008 - 11:11 PM
User is offlineProfile CardPM

Go to the top of the page

no2pencil
post 21 Jun, 2008 - 11:23 PM
Post #11


Wet D.I.C.

Group Icon
Joined: 10 May, 2007
Posts: 4,706



Thanked 25 times

Dream Kudos: 2325

Expert In: Goofing Off

My Contributions
QUOTE(TentativeChaos @ 22 Jun, 2008 - 02:08 AM) *

No matter what the problem turns out to be, I blame Vista!

No, the problem actually is that you are using Dream Weaver, & because it tries to automate every little function of coding for you, it must be preciecly correct, or else this is what happens.

You really have two basic choices. Either read up on the documentation on how to correct Dream Weavers setup, so that the directory structure is correct & can be transfered to the web host, or use better editing software.
User is online!Profile CardPM

Go to the top of the page

TentativeChaos
post 21 Jun, 2008 - 11:26 PM
Post #12


New D.I.C Head

*
Joined: 10 May, 2008
Posts: 23


My Contributions
It was a joke. Anyways, what is the correct directory structure?
User is offlineProfile CardPM

Go to the top of the page

2 Pages V  1 2 >
Fast ReplyReply to this topicStart new topic
Time is now: 8/21/08 12:42PM
Invision Power Board v2.1.7 © 2008  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

Bye Bye Ads

Free DIC T-Shirt

T-Shirt Example

Related Sites

Monthly Drawing

Thumb Drive

Partners

Top Contributors

Top 10 Kudos This Month