You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
As you already know, there is a problem with showing images in an figure element with the image classes.
I have seen this question here a few times but there was no answer to it.
It would be very kind to solve this now once and for all or just say clearly that you know about it, but you just don't have a solution for it.
Thank you in advance.
Steps to Reproduce
This is all code there is.
<html>
<head>
<title>This is the title of the webpage!</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
</head>
<body>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<div class="navbar-item">
<figure class="image is-96x96">
<img src="../src/pics/doppelkopf-pic-2.png" alt="Hallo Ballo"/>
</figure>
</div>
</div>
</nav>
</body>
</html>
In the browser the figure with the right measures is there, but the pic (what has a 1:1 ratio) appears warped.
Then I changed the figure class to image is-1by1 (because it has ratio 1:1).
It should be possible to fill the figure element with the picture.
Progress
If I leave the 'navbar-item' class out of it, it seem to work as expected.
I don't know if this is as it should work. But in the doc there is always a 'navbar-item' inside a 'navbar-brand' suggested.
<html>
<head>
<title>This is the title of the webpage!</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
</head>
<body>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<!-- <div class="navbar-item"> -->
<figure class="image is-96x96">
<img src="../src/pics/doppelkopf-pic-2.png" height="96" alt="Hallo Ballo"/>
</figure>
<!-- </div> -->
</div>
</nav>
</body>
</html>
The text was updated successfully, but these errors were encountered:
It is a bug or I do need help.
This is about the Bulma CSS framework
As you already know, there is a problem with showing images in an figure element with the image classes.
I have seen this question here a few times but there was no answer to it.
It would be very kind to solve this now once and for all or just say clearly that you know about it, but you just don't have a solution for it.
Thank you in advance.
Steps to Reproduce
This is all code there is.
In the browser the figure with the right measures is there, but the pic (what has a 1:1 ratio) appears warped.
Then I changed the figure class to image is-1by1 (because it has ratio 1:1).
Then the picture disappears.
Expected behavior
It should be possible to fill the figure element with the picture.
Progress
If I leave the 'navbar-item' class out of it, it seem to work as expected.
I don't know if this is as it should work. But in the doc there is always a 'navbar-item' inside a 'navbar-brand' suggested.
The text was updated successfully, but these errors were encountered: