SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Guru
    Join Date
    Apr 2001
    Location
    BC, Canada
    Posts
    630
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    input attributes

    Im using this in my sheet

    PHP Code:
    INPUT {  border-color #FFFFFF;  color : #FFFFFF;  background-color : #293547;  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;} 
    looks good with the site.. but there is a prob

    the text field and hte submit buttons kind have a bevel, indent thing going.. can I get rid of that?

    thanx

  2. #2
    SitePoint Wizard
    Join Date
    Sep 1999
    Posts
    1,390
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This seems to do the trick:
    Code:
    <input type="text" style="#FFFFFF;  color : #FFFFFF;  background-color : #293547; border:thin solid #293547; border-color: #293547;  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;">
    Or:
    Code:
    INPUT {  color : #FFFFFF;  background-color : #293547;   border:thin solid #293547; border-color: #293547;  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
    Hope this is what you wanted.

  3. #3
    SitePoint Guru
    Join Date
    Apr 2001
    Location
    BC, Canada
    Posts
    630
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    what if i wanted to exclude a particlur input from all thsoe atributes?
    cuz I gota button image... and it looks messed with white border around it

  4. #4
    SitePoint Wizard
    Join Date
    Sep 1999
    Posts
    1,390
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Although I didn't notice it when I made that HTML, I am almost positive it is the
    Code:
    border-color : #FFFFFF;  color : #FFFFFF;
    part of your code. Try setting it to #000000 or another value and let me know what happens.

  5. #5
    SitePoint Guru
    Join Date
    Apr 2001
    Location
    BC, Canada
    Posts
    630
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    no, the colors are fine.. I jsut want to exclude some cases of he input tage from these attributes... so they have no bg, no border...

  6. #6
    SitePoint Wizard
    Join Date
    Sep 1999
    Posts
    1,390
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The only way I know how to do it is to use the first method I posted (the one with <input style="">. Through the style attribute you can control each individual item. I believe it overrides all other style settings (external file, for example) so you should be able to use them in conjunction.

    There may be another way to do it, but that's the only way I know. I know little about CSS and use it rarely.

  7. #7
    SitePoint Guru
    Join Date
    Apr 2001
    Location
    BC, Canada
    Posts
    630
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    yeah me too..
    its sad really
    I know java, javascript/asp/php
    ...but not css

  8. #8
    Victory shall be mine tubedogg's Avatar
    Join Date
    Mar 2001
    Location
    Medina, OH
    Posts
    440
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could assign it to a class and then use class="whatever" in your input tags that you wish to have the border. Keep in mind the border screws it up in netscape < 6 to the point where it may not be usable. To fix that, take a look at this.

    Anyway back to the question at hand. Here's a snippet of my CSS:
    .bginput {
    background-color: #779EC5;
    font-size: 12px;
    font-family: Verdana,sans-serif;
    color: #333333;
    font-color: #FFFFFF;
    border: solid 1px;
    background-color: {categorybackcolor};
    }

    and the input I use in the page:
    <input type="text" class="bginput" name="status" size="50">
    I could code <input> tags all day and it wouldn't affect them unless I include the class="bginput".
    Last edited by tubedogg; Jul 8, 2001 at 06:55.
    Kevin


Bookmarks

Posting Permissions

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