Page 1 of 1
Misplaced image
Posted: Wed Dec 13, 2023 3:51 pm
by 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
Re: Misplaced image
Posted: Wed Dec 13, 2023 3:54 pm
by 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.
Re: Misplaced image
Posted: Wed Dec 13, 2023 4:58 pm
by Pablo
Re: Misplaced image
Posted: Wed Dec 13, 2023 5:08 pm
by 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.
Re: Misplaced image
Posted: Wed Dec 13, 2023 5:26 pm
by 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.
Re: Misplaced image
Posted: Wed Dec 13, 2023 5:31 pm
by rinconcete
Excuse me, how can I upload here 2 pictures for you to make more clear my explanation?
A
Re: Misplaced image
Posted: Wed Dec 13, 2023 5:40 pm
by 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.
Re: Misplaced image
Posted: Wed Dec 13, 2023 5:55 pm
by 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.
Re: Misplaced image
Posted: Wed Dec 13, 2023 5:59 pm
by rinconcete
I got it the wbs project on my desk. How can upload for you?
Alex
Re: Misplaced image
Posted: Wed Dec 13, 2023 6:05 pm
by rinconcete
Re: Misplaced image
Posted: Wed Dec 13, 2023 6:06 pm
by 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
Re: Misplaced image
Posted: Wed Dec 13, 2023 6:13 pm
by 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.
Re: Misplaced image
Posted: Wed Dec 13, 2023 6:18 pm
by 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
Re: Misplaced image
Posted: Wed Dec 13, 2023 6:31 pm
by 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.
Re: Misplaced image
Posted: Wed Dec 13, 2023 6:35 pm
by 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.
Re: Misplaced image
Posted: Wed Dec 13, 2023 6:39 pm
by rinconcete
I will try with other ways. I will let you know.
Meanwhile. thank you all for your help
Alex.
Re: Misplaced image
Posted: Wed Dec 13, 2023 6:43 pm
by 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.
Re: Misplaced image
Posted: Wed Dec 13, 2023 6:44 pm
by rinconcete
Ok, I will do it.
Alex.
Re: Misplaced image
Posted: Wed Dec 13, 2023 6:56 pm
by 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")
Re: Misplaced image
Posted: Wed Dec 13, 2023 10:01 pm
by rinconcete
Thank you very much Crispy68. I will do it.
Alex.