Css 960网格,带有html5头标签
我是960.gs的新手,在使用它和html5时遇到了一些问题 我正在尝试以下方法: 图像应跨越2个网格单位,同一行中的div应跨越5个单位,然后(因为该“行”已满)应跟随换行符并显示标题。我试过以下方法:Css 960网格,带有html5头标签,css,html,960.gs,Css,Html,960.gs,我是960.gs的新手,在使用它和html5时遇到了一些问题 我正在尝试以下方法: 图像应跨越2个网格单位,同一行中的div应跨越5个单位,然后(因为该“行”已满)应跟随换行符并显示标题。我试过以下方法: <div class="container_12"> <header class="grid_12"> <img src="nothing" class="grid_2 alpha"><div class="grid_5 suf
<div class="container_12">
<header class="grid_12">
<img src="nothing" class="grid_2 alpha"><div class="grid_5 suffix_5">SOMETHING</div>
<h1 class="grid_2 omega">title</h1>
</header>
</div>
某物
标题
据我对960.gs的理解,这应该会产生预期的效果。它实际上没有:它在一行上显示图像,div和标题在另一行下,在下一行上有一点缩进。这是因为使用了div以外的其他元素吗
提前谢谢你的帮助!(我从中获得了大量信息)
某物
标题
它对你有用吗?
某物
标题
它对您有用吗?是否页眉需要是容器而不是网格?那么页眉不是我整个页面的容器吗?在结束标题标记之后(当然是在结束div标记之前)仍然有内容,很抱歉我忽略了这一点。关键是你不能嵌套网格。标题必须是一个容器。标题的同级也可以是容器。每页有多个容器不是什么大问题。每个网格都需要是容器的子级,而不是其他网格的子级。有意义吗?这确实有意义,但它仍然没有归档我想要的内容:现在我在div的左侧和右侧有图像,在div的下方有标题(但仍然与图像在同一行)。实际上960.gs应该能够处理嵌套网格(我在很多地方在web上读到).是否页眉需要是容器而不是网格?那么页眉不是我整个页面的容器吗?在结束标题标记之后(当然是在结束div标记之前)仍然有内容,很抱歉我忽略了这一点。关键是你不能嵌套网格。标题必须是一个容器。标题的同级也可以是容器。每页有多个容器不是什么大问题。每个网格都需要是容器的子级,而不是其他网格的子级。有意义吗?这确实有意义,但它仍然没有归档我想要的内容:现在我在div的左侧和右侧有图像,在div的下方有标题(但仍然与图像在同一行)。实际上960.gs应该能够处理嵌套网格(我在很多地方在web上读到).这是我不想要的。我希望文本“title”位于图片下方:-/.是的,没错。这只适用于clear-div。我尝试了使用较少的混合,这适用于除clear-div之外的所有情况。这是我不想要的。我希望文本“title”位于图片下方:-/.是的,没错。这只适用于clear-div。我尝试了使用较少的混合,这适用于除clear-div之外的所有情况。
<div class="container_12">
<header>
<div class="grid_9">
<div class="grid_2 alpha">
<img src="http://showbuzz.ru/wp-content/uploads/2009/09/dead_earners_9_wenn1642245.jpg" class="grid_2 alpha" />
</div>
<div class="grid_7 omega">
SOMETHING
</div>
<div class="grid_9 alpha omega">
<h1>title</h1>
</div>
</div>
</header>