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%;
} Our online pharmacy is the perfect resource for people to get their drugs without any hassles or awkwardness. buy cialis We work hard to make sure you save money every time you shop with us. buy levitrabuy soma At our online store, you pay less and get more. buy viagra
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