在ul(菜单)之间放置图像

时间:2013-12-24 07:08:40

标签: css image

我正在用HTML作为前端部分的网站,但我想在徽标之间做菜单。 我尝试了以下

position:absolute; 
top:180px; 
right:300px; 

但它没有响应,我认为这是一种不好的方式,我尝试使用%但是当我改变窗口的大小时,徽标不会居中。

我只是将徽标放在ul中并使用vertical-align但它不起作用。

你有什么想法吗?

谢谢。

这是我的代码

HTML代码

<body>
<div id="nav">
    <ul id="menu1">
        <li><a href="">Section 1</a></li>
        <li><a href="">Section 2</a></li>
    </ul>
    <ul id="menu2">
        <li><img src"image.png" alt=""/></li>
        <li><a href="">Section 3</a></li>
        <li><a href="">Section 4</a></li>

    </ul>

</div>

,CSS是

#nav
{
 background-color:red;
 width:550px;
 height:150px;

 }

   #menu1, #menu2
   {
    list-style:none;
    }

    #menu1 li a 
    {
     text-decoration:none;
     font-size:18px;
     float:left;
     margin-top:50px;
     margin-right:10px;
     margin-left:10px;
    }

     #menu2 li a 
     {
      text-decoration:none;
      font-size:18px;
      float:right;
      margin-top:35px;
      margin-left:10px;
      margin-right:10px;
      }

      img
       {
       width:235px;
       height:196px;
       display:inline-block;
       position:absolute;
       margin-left:365px;

       }

1 个答案:

答案 0 :(得分:0)

插入图片的代码已经不好了:

<img src="image.png" alt=""/>