Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1


    Member Since
    May 24, 2009
    Posts
    84
    Specs:
    eMac OS X 10.4.11 1.25GB RAM 40GB original hard drive,
    Pictures in HTML?
    Hi,
    When I'm making a web-page using Textedit, and add the code for an image, it never works. Even when I'm using an image I know the computer can display, and has before.
    Here's exactly what I type.

    <img border="3"src="/sun_euv19.gif"width="304" height="228"/>

    and also this...

    <img src="sun_euv19.gif"/img>

    Which just ends up looking like this.

  2. #2

    Eric559's Avatar
    Member Since
    Jul 18, 2007
    Location
    Central California
    Posts
    3,185
    Specs:
    2.16GHz C2D MacBook w/ 2GB RAM & 120GB HD. HTC Droid Incredible.
    Member Of The Month for December '08.
    It's only the internet!

  3. #3

    wheelguy's Avatar
    Member Since
    Jun 18, 2006
    Location
    Minneapolis
    Posts
    191
    Specs:
    MacBook Pro
    <img border="3"src="/sun_euv19.gif"width="304" height="228"/>

    Make sure you have it coded correctly.
    <img border="3" src="sun_euv19.gif" width="304" height="228"/>

    Make sure you have the correct path to the image
    <img border="3" src="sun_euv19.gif" width="304" height="228"/>
    This says the image is in the same folder as the html file.

    <img border="3" src="images/sun_euv19.gif" width="304" height="228"/>
    This says the image is in the folder images

    <img border="3" src="../images/sun_euv19.gif" width="304" height="228"/>
    This says the images folder is up one level from the html file

    Check out W3Schools Online Web Tutorials
    If you aren't fired with enthusiasm, you will be fired with enthusiasm. -Vince Lombardi

  4. #4

    vansmith's Avatar
    Member Since
    Oct 19, 2008
    Location
    Toronto
    Posts
    19,736
    Specs:
    2012 13" MBP (2.5 i5, 8GB)
    Try <img border="3" src="/sun_euv19.gif" width="304" height="228"/> and <img src="sun_euv19.gif" />
    Important Links: Community Guidelines : Use the reputation system if you've been helped.
    M-F Blog :: Write for the blog
    Writing a Quality Post

  5. #5

    CrimsonRequiem's Avatar
    Member Since
    Jul 24, 2008
    Posts
    6,004
    Specs:
    MBP 2.3 Ghz 4GB RAM 860 GB SSD, iMac 3.4 GHz Intel Core i7 32GB RAM, Fusion Drive 1TB
    Make sure that the picture name is typed out correctly with the correct file extension, also check that the HTML file and the picture is in the same/correct directory.
    死神はリンゴしか食べない。

  6. #6


    Member Since
    May 24, 2009
    Posts
    84
    Specs:
    eMac OS X 10.4.11 1.25GB RAM 40GB original hard drive,
    Okay, I got the image from here and I had the image saved to my desktop in a desktop shortcut. Then because of what was said here:

    ,Make sure you have the correct path to the image
    <img border="3" src="sun_euv19.gif" width="304" height="228"/>
    This says the image is in the same folder as the html file.
    I dragged the image shortcut into the same folder as my html file and typed exactly what was said above, but still nothing.
    I also tried this:

    <img border="3" src="images/sun_euv19.gif" width="304" height="228"/>
    This says the image is in the folder images
    But still nothing.

    Can somebody just me give a safe, known to work image, that has for sure already been uploaded to the internet and worked, that I could just copy and paste from this forum? Please??

  7. #7

    leopard-user1's Avatar
    Member Since
    Jan 27, 2009
    Location
    New York, NY
    Posts
    531
    Specs:
    17" MacBook Pro, 2.5 GHz Intel Core 2 Duo Processor, 2 GB 667 MHz DDR2 SDRAM, not unibody
    As far as I know, TextEdit doesn't view pictures normally. I've never tried HTML, though.

    (from scienceteecher.com)
    17" MacBook Pro, OSX 10.6.2 Snow Leopard

  8. #8


    Member Since
    May 24, 2009
    Posts
    84
    Specs:
    eMac OS X 10.4.11 1.25GB RAM 40GB original hard drive,
    I just tried copying and pasting directly from the image on the internet to my HTML code, instead of saving it to a file of my own and then trying to paste from the file, and it worked!!

    I'll let you guys know if I have any other problems.

  9. #9

    vansmith's Avatar
    Member Since
    Oct 19, 2008
    Location
    Toronto
    Posts
    19,736
    Specs:
    2012 13" MBP (2.5 i5, 8GB)
    <img src="http://www.mac-forums.com/forums/images/avatars/avatar76.gif" />

    That links to your avatar image. Tested and it works.
    Important Links: Community Guidelines : Use the reputation system if you've been helped.
    M-F Blog :: Write for the blog
    Writing a Quality Post

  10. #10

    Eric559's Avatar
    Member Since
    Jul 18, 2007
    Location
    Central California
    Posts
    3,185
    Specs:
    2.16GHz C2D MacBook w/ 2GB RAM & 120GB HD. HTC Droid Incredible.
    Of course it worked because its pointing to a image online already. It wasn't showing before probably because it wasn't uploaded online and the path was messed up somewhere.
    Member Of The Month for December '08.
    It's only the internet!

  11. #11

    vansmith's Avatar
    Member Since
    Oct 19, 2008
    Location
    Toronto
    Posts
    19,736
    Specs:
    2012 13" MBP (2.5 i5, 8GB)
    Quote Originally Posted by Eric559 View Post
    Of course it worked because its pointing to a image online already. It wasn't showing before probably because it wasn't uploaded online and the path was messed up somewhere.
    Agreed but since I don't have the directory structure, I can't really give a working example other than of an online image.

    Can you tell us what the directory structure looks like?

    Let me give you an example from my site of a working image. I have a directory called "images". In there, I have a picture called "chromium_04232009.png". To link to this image, I use this code: <img src="images/chromium_04232009.png" />
    Important Links: Community Guidelines : Use the reputation system if you've been helped.
    M-F Blog :: Write for the blog
    Writing a Quality Post

  12. #12


    Member Since
    May 24, 2009
    Posts
    84
    Specs:
    eMac OS X 10.4.11 1.25GB RAM 40GB original hard drive,
    I tried this
    <img src="http://www.mac-forums.com/forums/images/avatars/avatar76.gif" />
    and it didn't work, it didn't even have the question mark icon.
    Hmmmm?

  13. #13

    vansmith's Avatar
    Member Since
    Oct 19, 2008
    Location
    Toronto
    Posts
    19,736
    Specs:
    2012 13" MBP (2.5 i5, 8GB)
    Can you post the code to the page? That code does work because I tested it here locally.
    Important Links: Community Guidelines : Use the reputation system if you've been helped.
    M-F Blog :: Write for the blog
    Writing a Quality Post

  14. #14


    Member Since
    May 24, 2009
    Posts
    84
    Specs:
    eMac OS X 10.4.11 1.25GB RAM 40GB original hard drive,
    Can you post the code to the page? That code does work because I tested it here locally.
    What exactly do you mean?

  15. #15

    vansmith's Avatar
    Member Since
    Oct 19, 2008
    Location
    Toronto
    Posts
    19,736
    Specs:
    2012 13" MBP (2.5 i5, 8GB)
    Post the code from your page here so we can see it.
    Important Links: Community Guidelines : Use the reputation system if you've been helped.
    M-F Blog :: Write for the blog
    Writing a Quality Post

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Replies: 0
    Last Post: 08-22-2011, 10:18 AM
  2. iweb to html to html newsletter?
    By skibum232 in forum Web Design and Hosting
    Replies: 1
    Last Post: 11-30-2010, 01:05 AM
  3. Opening Local HTML files - render HTML (not display as text)
    By Gator626 in forum OS X - Operating System
    Replies: 6
    Last Post: 11-01-2009, 09:00 PM
  4. Replies: 0
    Last Post: 09-12-2009, 03:27 AM
  5. Saving Word files with pictures as HTML
    By Crumbgatherer in forum OS X - Apps and Games
    Replies: 9
    Last Post: 06-14-2009, 10:33 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •