Проблема с выпадающим с изображением в булме - PullRequest
Новая
       19

Проблема с выпадающим с изображением в булме

1 голос
/ 26 октября 2019

Я пытаюсь сделать выпадающее меню с изображением пользователя. однако либо изображение неуместно, когда я использую (1-й случай), либо оно находится в нужном месте, используя только, но не округленное, как я хочу (2-й случай).

https://imgur.com/a/bJPprXH

Iначал использовать компонент изображения, как сказано в документации Bulma. Я проходил некоторые классы, я удалил внешнее к. без этого я не могу сделать изображение круглым

1-й случай:

2-й случай: 

<div class="navbar-link">
<img src="image">
</div>

я хочу, чтобы этот раскрывающийся список был похож на изображение второго случая, ноизображение с округлой формой

1 Ответ

1 голос
/ 26 октября 2019

Может, вот так? 

<div class="navbar-item has-dropdown is-hoverable">
    <a class="navbar-link">
        <img
           src="https://www.stickpng.com/assets/images/58e91a21eb97430e81906500.png" 
           style= "border-radius: 9001px;"
           alt="Placeholder image"
        >
    </a>
    <div class="navbar-dropdown">
        <a class="navbar-item">
         Jobs
        </a>
    </div>
</div>

https://codepen.io/bluebrown/pen/OJJggMM?editors=1000

...