Jump to content

Need Help Coding Simple CSS Based Form


postroske

Recommended Posts

Hello Everyone,

 

I apologize ahead of time as I am sure this is a reoccurring question. The forums explanation that I found addressed table-based designs. I've never used PHP in my life and to be honest have just gotten the hang of xhtml/ccs. My end goal is to be able to have users submit the form and receive it in my gmail account. The files are not on a server just yet. Thanks for your patience with a newbie, Peter

 

Html Code:

 

<div class="contact_form">

                         

                    <div class="form_row">

                    <label class="contact">Name:</label>

                    <input type="text" class="contact_input" />

                    </div> 

 

                  <div class="form_row">

                    <label class="contact">Email:</label>

                    <input type="text" class="contact_input" />

                  </div>

 

                    <div class="form_row">

                    <label class="contact">Message:</label>

                    <textarea class="contact_textarea" ></textarea>

                    </div>

 

                   

                    <div class="form_row">

                    <a href="#" class="read_more">send</a>

                    </div>     

                   

                </div>

 

CSS:

 

.contact_form{

width:355px;

float:left;

padding:0px 0 0 5px;

}

.form_row{

width:335px;

clear:both;

padding:10px 0 10px 0;

_padding:5px 0 5px 0;

color:#a53d17;

}

label.contact{

width:70px;

float:left;

font-size:12px;

text-align:right;

padding:4px 5px 0 0;

color:#fff;

}

input.contact_input{

width:253px;

height:18px;

background-color:#857c7c;

color:#FFFFFF;

border:1px #857c7c solid;

float:left;

}

textarea.contact_textarea{

width:253px;

height:50px;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#FFFFFF;

background-color:#857c7c;

border:1px #857c7c solid;

float:left;

}

.contact_info{

width:380px;

float:left;

padding:0 0 0 20px;

color:#FFFFFF;

}

p.adress{

float:left;

padding:10px 0 0 15px;

line-height:13px;

}

 

 

 

 

 

Link to comment
https://forums.phpfreaks.com/topic/177615-need-help-coding-simple-css-based-form/
Share on other sites

My question is - How Do I code a css tableless design with PHP. There is no form code because I don't know what a form code is. Maybe you could help me get a little closer to making this happen. Sound like i have a ways to go as far as basic understanding is concerned.

 

thanks, Peter

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.