Page 1 of 3 123 LastLast
Results 1 to 10 of 29

Thread: Correct positioning of image

  1. #1
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,067
    Thanks
    156
    Thanked 3 Times in 3 Posts

    Default Correct positioning of image

    Hi,
    Here is the page in question http://www.theatticbanwell.co.uk/slideshow.html

    I would like to insert an image to the right of the centered text, as shown

    Attachment 6262

    But i have managed to do the following & not sure on the correct procedure to do so

    Attachment 6263

    The finished product should like like so

    Attachment 6264

    I have uploaded the file so you can see it live.
    Thanks.

  2. #2
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,159
    Thanks
    1
    Thanked 229 Times in 225 Posts

    Default

    Hi there theremotedr,

    please note that your three attachments, take me to pages similar to this...


    coothead
    ~ the original bald headed old fart ~

  3. The Following User Says Thank You to coothead For This Useful Post:

    theremotedr (02-17-2018)

  4. #3
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,067
    Thanks
    156
    Thanked 3 Times in 3 Posts

    Default

    Hi,
    I will check that out when home.

    The picture which is out of place Is bottom of page to the right.

  5. #4
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,067
    Thanks
    156
    Thanked 3 Times in 3 Posts

    Default

    Hi,

    Here we go.

    This is where i would like the picture to be placed.

    Click image for larger version. 

Name:	3714.jpg 
Views:	32 
Size:	41.1 KB 
ID:	6265

    This is currently where i have it.

    Click image for larger version. 

Name:	3715.jpg 
Views:	22 
Size:	30.8 KB 
ID:	6266

    It should look like this once done.

    Click image for larger version. 

Name:	3716.jpg 
Views:	26 
Size:	19.5 KB 
ID:	6267

    Thanks

  6. #5
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,159
    Thanks
    1
    Thanked 229 Times in 225 Posts

    Default

    Hi there theremotedr,

    try replacing your "slideshow.html" file and your "demo.css" file
    with those that are to be found within the attachment below.

    coothead
    Attached Files Attached Files
    Last edited by coothead; 02-17-2018 at 02:18 PM.
    ~ the original bald headed old fart ~

  7. The Following User Says Thank You to coothead For This Useful Post:

    theremotedr (02-17-2018)

  8. #6
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,067
    Thanks
    156
    Thanked 3 Times in 3 Posts

    Default

    Hi,
    Can i asked what you changed.
    I notice a white background & the page sits lower as if there is padding at the top.

    Thanks

  9. #7
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,159
    Thanks
    1
    Thanked 229 Times in 225 Posts

    Default

    Hi there the remotedr,

    ooooooops, I seem to have suffered a few "Brain Farts" during
    my editing processes, one of which caused me to delete this...

    Code:
    
            <link rel="stylesheet" href="css/reset.css">
    I hope that I have now corrected all my errors,

    Please download my amended attachment in post #5 again.

    coothead
    ~ the original bald headed old fart ~

  10. The Following User Says Thank You to coothead For This Useful Post:

    theremotedr (02-17-2018)

  11. #8
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,067
    Thanks
    156
    Thanked 3 Times in 3 Posts

    Default

    Hi,

    Ive done as advised above but still white.

    I have uploaded so please check here http://www.theatticbanwell.co.uk/slideshow.html

  12. #9
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,067
    Thanks
    156
    Thanked 3 Times in 3 Posts

    Default

    Hi,
    Using chrome dev tools i dont see the below of which is on the original site.

    Click image for larger version. 

Name:	3717.jpg 
Views:	26 
Size:	59.2 KB 
ID:	6271

  13. #10
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,159
    Thanks
    1
    Thanked 229 Times in 225 Posts

    Default


    Quote Originally Posted by theremotedr View Post
    I've done as advised above but still white.
    You probably just need to clear cache for that.

    Unfortunately, my brain is still malfunctioning this afternoon, though.

    I did not delete this...

    Code:
    
            <link rel="stylesheet" href="css/reset.css">
    ...as it was never there in the first place.

    So if you have added it to the HTML you can remove it.

    What I did wrong, was to somehow put some errant code in the "demo.css" file...

    Code:
    
    file:///@import url('reset.css');
    Remove the bit in red , and the amended "demo.css" file should be safe to use.

    coothead
    ~ the original bald headed old fart ~

  14. The Following User Says Thank You to coothead For This Useful Post:

    theremotedr (02-17-2018)

Similar Threads

  1. Replies: 0
    Last Post: 01-19-2011, 04:56 PM
  2. aligning image in correct place
    By hemi519 in forum HTML
    Replies: 4
    Last Post: 11-16-2010, 07:03 PM
  3. Replies: 3
    Last Post: 04-26-2010, 04:51 PM
  4. Replies: 3
    Last Post: 04-20-2009, 04:50 PM
  5. Replies: 0
    Last Post: 02-09-2009, 03:55 AM

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
  •