This is really off topic, and back in November I suggested you join
the css-discuss list (http://www.css-discuss.org/mailman/listinfo/css-
d ) I haven't seen you post there, yet. When you do, please provide
a link to a page that illustrates the problem, so people can actually
see tit and inspect the CSS.
Please validate your HTML and CSS before posting.
And yes, there is a "clear" style.
--bill
On Mar 24, 2008, at 10:00 PM, David Mark Weiss wrote:
Hi,
I have worked a while today trying to solve a problem.
I have some CSS, where you can expend detail below a line.
Triangle normal - description here
Triangle normal - description here
Triangle normal - description here
Triangle normal - description here
You hit the triangle and the detail shows up below
Triange down - Description
Detail detail detail detail
detail detail detail detail
Triangle normal - description here
Triangle normal - description here
Triangle normal - description here
The problem I am having is that when I open the detail, instead of
the triangles below the line lining up, as I show here:
1-Triange down - Description
Detail detail detail detail
detail detail detail detail
2-Triangle normal - description here
3-Triangle normal - description here
4-Triangle normal - description here
They look like this
1- Triange down - Description
Detail detail detail detail
detail detail detail detail 2-Triangle normal - description
here
3-Triangle normal
- description here
4-Triangle normal
- description here
Here is the code:
<ul class="open">
<li id="item1"><a onclick="toggle('item1');"><img
src="closed.gif" alt="" id="img_item1" border="0"></a>Item 1
<ul id="ul_item1" class="closed">
<li id="item1_1">
<div style="float:left;width: 400px;height:200px;text-align:
left;border:1px solid #ccc;overflow-x:auto;">
;alsdkja;lsdkjfa;sldkfja; sldfkja;sdlfkja;sdlfkja;lsdjkfa;lsdkjfa;sl
djkfa;lsdkjf;als dkjfa;sldkjf;asldjkfa;lsdkjfa; sldkjf;asldkjf;a
lsdkjf;alsdkjf;alsdkjf;alsd
kjf;alskdjf;alsdkjf;asldkjf;asldkjfa;sldkfja ;sldkjf;alsdkjf;
alsdkjf;alsdkjf;alsdkjf;al sdkjf;a lsdjkf;alsdkfj</div></li>
</ul>
</li>
<li id="item1"><a onclick="toggle('item1');"><img src="closed.gif"
alt="" id="img_item1" border="0"></a>Item 1
<ul id="ul_item1" class="closed">
<li id="item1_1">
<div style="float:left;width: 400px;height:200px;text-align:
left;border:1px solid #ccc;overflow-x:auto;">
;alsdkja;lsdkjfa;sldkfja; sldfkja;sdlfkja;sdlfkja;lsdjkfa;lsdkjfa;sl
djkfa;lsdkjf;als dkjfa;sldkjf;asldjkfa;lsdkjfa; sldkjf;asldkjf;a
lsdkjf;alsdkjf;alsdkjf;alsd
kjf;alskdjf;alsdkjf;asldkjf;asldkjfa;sldkfja ;sldkjf;alsdkjf;
alsdkjf;alsdkjf;alsdkjf;al sdkjf;a lsdjkf;alsdkfj</div></li>
</ul>
</li>
<li id="item1"><a onclick="toggle('item1');"><img src="closed.gif"
alt="" id="img_item1" border="0"></a>Item 1
<ul id="ul_item1" class="closed">
<li id="item1_1">
<div style="float:left;width: 400px;height:200px;text-align:
left;border:1px solid #ccc;overflow-x:auto;">
;alsdkja;lsdkjfa;sldkfja; sldfkja;sdlfkja;sdlfkja;lsdjkfa;lsdkjfa;sl
djkfa;lsdkjf;als dkjfa;sldkjf;asldjkfa;lsdkjfa; sldkjf;asldkjf;a
lsdkjf;alsdkjf;alsdkjf;alsd
kjf;alskdjf;alsdkjf;asldkjf;asldkjfa;sldkfja ;sldkjf;alsdkjf;
alsdkjf;alsdkjf;alsdkjf;al sdkjf;a lsdjkf;alsdkfj</div></li>
</ul>
</li>
</ul>
I have read and read online and can't find WHY I am having the
behavior I am. So it's like there is something about Blocks that I
don't understand.
I am guessing it is something easy,
Is there some kind of "clear" command I am supposed to use?
thanks for the help
Mark Weiss
http://trustthechildren.blogspot.com
________________________________________________________________________
TO UNSUBSCRIBE: Go to http://www.witango.com/developer/maillist.taf
________________________________________________________________________
TO UNSUBSCRIBE: Go to http://www.witango.com/developer/maillist.taf
