Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: css related questions

  1. #1
    Join Date
    Jul 2010
    Posts
    64
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default css related questions

    Hi everyone,

    I have 2 questions about a page I'm making. You can view it here. In the page you see a 'J', If I delete this J my whole layout gets messy. Does anyone know how to resolve this.

    this code in my CSS:
    HTML Code:
    .asterix{color:#f90102;}.underline{text-decoration:underline;}.cursor{cursor:pointer;}strong{font-weight:bold;}
    input,select,textarea,file{border:1px solid #D6D4CF;color:#999186;font-family:Arial,Helvetica,sans-serif;}
    textarea{
    height: 100px;
    width: 250px;}
    Should apply only to my table, not to my whole page. How can I achieve this?

    Thanks for the help, I very much appreciate it
    Last edited by Rosalie; 07-08-2011 at 10:01 PM.

  2. #2
    Join Date
    Jul 2010
    Posts
    64
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    Hopefully it's not a problem that some pictures are not visible. The problem is that if I delete the J than my lowest navigation bar is positioned very weird while with the J (or any other sign of course) the position of the lowest navigation bar is correct.

  3. #3
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,030
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    What happens if you try <div class="sfsdfsdf" style="clear:both"></div>

    or

    replace the 'j' with a non-breaking space entity: &nbsp;
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  4. The Following User Says Thank You to Beverleyh For This Useful Post:

    Rosalie (07-05-2011)

  5. #4
    Join Date
    Jul 2010
    Posts
    64
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Beverleyh View Post
    What happens if you try <div class="sfsdfsdf" style="clear:both"></div>

    or

    replace the 'j' with a non-breaking space entity: &nbsp;

    Thank you very much beverleyh,
    Your last recommendation worked!

  6. #5
    Join Date
    Jul 2010
    Posts
    64
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    My only question left now is whether it is possible to have this css code only applied to my table and not to the whole page:

    Code:
    .asterix{color:#f90102;}.underline{text-decoration:underline;}.cursor{cursor:pointer;}strong{font-weight:bold;}
    input,select,textarea,file{border:1px solid #D6D4CF;color:#999186;font-family:Arial,Helvetica,sans-serif;}
    textarea{
    height: 100px;
    width: 250px;}

  7. #6
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,030
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    No problem.

    As far as targetting your table only, first give it an id;
    Code:
    <table id="mytable" width="300" border="0" align="left" cellpadding="2" cellspacing="0">
    and then change your CSS to this, so only the elements within your table are targetted;
    Code:
    #mytable .asterix { color:#f90102; }
    #mytable .underline { text-decoration:underline; }
    #mytable .cursor { cursor:pointer; }
    #mytable strong { font-weight:bold; }
    #mytable input, #mytable select, #mytable textarea, #mytable file { border:1px solid #D6D4CF; color:#999186; font-family:Arial,Helvetica,sans-serif; }
    #mytable textarea { height:100px; width:250px; }
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  8. The Following User Says Thank You to Beverleyh For This Useful Post:

    Rosalie (07-06-2011)

  9. #7
    Join Date
    Jul 2010
    Posts
    64
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Beverleyh View Post
    No problem.

    As far as targetting your table only, first give it an id;
    Code:
    <table id="mytable" width="300" border="0" align="left" cellpadding="2" cellspacing="0">
    and then change your CSS to this, so only the elements within your table are targetted;
    Code:
    #mytable .asterix { color:#f90102; }
    #mytable .underline { text-decoration:underline; }
    #mytable .cursor { cursor:pointer; }
    #mytable strong { font-weight:bold; }
    #mytable input, #mytable select, #mytable textarea, #mytable file { border:1px solid #D6D4CF; color:#999186; font-family:Arial,Helvetica,sans-serif; }
    #mytable textarea { height:100px; width:250px; }
    Thank you so much! It worked just the way I wanted it

  10. #8
    Join Date
    Jul 2010
    Posts
    64
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    I am sorry having to ask for your help again. There are still some things which I am unable to fix, after a long time of trying and searching.
    On my contact page, the title and message box don't have the font displayed in black unlike the other boxes. I have no idea how to fix this.


    Thanks in advance for the help!
    Last edited by Rosalie; 07-08-2011 at 10:40 AM.

  11. #9
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    3,030
    Thanks
    25
    Thanked 599 Times in 575 Posts
    Blog Entries
    40

    Default

    I'm sorry but I dont understand what you want help to fix.

    Please can you elaborate a little more.
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  12. #10
    Join Date
    Jul 2010
    Posts
    64
    Thanks
    23
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Beverleyh View Post
    I'm sorry but I dont understand what you want help to fix.

    Please can you elaborate a little more.

    I'm sorry for being unclear. On my contact page (which you can find here)
    The text in my Title and Message fields is displayed in black and in my first name/surname/email address/subject fields is displayed in beige.

    I would like the text in the title and message fields also to be displayed in beige. Do you have an idea how to do this? When I try to change it, it doesn't work.

    Thanks in advance
    Last edited by Rosalie; 07-08-2011 at 10:03 PM.

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
  •