tra Posted May 20, 2009 Share Posted May 20, 2009 how do I put a text into a button without it movin goff the table Quote Link to comment Share on other sites More sharing options...
Axeia Posted May 20, 2009 Share Posted May 20, 2009 Going to need some more information.. what table, what button, what text? I'm guessing <button>Text</button> is not what you're after. Quote Link to comment Share on other sites More sharing options...
tra Posted May 21, 2009 Author Share Posted May 21, 2009 Thanks for your reply. Here is an example <div class="button" style="background:url and then the image </div> I would like to know how do I put text inside this image which is a grey button to say home for example.......... and also make it a rollover button so that when someone clicks on it..........it takes them to the page or section that it is supposed to Quote Link to comment Share on other sites More sharing options...
Axeia Posted May 21, 2009 Share Posted May 21, 2009 For a mouseover it's best to apply all styling directly on the link as Internet explorer does not support the CSS :hover pseudo class on anything but a link. So basically it's something like: .menu a { background: #cecece url( images/normalstate.png ); line-height: 22pt; font-size: 10pt; } .menu a:hover { background: #333 url( images/mouseover.png ); color: white; } <ul class='menu'> <li><a href='/'>Home</a></li> </ul> You can play around a bit with it on the w3schools example page Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.