Hi, I have a form in which I wanted to change the properties for the p:firstline pseudo-element, just for the form. However, when I added the :first-line psuedo-element to the p.formleft and p.formright rules, the text centered, despite my alignment designations. I would think that the text rules were picking up the desgination for the container (which is centered) except that they aligned just fine before I added the :first-line psuedo-element.
http://www.drk-writing.com/debscards/debscards3.html /*form page*/ form { margin: 0; border: 1px solid #fff; font: 90% Verdana, Arial, Helvetica, sans-serif; background-color: #590F81; color: #fff; width: 100%; } legend { font: 90% Georgia, 'Times New Roman', serif; font-style: italic; background-color: #590F81; color: #fff; } fieldset { margin: 20px; padding: 10px; border: 1px solid #DBC8F5; } input, textarea, select { background-color: #DBC8F5; text-align: right; font: 90% Arial, Helvetica, sans-serif; } input:focus, textarea:focus, select:focus { background-color: #ABE2C4; color: #590F81; } input[type=submit], input[type=reset] { margin: 15px; padding: 3px; width: 5em; text-align: center; border: 1px solid #000; } p.formleft:first-line { color: #fff; text-align: left; font: 100% Verdana, Arial, Helvetica, sans-serif; } p.formright:first-line { color: #fff; text-align: right; font: 100% Verdana, Arial, Helvetica, sans-serif; font-variant: normal; } .center { text-align: center; } Also, I need to make this form workable using cgi-script. I realize that this is off-topic so all I will ask is if someone know a good tutorial, could you let me know the link? I've been looking at different tutorials but am still at a loss as to actually how to set this up. Thanks! Debbie ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
