Adobe Dreamweaver -如何“移动”图像
Adobe Dreamweaver -如何“移动”图像
我正在使用超文本标记语言，并且有三张我想要移动的图片，现在它看起来像这样：http://jonathangurebo.tumblr.com/post/41614799078
如何让它变得更好。我希望它看起来像这样：http://jonathangurebo.tumblr.com/post/41614824708
我做得怎么样？我是Dreamweaver初学者。
我的HTML代码如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jonathan Gurebo</title>
<style type="text/css">
<!--
body {
background-color: #191919;
}
-->
</style></head>
<body>
<center>
<p><img src="Pictures/Jonathan Gurebo.png" width="405" height="76" />
</p>
<p><img src="Pictures/Apps.png" width="128" height="86" />f<img src="Pictures/Contact.png" width="194" height="72" /></p>
<p> </p>
</center>
</body>
</html>回答 2
Stack Overflow用户
发布于 2013-01-28 01:06:58
正如hunzaboy提到的，向这些图像添加一个类和浮点数可能是达到您想要的效果的最快方法。
然而，我真正推荐的可能是买一本书，比如HTML & CSS: Design and Build Web Sites
这本书尤其出色，它将帮助你真正理解HTML和CSS的基础知识，以及在构建网站时使用的良好实践。虽然Dreamweaver是一个很好的编辑器，但如果您只是这方面的初学者，您可能想要学习更多关于如何编码的知识，而不是使用可视化编辑器。
除了学习如何为自己的利益编写代码之外，Dreamweaver的可视视图并不总是使用最好的标准-例如，它在图像中添加<center>标记，并为图像添加宽度和高度，而这应该使用CSS来实现-这是可视化样式您的网站的方式。
如果你更喜欢在网上学习，而不是通过书本，你也可以尝试Treehouse或Learn CSS on Tuts+ -这两个都是非常好的，负担得起(或免费)的在线课程，应该会让你更好地理解你正在尝试做什么。
希望这能有所帮助！:)
Stack Overflow用户
发布于 2013-01-28 00:36:29
简单的方法是添加一个类。并左右浮动图像
.classname{float: left；display:block;}
或者另一种简单的方法是创建3个div(如果你想在两个图像之间保留任何文本)，并相应地浮动它们。
如果你需要更多的澄清，请告诉我。
另外，由于你是html的新手，所以我建议你开始通过框架来学习。http://getbootstrap.com是一个很好的框架，可以让你的网站建立在坚实的基础上。
https://stackoverflow.com/questions/14549461
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号