Search the Community
Showing results for tags 'Underline'.
Found 3 results
-
Hello, I've been trying to code my site so that when you hover over a button (i.e. "Photo Gallery") it will underline from left to right as a transition/animation. Here is a link that shows almost exactly what I want to do ( the underline part) http://radiatingstar.com/unorthodox-ideas-for-ahover-effects As I said, I've been trying to make this work but haven't had any luck. I noticed the content: " "; is empty, so I'm not sure if that's what I'm missing, but I don't know what to put there. Thanks in advance for your help!
-
I'm having issues with a list displaying properly, or at least how I'd like it to, in IE. It shows up like so in Firefox and Safari: With IE, the circles around the list items are squares. Does anyone have a fix for this? Here is the CSS for the list: .circlemenu{width: 100%;overflow:hidden;margin: 1.2em 0em} .circlemenu ul{margin: 0;padding: 0;font: bold 14px Geneva, Arial, Helvetica, sans-serif;list-style-type: none;text-align: left; /* "left", "center", or "right" align menu */margin: 0em 0em 0em 10em} .circlemenu li{display: inline;} .circlemenu li a{display:inline-block;text-align:center;text-decoration: none;border: solid 1pt #555555;color: #555555 ;margin: 0;margin-right:6em; /*right spacing between each link */width: 6em;height: 6em;border-radius: 4em; /*really large border radius to create round borders*/-moz-border-radius: 4em;-webkit-border-radius: 4em;} .circlemenu a span{position:relative;top:40%;} .circlemenu li a:visited{color: white;} .circlemenu a:hover{border: solid 1pt #CC0000;color: #CC0000;}
-
Hi there, I would like to know if there is a nicer CSS approach for the following effect: <style type="text/css"> a { color: #000000; text-decoration: none; } a:hover, a:active { text-decoration: underline; }</style><a href="#"> w3schools </a> Using & nbsp; in both sides is a way. But can I use padding, and include a "box" inside the <a> and let the <a> underline the whole "box" with padding? (i tried but this does not work.) The concept is: <style type="text/css"> a { color: #000000; text-decoration: none; } a:hover, a:active { text-decoration: underline; } div { padding: 0px 2px; }</style><a href="#"><div>w3schools</div></a> It underlines only the words, but skipping the paddings THANKS very much for any helps or input!midnite
