CSS Text Rollovers on multiple lines Flicker
October 14th, 2007As 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%;
}
CSS: Positioning the text to the right of the bullet in an unordered list
October 11th, 2007redefine 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.
WordPress Redraw Problem
September 13th, 2007I was having a problem with the redraw in Internet Explorer. I found that the small font 9pt was the problem. I changed the font to 90% and the redraw problems went away.
PHP: Special Characters from database into HTML
September 13th, 2007On the Bob Terrell the home page, rss feeds get read into the html unordered lists. There was a problem where the browser wasn’t displaying these characters properly. Here’s what I found: if I used the character set UTF-8 these single and double quotes displayed as text characters. At the top of the html here’s the line:
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
Word Press Issues: Indents and Paragraphs
September 13th, 2007In Word Press blogs there are no indents and paragraphs by default. Ordinarily when you hit the <Enter> key you get a single line but not a paragraph. When I was trying to test this, I found that if you hit the <Enter> twice you get a paragraph break.
The indentation is a separate issue. I was reading that most bloggers don’t indent their paragraphs. But if you want to indent a paragraph you use the style.css and add
text-indent: 20px;
Use php to pass parameters in the url
September 4th, 2007I want to pass the parameter topic on the url like this:
http://www.janbthomas.com/cyc/eventdetails.php?topic=20.0
Here’s how it can be done in php:
if (isset($_GET[’topic’]))
$topic_id = (get_magic_quotes_gpc()) ? $_GET[’topic’] : addslashes($_GET[’topic’]);
else
$topic_id = ”;
Firefox cursor is an insertion caret on Popup Menus
May 31st, 2007When I created a popup menu in Fireworks and Dreamweaver the popup menu in Firefox has an insertion caret. Here’s a way to fix this:
Add a line in the javascript MM_showMenu
document.body.style.cursor = ‘pointer’;
At the end of the function add another line:
document.body.style.cursor = ‘default’;
CSS: create a navigation bar using the CSS list tag
May 14th, 2007Here’s a quick way to create a navigation bar in CSS: use a list. The list-style: none removes the bullets. The display: inline tells the list items to be positioned horizontally across the page. I’ve used this solution when the navigation is simple.
#navlist li
{
list-style: none;
display: inline;
}
The top menu bar of this blog is created using this technique.
Fade-in slideshow written in javascript
May 14th, 2007I found this slideshow that fades the images during transitions. The images can be setup with hyperlinks. The code allows for 2 slideshows simultaneously on the same page.
Here’s a working version of this slideshow:
http://www.cccwinternights.org
Here’s where I found the code:
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm