Misplaced image

[rinconcete]

Hello, how are you. When I put a imagen on a accurate place in my page and publish it, this images is dislocated and it appears in other place of the page. What can I do, please. Thanks,
Alejandro Martínez

[crispy68]

Need a bit more info. Are you placing it in a layer, grid, flexbox, ect? If you can provide a demo project for us to download and look at it would be the most helpful so we can see what you've done.

[Pablo]

[jerryco]

It's not clear enough Pablo.

Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.

[rinconcete]

I firts place, thank you all.
I place the image sourrounded in the correct place in my webpage using the followings commands: insert, image and marking the outline and then searching the picture in my project.
Then I upload, and appears as you can see in https://www.rinconcete.com/historias_radio.html. It is placed in a wrong place, because I put it below.
Alex.

[rinconcete]

Excuse me, how can I upload here 2 pictures for you to make more clear my explanation?
A

[alan_sh]

You can't. You put the image somewhere on the web (dropbox?) and post a link here.

But you need to let us see a demo prooject (WBS file) and not just the html result.

[Pablo]

Excuse me, how can I upload here 2 pictures for you to make more clear my explanation?

1. Upload the images to your website.
2. Include the links to the images in your forum post.

[rinconcete]

I got it the wbs project on my desk. How can upload for you?
Alex

[rinconcete]

https://www.rinconcete.com/page5.html
Here are the two pictures
A.

[BaconFries]

I got it the wbs project on my desk. How can upload for you?

You can either upload it to your server and provide a download link or up to one of the many public host/servers such as Mediafire and provide the generated url they give.
Please read the following url before sharing the project. Note please remove all extensions or custom code before sharing your project
viewtopic.php?t=82134

[crispy68]

Obviously, your other pictures are staying put correct? So maybe there is something with this particular image? Has there been any code added? Maybe a conflict in the ID"s? Just guessing here without actually seeing your project file.

[rinconcete]

Hello,

This is part of my project.

https://mega.nz/folder/4cRn0ACJ#jZ_CLnoM-7VH8PcJViScsg

The important page to see, is call rtve/historias_radio where you can see the rebel image.
Thank you again.
Alex

[Pablo]

For me, the image shows at the correct position.
However, you have added a lot of custom code and there many duplicated IDs. This breaks the structure of the HTML.

I suggest to remove all custom code from the page to see if that works. If it does, then you will need to fix the errors in your custom code.

[rinconcete]

It works in the past, whitout problems with my same custom code.
I erase my personal code before writting to you, and the problems persists
Alex.

[rinconcete]

I will try with other ways. I will let you know.
Meanwhile. thank you all for your help
Alex.

[Pablo]

In the project you have shared there is a lot of custom code. It does not look like you have removed it.

The code is invalid, this break the HTML structure. It may have work but the code wrong and the results will be random.
You will need to fix the code.

If you need further assistance then please remove all custom code and share the updated a project.

[rinconcete]

Ok, I will do it.
Alex.

[crispy68]

I downloaded your project as well and the image appears in the correct spot for me. No issues.

As pablo stated, there is code you've added that contains the same ID. For example, the id="m1" is used several times on the page. This is incorrect. ID's need to be unique. If you want to use the same tag, then it needs to be set to a class (ex: class="m1")

[rinconcete]

Thank you very much Crispy68. I will do it.
Alex.