Contact Jan Thomas Consulting

October 14, 2007

CSS Text Rollovers on multiple lines Flicker

Filed under: Programming Techniques — jan @ 12:57 pm

As the mouse moves between line 1 and 2 the hover state goes away until it rolls back into line 2 of the link.

Firefox keeps the hover state active between lines of a css link.  Its only in Internet Explorer that the rollover flickers.  Here’s what I found:  if you add height: 1% to the definition of the css tag a then the flashing rollovers will go away.

a {
 color: #1b155f;
 text-decoration: underline;
 height: 1%;
}

October 11, 2007

CSS: Positioning the text to the right of the bullet in an unordered list

Filed under: Programming Techniques — jan @ 7:34 pm

redefine the UL tag.  In this case I created a whole new id:

#thisul {
 list-style-position: outside;
 list-style-type: disc;
 margin-left: 30px;
}

Make sure the position is outside and there is a left margin defined for the UL.

Powered by WordPress