问行为非常奇怪的图片
EN

Stack Overflow用户

提问于 2017-01-05 20:42:07

回答 0查看 68关注 0票数 0

我的朋友在一个学校项目的网站上遇到了问题。他想做一个小画廊。

前5张图片是有意为之的：

但后来他们就像这样出现了：

我们花了一个小时测试了所有的东西。我们试着用class="bilder"把最下面的3个放在另一个div块中，但它是一样的。我们还尝试以不同的顺序放置图片，看看这是否与图片本身有关，但也是相同的结果。

div.wrapper {
    font-family: Calibri;
    width: 100%;
    float: left;
    color: white;
}

h1 {
    color: #F99F00;
    text-align: center;
}

body {
    background-color: black;
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: black;
}

li {
    float: left;
    font-family: fantasy;
    font-size: 120%
}

li a {
    color: white;
    display: block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: green;
}

.active {
    backround-color: green;
}

li.selected  a {
    color: green;
    display: block;
}


#tct  {
    
    top: 15%;
    left: 5%;
    padding: 1%;
    color: #F99F00;
    font-size: 200%;
}



div.bilder img {
    padding: 1%;
    width: 18%;    
    float: left;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Counter-Strike: Global Offensive</title>
    <link href="../css/waffenliste.css" rel="stylesheet" type="text/css">
    <link href="pictures/csgotab.png" rel="shortcut icon" type="image/x-icon">
</head>
<body>
<div class="wrapper">
        <div>
            <h1>Counter-Strike: Global Offensive<h1>
        </div>
        <div>
            <ul>
                <li><a href="../index.html">Home</a></li>
                <li class="selected"><a href="waffenliste.html">Waffenliste</a></li>
                <li><a href="spray.html">Spray Patterns</a></a></li>
                <li><a href="ueber.html">Über</a></a></li>
                <li><a href="impressum.html">Impressum</a></li>
            </ul>
        </div>
        <div id="tct">
            <p>Kaufbar f&uuml;r: T und CT</p>
        </div>
        <div id="t">
            <p>Kaufbar f&uuml;r: Terroristen</p>
        </div>
        <div id="ct">
            <p>Kaufbar f&uuml;r: Antiterroreinheit</p>
        </div>
        <div class="bilder">
        <img id="awp" src="pictures/awp.PNG">
        <img id="scout" src="pictures/scout.PNG">
        <img id="dual" src="pictures/dual.PNG">
        <img id="p250" src="pictures/p250.PNG">
        <img id="deagle" src="pictures/deagle.PNG">
        <img id="nova" src="pictures/nova.PNG">
        <img id="negev" src="pictures/negev.PNG">
        <img id="m249" src="pictures/M249.PNG">
        </div>
        
</div>
            
</body>
</html>

html

css

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41485427

复制

相似问题

问行为非常奇怪的图片
EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问行为非常奇怪的图片EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问行为非常奇怪的图片
EN