www.webdeveloper.com
Results 1 to 15 of 15

Thread: The images wont show up on my page, help!

  1. #1
    Join Date
    Dec 2008
    Posts
    47

    Question The images wont show up on my page, help!

    on my site
    www.prestondrumline.webs.com
    i have a section for my pics (and a positioning problem that makes it hard to see, other article) but the pics wont show, at best they have the little box with the X in it. so i just took the pictures off.

    please help, i dont know what to do.

  2. #2
    Join Date
    Dec 2008
    Location
    Denver, Colorado
    Posts
    389
    Can you put the pics and code back up so we can see the code you're using and tell you why it's breaking?

  3. #3
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,213
    Might correct these errors first:

    CSS
    HTML

    You MUST use a proper DocType as you are putting a lot of browsers into Quirks Mode. Linking to an external CSS stylesheet for your pages will help a lot. I didn't see any but the images for webs.com.

    Webs.com user.
    Last edited by Major Payne; 12-31-2008 at 11:33 PM.

  4. #4
    Join Date
    Mar 2005
    Location
    Sydney, Australia
    Posts
    7,974
    With absolute positioning you will have problems if your visitor's browser is open to a size much different from what you tested with - either there will be a lot of empty space or there will be parts that disappear off the screen. Positioning using floats and margins would allow the elements to reposition if the winfdow size is a lot bigger or smaller.

    A bit hard to work out what is stopping images from displaying if the image tags have been rem oved but the most likely causes are that the images have either been uploaded to the wrong place and so the page is looking in a different folder from where the images are to be found OR that you have given the image names different caplitalisation in the name of the file to what you reference it as (Windows is not case sensitive but Linux which is what most of the web runs on is case sensitive).
    Stephen

  5. #5
    Join Date
    Dec 2008
    Posts
    47

  6. #6
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,213
    Where are your image tags calling the images? I don't see any anywhere:
    Code:
    <img style="width: XXpx; height: YYpx; border: 0;" src="path to image" alt="Text Description">

  7. #7
    Join Date
    Dec 2008
    Posts
    47
    but what goes where? i mean what do i put for the px size and if the folder is on my desktop, dont i have to put the folder name/ image name (or something like that)???

  8. #8
    Join Date
    Dec 2008
    Location
    Denver, Colorado
    Posts
    389
    You would put your images on your webserver in a directory...we'll call it 'images' for the example Major Payne gave, and assume that the picture properties show it to be 300px by 200px:

    Code:
    <img style="width: 300px; height: 200px; border: 0;" src="images/mypic.jpg" alt="a pic of my drums">
    Just drop that code into the div you want you pics to show up in and make sure the path to the images is correct (ie folder name).

  9. #9
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,213
    You do know how to use the webs.com File Manager right? If not, I can guide you through that, but not in this thread as that is unrelated. Via IM may be better. As already stated, there is a little more to getting your images up and laid out, but proper use of div tags and CSS will "git 'er dun".

  10. #10
    Join Date
    Dec 2008
    Posts
    47
    Want to know what's freaking sad? the fact that i am still confused!
    so in this code
    src="(folder on desktop??)/(pic name??)
    right?
    o and is it case sensitive?

    Code:
    <img style="width: 300px; height: 200px; border: 0;" src="images/mypic.jpg" alt="a pic of my drums">

  11. #11
    Join Date
    Dec 2008
    Posts
    47
    Never Mind, I'll just have the Pics from a site, not a folder.

    so I think I got it now. but... how do I add a space in between the Pics and below them?

  12. #12
    Join Date
    Dec 2008
    Location
    Denver, Colorado
    Posts
    389
    Quote Originally Posted by snowman222 View Post
    Never Mind, I'll just have the Pics from a site, not a folder.

    so I think I got it now. but... how do I add a space in between the Pics and below them?
    There's a bunch of ways to do it...padding is the one that i use.

    Code:
    <img style="padding:10px; width: 300px; height: 200px; border: 0;" src="images/mypic.jpg" alt="a pic of my drums">

  13. #13
    Join Date
    Dec 2008
    Posts
    47

  14. #14
    Join Date
    Dec 2008
    Location
    Denver, Colorado
    Posts
    389
    Quote Originally Posted by snowman222 View Post
    that add 10 px on every side, right?
    Yes. If you needed different padding on different sides you would have to specify it with padding-top:10px; padding-left:5px; etc.

  15. #15
    Join Date
    Dec 2008
    Posts
    47
    ok, i understand that now.
    is the tag for minimum height min-height:
    and would the tag for width be min-width:

Thread Information

Users Browsing this Thread

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

Posting Permissions

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



Recent Articles