Cotton Rohrscheib

The Cotton Club Blog & Podcast

  • Home
  • Bio
    • Resume
  • Blog
    • Faith & Family
    • Marketing & Tech
    • Farm & Business
    • Entertainment
    • Health & Wellness
    • Urban Farming
    • Weekend Projects
  • Media
    • Newsletter
    • Photo Galleries
    • Instagram Feed
    • Video Archives
    • Podcasts
    • Music Playlists
  • Books
  • Connect
    • Rohrscheib Capital
    • Disclaimer
    • Privacy Policy
You are here: Home / Marketing & Tech / Using CSS on Forms

Using CSS on Forms

October 20, 2007 by Cotton Rohrscheib 1 Comment

I am working on a search box function for a clients membership database in php and was investigating how to style it using CSS and ran across a pretty good handful of resources, a few of which use the “legend” feature to overlay a “tab” or “legend” of sorts over the box.  The achieved affect is very cool and I thought that I would share the source code used on this:  Source: Applying CSS to forms

label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
.submit input
{
margin-left: 4.5em;
}
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}
.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}
fieldset
{
border: 1px solid #781351;
width: 20em
}
legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
}

I will probably post my finished product here for review once I get to that point.  What I am working is going to vary on this quiet a bit because I have drop downs and text boxes on my search box but the theory of framing it all in is going to hopefully be very similar. 

About Cotton Rohrscheib

The Cotton Club is a monthly podcast hosted by me, Cotton Rohrscheib. I'm a 52 year old entrepreneur w/ ADHD, OCD (and now AARP) that refuses to grow up as I grow old. I have collaborated and invested in hundreds of projects throughout my career in multiple industries such as; technology, healthcare, and agriculture. I also have 25 years experience in the marketing industry as a co-founder of an award-winning advertising agency. I will undoubtedly cover a wide variety of topics on my podcast while sharing some really crazy stories and situations that I've been fortunate to witness firsthand. I also have a book coming out in 2025 titled, "Mistakes were Made"

Trackbacks

  1. echo20 » Blog Archive » Using CSS on Forms says:
    October 22, 2007 at 12:21 pm

    […] story here Filed under: css […]

    Reply

Please Drop Your Questions or CommentsCancel reply

Let’s Connect

  • Email
  • Facebook
  • Instagram
  • LinkedIn
  • Twitter

Recent Updates

  • Real Talk about Mental Health and Agriculture
  • Ep033: Cotton Rohrscheib & Will Scott
  • Check Your Cucumber Plants for Anthracnose
  • EP:032 – Cotton Rohrscheib & Diana DeHart
  • Challenges & Opportunities Going into 2025

Blog Categories

  • Blog (419)
  • Entertainment (376)
  • Faith & Family (148)
  • Farm & Business (289)
  • Health & Wellness (34)
  • Marketing & Tech (584)
  • Podcasts (32)
  • Urban Farming (21)
  • Weekend Projects (1)

Listen & Subscribe

Blog Archives

Join the Cotton Club!

 

Content Copyright: 2001-2025
Cotton Rohrscheib | Rohrscheib Capital