CSS help please

Dev Shed Forums Sponsor:

October 14th, 2012, 11:58 AM

maineman

Contributing User

Join Date: Sep 2012

Posts: 112

Time spent in forums: 14 h 27 m 57 sec
Reputation Power: 5

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;

    width: 10%;

    list-style:none;

    }

October 14th, 2012, 12:05 PM

badger_fruit

Confused badger

Join Date: Mar 2009

Location: West Yorkshire

Posts: 760

Time spent in forums: 1 Week 4 Days 5 h 15 m 18 sec
Reputation Power: 339

You know that there's a CSS section to this forum --> HERE

__________________
The number for UK Emergencies is changing, the new number is 0118 999 881 999 119 7253

"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

October 14th, 2012, 12:20 PM

maineman

Contributing User

Join Date: Sep 2012

Posts: 112

Time spent in forums: 14 h 27 m 57 sec
Reputation Power: 5

i realized that after i posted it, but i am not allowed to move it.

October 14th, 2012, 02:42 PM

badger_fruit

Confused badger

Join Date: Mar 2009

Location: West Yorkshire

Posts: 760

Time spent in forums: 1 Week 4 Days 5 h 15 m 18 sec
Reputation Power: 339

Quote:

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;

Developer Shed Advertisers and Affiliates