Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Aligning field in Spry

Community Beginner ,
Feb 25, 2010 Feb 25, 2010

I'm largely a beginner with Dreamweaver CS4 on my Mac.

Today I began to use Spry, and I have created text fields for "First name", "Last name" and "email".

My challenge is that I would like the left most boundaries to line up, under each other, BUT I cannot for the life of my figure out how to do this.

How is this done?

TOPICS
Server side applications
230
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Feb 26, 2010 Feb 26, 2010
LATEST

CSS is the best way.

I am currently making a site completely using CSS as layout.

I would normally create forms with tables, but have used CSS to do certain things.

I have a fieldset with legend and within that the inputs:

My CSS:

fieldset {
    border-style:solid;
    border-width:2px;
    border-color:#bcbb00;
    padding:5px 5px 5px 5px;
}
legend {
    color:#4d485c;
    padding-left:3px;
    font-weight:bold;
}
#sprytextfield1 {
    display: block;
    width: 120px;
    float: left;
    margin-bottom: 10px;
}
#sprytextfield2 {
    display: block;
    width: 120px;
    float: left;
    margin-bottom: 10px;
}

br {
   clear: left;
}

This give me a two column look to my form

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines