Textpattern CMS

#1 2009-07-14 07:26:37

mrtunes

Member

From: Toronto, On

Registered: 2007-03-12

Posts: 575

Website

styling zemContactReborn

does anyone else have a hard time doing this? i’ve created forms on my own before, and they can be really hard to do once you get into the validation stuff. so i’m trying to stick with zemContact. but i find that aligning contact forms is really hard:

.zemContactForm label{
float:left;
display:block;
text-align:right;
width:130px;
}

.zemContactForm input{
width:130px;
margin-left:30px;
}

the normal behaviour of this plugin is the inputs will break down to a new line after the label is printed.

#2 2009-07-14 15:02:05

johnstephens

Plugin Author

From: Woodbridge, VA

Registered: 2008-06-01

Posts: 999

Website

Re: styling zemContactReborn

Have you looked at this article by Kevin Potts ?

I usually wrap my label+input pairs in some other markup, like li or div elements, for easier styling.

I’m not sure what specifically you’re asking— I hope this helps!

#3 2009-07-14 15:16:07

mrdale

Member

From: Walla Walla

Registered: 2004-11-19

Posts: 2,215

Website

Re: styling zemContactReborn

This form is pretty complicated steal my CSS if you like

#4 2009-07-14 17:51:43

mrtunes

Member

From: Toronto, On

Registered: 2007-03-12

Posts: 575

Website

Re: styling zemContactReborn

yes that’s exactly what i was looking for. both good posts, thank you!

i was looking into the idea of tables because that’s how an instructor did it in a course that i was at. this will be much nicer.