homepage Welcome to WebmasterWorld Guest from 54.196.206.80
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Website
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

    
Pure CSS Buttons
How to keep them from moving?
a0731370




msg:3842526
 10:05 pm on Feb 4, 2009 (gmt 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?

 

swa66




msg:3842540
 10:18 pm on Feb 4, 2009 (gmt 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.

a0731370




msg:3842545
 10:22 pm on Feb 4, 2009 (gmt 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.

a0731370




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

Nevermind I found the problem.

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

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved