Hey,
thank you for reading this post, maybe you can help me. I am trying
to
nest grids, but it does not work, see my lines (extracted and
shorten):
Just copy, save as html, and then you'll see what I mean: the orange
solid bordered list items should be in the red dotted list container,
but that's not the case.
Can you help me with this?
<html>
<head>
<title>TESTING</title>
<link rel="stylesheet" type="text/css" href="http://
yui.yahooapis.com/
2.8.2r1/build/reset-fonts-grids/reset-fonts-grids.css">
<style type="text/css">
div, ul, li { padding:5px; }
</style>
</head>
<body class="yui-skin-sam">
<div id="doc3" class="yui-t2">
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<div class="some_outer_div" style="border: 1px solid green;">
<ul class="some_outer_list" style="border: 1px solid blue;">
<li class="some_outer_item" style="border: 1px solid red;">
<div class="some_inner_div" style="border: 1px dashed green">
<div class="yui-g">
<div class="yui-u first">
<div class="some_more_inner_div" style="border: 1px dotted green;">
<ul class="some_inner_list" style="border: 1px dashed blue">
<li class="some_inner_item" style="border: 4px dotted red;">
<div class="yui-g">
<div class="yui-u first">
<div class="some_deep_inner_div" style="border: 2px solid orange;">
INNER LEFT
</div>
</div>
<div class="yui-u">
<div class="some_deep_inner_div" style="border: 2px solid orange;">
INNER RIGHT
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="yui-u">
<div class="some_inner_div" style="border: 1px dotted green;">
OUTER RIGHT
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Thank you very much!
ms
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
