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.

Hi there theremotedr,

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

http://www.dynamicdrive.com/forums/a...achmentid=6262

coothead

Hi,
I will check that out when home.

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

Hi,

Here we go.

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

Attachment 6265

This is currently where i have it.

Attachment 6266

It should look like this once done.

Attachment 6267

Thanks

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

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

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

Hi,

Ive done as advised above but still white.

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

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

Attachment 6271

Quote:

---

Originally Posted by theremotedr

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