Thread: CSS help please

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

    Join Date
    Sep 2012
    Posts
    112
    Rep Power
    7

    CSS help please


    I need help styling my buttons. Currently my buttons have a bullet point and they are underlined. What I want is no bullet, no underline and a blue background with padding between the buttons.

    Here is my button code which is in an include file:

    PHP Code:
    <ul>
    <
    li><a href "index.php?page=home_page">Home Page</a></li>
    <
    br>
    <
    li><a href "index.php?page=site_layout">Site Layout</a></li>
    <
    br>
    <
    li><a href "index.php?page=control_structures">Control Structures</a></li>
    <
    br>
    <
    li><a href "index.php?page=string_functions">String Functions</a></li>
    <
    br>
    <
    li><a href "index.php?page=web_forms">Web Forms</a></li>
    <
    br>
    <
    li><a href "index.php?page=midterm_assessment">Midterm Assessment</a></li>
    <
    br>
    <
    li><a href "index.php?page=state_information">State Information</a></li>
    <
    br>
    <
    li><a href "index.php?page=user_templates">User Templates</a></li>
    <
    br>
    <
    li><a href "index.php?page=final_project">Final Project</a></li>
    </
    ul
    Here is my style sheet snippet for the buttons:

    PHP Code:
    #button_nav 
        
    {
        
    text-decoration:none;
        
    float:left;
        
    width10%;
        list-
    style:none;
        } 
  2. #2
  3. Confused badger
    Devshed Beginner (1000 - 1499 posts)

    Join Date
    Mar 2009
    Location
    West Yorkshire
    Posts
    1,184
    Rep Power
    492
    You know that there's a CSS section to this forum --> HERE
    "For if leisure and security were enjoyed by all alike, the great mass of human beings who are normally stupefied by poverty would become literate and would learn to think for themselves; and when once they had done this, they would sooner or later realise that the privileged minority had no function and they would sweep it away"
    - George Orwell, 1984
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2012
    Posts
    112
    Rep Power
    7
    i realized that after i posted it, but i am not allowed to move it.
  6. #4
  7. Confused badger
    Devshed Beginner (1000 - 1499 posts)

    Join Date
    Mar 2009
    Location
    West Yorkshire
    Posts
    1,184
    Rep Power
    492
    Originally Posted by maineman
    i realized that after i posted it, but i am not allowed to move it.
    I'm sure that a Moderator will when they see this; as for the CSS help, I'm not too hot on front-end but I think that you may need to use "margin" like so:-
    margin: 10 10;

    As for no underline, I think that you should use :-
    text-decoration: none;

    To remove the bullet you can try:-
    list-style: none;

    Although people in the CSS forum will be able to confirm if I'm talking out of my bottom or not, I'd think that all the answers to your CSS woes can all be found via google.

    EDIT > For the text background, try :-
    background-color:blue;
    "For if leisure and security were enjoyed by all alike, the great mass of human beings who are normally stupefied by poverty would become literate and would learn to think for themselves; and when once they had done this, they would sooner or later realise that the privileged minority had no function and they would sweep it away"
    - George Orwell, 1984

IMN logo majestic logo threadwatch logo seochat tools logo