Contact Form

[ballouta]

Hello,

 

I have this contact form CSS code, I a tryin to edit it to make its direction from right to left AND place the titles (Name-Email etc..) on the right instead of the left. and the input fields on the left. but it is not working.

 

Original CSS is:

.input_fields {	/* Form field style */
color: #000000;	
width: 350px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px;
margin: 0px 0px 5px 75px; 
background-color: #EEE;	
border: 1px; 
border-color:#CCC; 
border-style:solid;
display: inline;
} 

.input_fields:hover {
background-color: #CCC;
border: 1px;
border-style:solid
} /* Form field style */

.input_button {	
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;	
font-size: 12px;	
margin-top: 10px; 
margin-left: 130px;
padding: 10px 20px 10px 20px;	
background-color: #990007;	
border: 0px;
display: inline;
clear: both;
} /* Button style */

.input_button:hover {	
background-color: #333;	
border: 0px;} /* Button style */

.fb_titles {
width: 55px;
float: left;
text-align: left;
}
and here is the online link: http://www.thinkpositive-lb.org/ar/contact.php
a strange thing is that the text sometims appear correctly on the right (name-email...) then it jumps to the left!

Many thanks

[cags]

I believe to make the input fields right to left all you should have to do is add the following to .input_fields {}, but having said that I checked out your site and it appeared correct.

 

direction: rtl

 

As for the text align of the labels, I think changing the float direction would change layout, so just changing the text-align to right should work, but again, this is what it appeared your site already had.