Question

我正在尝试自定义CSS以获得更好的菜单......

让我更好地解释一下：

如果您转到http://italiancrypto.it/account/并使用

登录

用户：Test00 PW：！F $！l％t26PE8c（u72zI * onUI

你会看到在菜单栏中会有名字（）FIRST LAST）和一张小图片......

CSS

CSS有两个问题？

1）图片应该是＆＃34;舍入＆＃34;而不只是普通的广场。

2）菜单未对齐....

如何在CSS中修复此问题？如果我将图片制作成圆形并且更小，我想我也可以修复对齐...

HTML：

<li id="menu-item-663" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-663"><a href="#">John Smith <img onerror="this.src='http://italiancrypto.it/wp-content/plugins/ultimate-member/assets/img/default_avatar.jpg';" src="http://graph.facebook.com/10213039741163029/picture?width=200&amp;height=200" class="func-um_user gravatar avatar avatar-40 um-avatar um-avatar-default" width="40" height="40" alt="John Smith" pagespeed_url_hash="390260811" onload="pagespeed.CriticalImages.checkImageForCriticality(this);"></a>
    <ul class="sub-menu">
        <li id="menu-item-662" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-580 current_page_item menu-item-662"><a href="http://italiancrypto.it/account/">Account</a>    </li><li id="menu-item-654" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-654"><a href="http://italiancrypto.it/logout/">Logout</a></li></ul>
    </li>

CSS：

li {
    display: list-item;
    text-align: -webkit-match-parent;
}
Inherited from ul#menu-main-menu.vlog-main-nav.vlog-menu
min.css?ver=1.8.1:1
how to fix the CSS?

在LI项目中，我有一个文字和一张图片......我应该拍摄照片＆＃34;圆形和更小＆＃34; ...我不太确定如何做那个wvia CSS ...

非常感谢

Reagards

使图片四舍五入并对齐文本

0 个答案: