My Dog Lucky

January 25th, 2008

Lucky

 Here’s Lucky.

CSS Text Rollovers on multiple lines Flicker

October 14th, 2007

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%;
}

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

October 11th, 2007

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.

WordPress Redraw Problem

September 13th, 2007

I 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, 2007

On 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, 2007

In 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, 2007

  I 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, 2007

When 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, 2007

Here’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, 2007

I 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