Talk:ACF css - Revision history

Sertonix: use https

2023-08-25T20:39:53Z

use https

← Older revision		Revision as of 20:39, 25 August 2023
Line 15:		Line 15:
	<div class=label>foo</div><div class=item><input type......></div>		<div class=label>foo</div><div class=item><input type......></div>

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

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

Mhavela at 21:13, 13 January 2008

2008-01-13T21:13:35Z

← Older revision		Revision as of 21:13, 13 January 2008
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>
			---

Nangel at 19:47, 11 January 2008

2008-01-11T19:47:23Z

← Older revision		Revision as of 19:47, 11 January 2008
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>		<div class=label>foo</div><div class=item><input type......></div>

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

Nangel at 19:46, 11 January 2008

2008-01-11T19:46:31Z

← Older revision		Revision as of 19:46, 11 January 2008
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>		<div class=label>foo</div><div class=item><input type......></div>

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

Nangel at 19:46, 11 January 2008

2008-01-11T19:46:10Z

New page

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?