?
avatar Magnytu2
Magnytu2
16 Jun 2021

Steps to reproduce the problem

I am having strange behavior with the addition of a warning box in the text of an article. In blog view, the poster is correct. In view of the article, the image disappears to make way for a very large alert zone.

https://joomla-4.fr/informations/avertissements

Expected result

Identical text zone in blog and article view

Current result

The image area disappears to make room for a whole alert message area.

System information (as much as possible)

Joomla! 4 RC2

Capture 054 - Avertissements - joomla-4 fr
Capture 055 - Comment supprimer l'avertissement PHP de Joomla _ - joomla-4 fr

avatar Magnytu2 Magnytu2 - open - 16 Jun 2021
avatar joomla-cms-bot joomla-cms-bot - change - 16 Jun 2021
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 16 Jun 2021
avatar drmenzelit
drmenzelit - comment - 16 Jun 2021

That is because your image has float:left but it is too big to be floated (4000px width!!).

avatar Magnytu2
Magnytu2 - comment - 16 Jun 2021

I changed the image to 1920px, and it's the same problem.
Capture d’écran 2021-06-16 à 17 10 13

avatar drmenzelit
drmenzelit - comment - 16 Jun 2021

1920px is still to big to be floated, you have only 986px space in the content area

avatar Magnytu2
Magnytu2 - comment - 16 Jun 2021

All my images are in 1920px and it works. There is only this article with the orange warning box.
If I start the article with:

the image disappears. If I remove this class the image appears.

https://joomla-4.fr/informations/avertissements/comment-supprimer-lavertissement-php-de-joomla

avatar brianteeman
brianteeman - comment - 16 Jun 2021

everything looks fine to me and I have zero idea what @drmenzelit is talking about. The image is scaled so the native size is irrelevant to the float

avatar Magnytu2
Magnytu2 - comment - 16 Jun 2021
avatar brianteeman
brianteeman - comment - 16 Jun 2021

Ok I can see it now and what is happening is perfectly correct for the code and css on the site (even if it is not what you wanted or expected to happen)

This isnt the place to go into great depth on the issue as its not really a core problem. But you can fix this in two different ways.

  1. Dont put a float on the image
  2. Remove position: relative on the alert

Note that you are misusing the alert anyway and breaking accessibility.

avatar Magnytu2
Magnytu2 - comment - 16 Jun 2021

I added some introductory text before the warning box. Thanks a lot you two.

avatar drmenzelit
drmenzelit - comment - 16 Jun 2021

Yes, sorry, I was not clear enough telling you that removing float:left from the image would solve the problem. Float is ok when the image is small enough to share the place with the text.
I think you can now this issue.

avatar chmst
chmst - comment - 18 Jun 2021

@Magnytu2 it seems that this is not a bug or issue of joomla. Can we close this?

avatar Quy Quy - close - 5 Jul 2021
avatar Quy
Quy - comment - 5 Jul 2021

Closing as not a core issue. Thanks.

avatar Quy Quy - change - 5 Jul 2021
Status New Closed
Closed_Date 0000-00-00 00:00:00 2021-07-05 23:33:28
Closed_By Quy

Add a Comment

Login with GitHub to post a comment