Welcome to WebmasterWorld Guest from 54.234.244.30

Forum Moderators: not2easy

Message Too Old, No Replies

Pure CSS Buttons

How to keep them from moving?

     
10:05 pm on Feb 4, 2009 (gmt 0)

New User

5+ Year Member

joined:June 14, 2006
posts:37
votes: 0


HI

I got 5 pure css buttons in the left dev
and text and pictures go into the right dev.

Goes like this....
Index
Images
Tutorials
Links
OCD
Right now there are no images in the index
just text. If I click on the button Images
the buttons all move down about 10px.

Is there anyway to stop is annoyance?

10:18 pm on Feb 4, 2009 (gmt 0)

Senior Member

WebmasterWorld Senior Member swa66 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 7, 2003
posts:4783
votes: 0


look in your CSS code for the styling of the buttons, I'd check for the pseudo class selector like :hover and/or :active to have some margin/paddign or other positioning.
10:22 pm on Feb 4, 2009 (gmt 0)

New User

5+ Year Member

joined:June 14, 2006
posts:37
votes: 0


#list-menu ul {
font-size: 0.8em;
margin: 0px;
padding: 0px;
list-style-type: none;}

#list-menu li {
margin:4px 0px 0px 0px ;}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
background: #CCCCCC;
color:#000000;}

#list-menu a:hover {
background: #808080;
color: #FFFFFF;
border: 1px solid #000000;}

I'm new to css so I don't really understand.

10:53 pm on Feb 4, 2009 (gmt 0)

New User

5+ Year Member

joined:June 14, 2006
posts:37
votes: 0


Nevermind I found the problem.

a {
display: block;
padding: 8px;}

That little bit of code was causing my buttons
to move.

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members