浮动图像

-3

Picture 如果你点击这个链接，你将在导航栏的左上角看到我想创建一个folat图像喜欢它所以我开始得到一些代码瓶坯它如此我发现这个浮动图像

<html> 
    <head></head> 
    <body> 
     <div class="menu"> 
     <li> 
      <img style="float: left;margin-left: -50%;" src="../images/logo.png" alt="Tera Host inc." height="60" width="200"> 
      </li> 
     </div> 
    </body> 
</html>

但其出现在页面的顶部，我想在左上角东西这么一个朋友告诉我做一些事情你必须要2周的div下彼此而且在每一个你做style =“float：left;” 当悠重新使用浮动进行左使含有这些div 和结局做一个大的div所以，如果有人可以帮助我请回复整个代码预先感谢

来源

2016-09-18 Mohamed Azzazy

你的HTML是一个开始失效，'li'必须包含在一个' ul'或'ol'。如果你*不能真正写代码*这不是真的网站给你，并且我引用了第一个释放行为或[Tour]（https://stackoverflow.com/tour），Stack Overflow是一个问答网站为专业和爱好者编程。你会得到的答案很可能是技术性的。这不是一个为您编写代码的网站。尝试一些开始[HTML和CSS教程]（https://developer.mozilla.org/en-US/docs/Learn/HTML）。 –

你好，我是这个新东西，所以请跟我轻松+我正在努力学习 –

我没有问题，正在努力学习。我只是想用您可能从StackOverflow获得的经验来设定您的期望。这是一个很好的资源，可以帮助您解决可能遇到的编码问题，但它不是一个很好的“学习资源”，因为您需要教程等。 –

我不是很清楚你的问题！但我只是尝试了一个假设，我认为你需要将菜单&标志分开浮动。

您可以检查此琴， https://jsfiddle.net/8brvykvn/1/

<div class="header"> 
<a href="#" class="logo"> 
<img src="../images/logo.png" alt="Tera Host inc." height="60" width="200"></a> 
<ul class="menu"> 
    <li><a href="#">Dashboard</a></li> 
    <li><a href="#">Game Monitor</a></li> 
    <li><a href="#">TS3 Admin</a></li> 
</ul>

CSS：

.header a{ 
    float: left; 
    margin-right:10px; 
} 
.header .menu{ 
    float : left; 
    margin : 0; 
    padding: 0; 
} 

.header:after{ 
    content:''; 
    display:block; 
    clear: both 
} 

.header .menu li{ 
    list-style:none; 
    display:inline-block; 
} 

.header .menu li > a{ 
    margin-right:10px; 
}

来源

2016-09-18 23:20:44 Muthoos

我真的不能写代码，所以你可以写我的ffloat单独代码？ –

回答

相关问题