#1
  1. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Location
    Spain
    Posts
    121
    Rep Power
    11

    CSS on form objects problem


    I do extensive CSSing on the web I am building at this moment.
    I have a little problem when doing some styles on <input> form objects.
    I want the input text boxes to have a certain bgcolor and 1px border. But I have a problem on this:
    if I do:
    PHP Code:
    input
        
    {
        
    font-familyVerdanaArialHelveticasans-serif;
        
    font-size9px;
        
    background#CFE200;
        

    I got what I want, with the exception of that the border has a default size.
    then, I do this:
    PHP Code:
    input
        
    {
        
    font-familyVerdanaArialHelveticasans-serif;
        
    font-size9px;
        
    background#CFE200;
        
    border1px;
        } 
    The borders are gone. I tried with border: 10px, to get an extreme result but the input textboxes remain borderless.
    But If I remove the background color tag, the border appears. An image showing this:
  2. #2
  3. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    UK
    Posts
    11
    Rep Power
    0
    That should work.

    input
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    background: #CFE200;
    border-style:solid;
    border-width:1px;
    }
  4. #3
  5. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Location
    Spain
    Posts
    121
    Rep Power
    11
    it does, thx

IMN logo majestic logo threadwatch logo seochat tools logo