Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    floating image on forms

    Hie I'm Newbie in CSS and Webdesigning what i want to do is to create a form like this one please show me the html and CSSbeen up all night please thank you ..
    Attached Thumbnails Attached Thumbnails floating image on forms-capture.jpg  

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,105
    Thanks
    23
    Thanked 594 Times in 593 Posts
    Here's a start. To get the colors I use FireFox with Colorpicker add on.
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>New document</title>
    <meta name="generator" content="TSW WebCoder 2010" />
    <style type="text/css">
    .title
    {
    	margin-left: 5px;
    	margin-right: 3px;
    	font-size: 16px;
    	float:left;
    	color: #806E60;
    }
    .ital
    {
    	font-style:italic;
    	color: #999687;
    
    }
    
    input
    {
    	float:left;
    	border: 0;
    	background-color: #EEECBB;
    -moz-box-shadow: -1px 1px 0px #CECAAD;
    -webkit-box-shadow: -1px 1px 0px #CECAAD;
    box-shadow: -1px 1px 0px #CECAAD;
    
    }
    #big{
    	height: 20px;
    }
    </style>
    </head>
    
    <body style="background-color:#F1EEDF;color:#5B2D15;">
    
    <h2>Leave Reply</h2>
    
    <input id="big" type="text" name="mike" /><span class="title">Name</span><span class="ital">(required)</span><br />
    
    </body>
    </html>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •