0

我无法获得标语！(id h2) 提升到图片上方。h1 非常好，但不是 h2。如果这意味着什么，我是 CSS、HTML 和 Stackoverflow 的新手。我提前感谢您的帮助。

的HTML：

<html>
<head>
    <link href="HomePage.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Icon">
    <div id="h1">Name</div>
    <img src="RightArrow.jpg" class="img-circle">
    <div id="h2">Slogan!</div>
</div>

CSS：

#h1{
    line-height:120px;/*to lower it*/
    position:absolute;
    left:-150px;
    font-size:38.5px;
}

#h2{
    line-height:-300px/*to raise it*/
    position:absolute;
    right:400px;
    font-size:38.5px;
}

#Icon{
    position:relative;
    margin-top:25px;
    margin-bottom:100px;
    margin-left:600px;
}
4

2 回答 2

0

行高不应该用来移动任何东西。使用相对或绝对定位。但是，这是一个更简单的解决方案：

<html>
<head>
    <link href="HomePage.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Icon">
    <div id="h1">Name</div>
    <div id="h2">Slogan!</div>
    <img src="RightArrow.jpg" class="img-circle">
</div>
于 2013-01-25T06:03:56.853 回答
0

你到底想做什么？？？
提升上面的图像可以通过 

<div id="h2">Slogan!</div>
<img src="RightArrow.jpg" class="img-circle">

我没有得到你想做的事？？？
请更具体地说明您的要求...

于 2013-01-25T06:17:25.323 回答