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

一体何がしたいの???
画像の上に上げるだけでできます

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

私はあなたがやりたいことを手に入れていませんか?
ご要望を具体的にお聞かせください...

于 2013-01-25T06:17:25.323 に答える
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 に答える