www.webdeveloper.com
Results 1 to 3 of 3
  1. #1
    Join Date
    Jul 2012
    Location
    Vantaa, Finland
    Posts
    79

    problem with positioning image with css and html

    I am trying to program my first site with html and css. I have fallen at the last hurdle and would like some help.

    I am trying to insert an image in a text box by using html and css code. The css that I am using is;

    #texted img.align-left {display: inline; float: left; margin-right: 10px; width: 78px; height: 113px; }

    The html code that I am using is;

    <p><img src="http:/what-do-christians-believe.co.uk/wpimages/a-webb-photo.jpeg" alt="Photo of Tony Webb" title="Photo of tony webb" />

    I have the <p> in front of the image as I have written text that I want to go to the right of the image.

    My header image works fine. The path and directoy are the same.
    <img src="http://what-do-christians-believe.co.uk/wpimages/people_2d.jpg" >

    You can view the error page here

    Can someone put me out of my misery and ahow me what I need to do to put things right? Thanks

  2. #2
    Join Date
    Mar 2012
    Posts
    569
    This is not a positioning problem. The image is not being displayed because it is not being found. I suspect that there is an error in the src, probably the file extension ".jpeg". Alternatively, check for capitalisation in the file name, e.g. ".../A-Webb-photo.jpeg".

  3. #3
    Join Date
    Jul 2012
    Location
    Vantaa, Finland
    Posts
    79
    Thanks for that. It now works fine. Somehow I managed to save the file extension as jpg and not jpeg.
    Spent hours trying to find out what was the problem before asking!

Thread Information

Users Browsing this Thread

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

Bookmarks

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