gpt4 book ai didi

html - 似乎无法在不更改标题大小的情况下更改图像大小

转载 作者:太空宇宙 更新时间:2023-11-04 12:41:26 25 4
gpt4 key购买 nike

我在一个使用模板的网站上工作,我试图使图像的高度大小与页眉大小相同。但每当我更改图像大小时,它也会拉伸(stretch)标题。这是代码。

    body {
background: url(../newImages/headerBackground.jpg) repeat;
font-family: Arial, Helvetica, sans-serif;
//font-size: 14px;
margin: 0;
padding: 0;

}

#header {
background: url(../images/bg-header.png) repeat-x bottom center;
margin: 0;
padding: 0 0 20px;
}

#header img {
display: block;
height: 190px;
margin: 0 auto;
width: 230px;
margin-left:0px;
margin-top:2px;


}

#header ul {
background: url(../images/menu-border.gif) no-repeat bottom left;
margin: 0 auto;
overflow: hidden;
padding: 0 0 0 1px;
width: 970px;
position:relative;
left:5%;


}
       <!DOCTYPE HTML>
<!-- Website Template by freewebsitetemplates.com -->
<html>
<head>
<meta charset="UTF-8">
<title>Academy Website Template</title>
<link rel="stylesheet" href="css/site.css" type="text/css">
</head>
<body>
<div id="header">
<img src="http://placehold.it/230x190">
<ul>
<li class="selected">
<a href="index.html">home</a>
</li>
<li>
<a href="about.html">Opportunities</a>
</li>
<li>
<a href="admission.html">Project Management</a>
</li>
<li>
<a href="programs.html">About Jay</a>
</li>
<li>
<a href="calendar.html">Community</a>
</li>
<li>
<a href="blog.html">Contact</a>
</li>

</ul>
</div>
</body></html>

最佳答案

我想这就是你想要的。

http://codepen.io/anon/pen/bNbLLM

出于测试目的,我删除了您的一些代码(ul 列表)。

也注意到您的 CSS 上有一些错误。

删除或放置 padding:0

#header {
padding: 0 0 20px;
}

删除:

#header img {
margin-top:2px;
}

关于html - 似乎无法在不更改标题大小的情况下更改图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26834106/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com