Talk:ACF css: Difference between revisions

From Alpine Linux
No edit summary
No edit summary
(One intermediate revision by one other user not shown)
Line 13: Line 13:
I'm wondering if we could use something else, either divs (with classes)  
I'm wondering if we could use something else, either divs (with classes)  


  <div class=label>foo</div><div class=item><input type......></div>
&lt;div class=label>foo&lt;/div>&lt;div class=item>&lt;input type......>&lt;/div>


http://www.alistapart.com/stories/practicalcss/
http://www.alistapart.com/stories/practicalcss/
Line 20: Line 20:


What do you think?
What do you think?
---
Your right, that I'm trying to do 2 columns as you describe.<BR>
There might be a better way... but still you get a good, clean layout when not using a css if you use dl,dt and dd.
The fact that dl only can contain dt and dd shouldn't be a problem. As I understand the dd can contain whatever (like a div, p or something else).<BR>
The use of dl,dt and dd is only when you want the columns layout with description at left, and the result/values at right.<BR>
When using a input, select, textarea or something else inside the dd, you can use the dd's width and say that the input,select,... could be 100% wide. This would result in a input,select,... which is as wide as the dd.
But if we don't need the description field at left (as dt) then you just use whatever you need inside the #content (like a input,select,textarea,whatever). This could then use 100% of the #content width.<BR>
I have done some experiments with this in the acf-openntpd.
[[User:mhavela|mhavela]] Sun Jan 13 22:03:54 CET 2008<BR>
---

Revision as of 21:13, 13 January 2008

Regarding DL, DD, DT:

My understanding is you are trying to do this:

 dt    |   dd   
foo    |  [                    ]
bar    |  [                    ]

where the dt is on the "left" column, and the dd is on the "right" column. Unfortunately, A DL can only contain DD and DT tags, not other divs or elements. that might be limiting, where we would want something like ajax or even just a complex formset or other item on the "right hand" of the block


I'm wondering if we could use something else, either divs (with classes)

<div class=label>foo</div><div class=item><input type......></div>

http://www.alistapart.com/stories/practicalcss/

has some examples of doing this with forms, to make the elements line up correctly.

What do you think?

---

Your right, that I'm trying to do 2 columns as you describe.
There might be a better way... but still you get a good, clean layout when not using a css if you use dl,dt and dd.

The fact that dl only can contain dt and dd shouldn't be a problem. As I understand the dd can contain whatever (like a div, p or something else).
The use of dl,dt and dd is only when you want the columns layout with description at left, and the result/values at right.
When using a input, select, textarea or something else inside the dd, you can use the dd's width and say that the input,select,... could be 100% wide. This would result in a input,select,... which is as wide as the dd.

But if we don't need the description field at left (as dt) then you just use whatever you need inside the #content (like a input,select,textarea,whatever). This could then use 100% of the #content width.
I have done some experiments with this in the acf-openntpd.


mhavela Sun Jan 13 22:03:54 CET 2008
---