Talk:ACF css

The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

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>

https://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
---