2011-05-27 92 views
-1

我有一个关于如何布局网页并将每个图像关联在一起的问题,以便它们可以一起流动。我有多个图像,有些图像会部分叠加在彼此之上,有些只是旁路他们之间有一些空间。以及一些图片将超链接和一些将超链接与图像变化悬停。以及一些将链接链接的背景。我以前没有建立过真实的网站。我刚刚创建的应用程序,我想帮助我的朋友在这个项目 他们在PhotoShop中设计的,以及他们给了我每件为单独的图像:帮助使用CSS设计网站

Sample image http://missadventures.ca/missA_layouts_may25.jpg

+0

您的问题太宽泛以至于无法正确回答。不过,我建议你找一些好的CSS教程,尤其是元素的绝对定位。 – Wylie 2011-05-27 17:45:39

+0

主要问题是我如何将它们连接在一起。我已经想出了如何定位项目。但如果我想要一个容器中的所有图像将居中我希望每个元素引用是容器引用而不是浏览器边缘。你可以看看我已经做了什么:http://www.missadventures.ca/index2.html – greektreat 2011-05-27 17:54:20

+0

要定位一个元素相对于它的容器,将容器的CSS设置为'position:relative',将孩子的CSS设置为'position :absolute'。 – DavidJCobb 2011-05-27 18:16:16

回答

1

这是一个更大的问题,可以在这里得到解答,你将需要更多关于建筑工地的常识。

首先,决定是要手动编码网站还是使用所见即所得的编辑器。如果你想使用所见即所得,Adobe Dreamweaver易于使用,非常好。

现在到代码部分。无论您以前选择什么,您都应该对HTML和CSS有基本的了解,以便进行调试。这两本书让我非常,当我开始了:

随着StackOverflow上,你也可以使用以下网站作为学习工具和参考:

最后,确保安装Firebug debugging tool for Firefox

祝你好运!