Tag Archives: CSS

Why idahocline.com and idahocline.info ?

Well, at first sight both sites are equal… In fact, idahocline.info was created in the hurry due to issue with the webhoster of idahocline.com. But normally, idahocline.info should have been created a little later.

In fact, I planned to create another site dedicated to Web Development with everything related. So let’s say that this site will be soon totally redesigned to be more developper oriented, with different areas, like :

  • CSS/xHTML : Templates / tutorials / links
  • Design : Ideas, discussions about Web Designs
  • PHP/mySQL : Tips and tricks for PHP, mySQL, …
  • WordPress : plugins, tips & tricks, …
  • Showcase : portfolio of several projects done or in progress
  • Testing area : do you really don’t know what it is ? 😉

Normally this site with architecture above will be online soon, probably end of June….

Of course, idahocline.com will stay online but will be more focused on my wife and I.

I am also working on several other WP plugins (with an administration page):

  • psnGeneric v1.0.0 : Random Item: Random Quotes, Books, … based on a table (Totaly generic)
  • psnGallery2 v1.3.0 : Coppermine Gallery (including all supported formats)
  • psnStat v1.0.0 : TFS WebStatistics

WordPress 1.2Alpha used for the new release of the “cline area”

Well, I am currently replacing the static, old-fashioned site of Cline with WordPress 1.2-alpha (2003-03-11). The showcase is available at http://craft.idahocline.info.

Until now, I encountered few issues but they were so low that it is no use to speak about ! 😉

I tried to keep the design as it was in static but tableless !

All your comments are welcome !

Below a printscreen of cline.idahocline.info (first) and the next one is coming from craft.idahocline.info. The first one is static html, the second one is using WordPress (XHTML and CSS2)….

cline.idahocline.info

craft.idahocline.info

Of course, the WordPress site is not yet finished ! But it is on its way…. 🙂

Lack of :hover Support in IE

:hover does only work on links (<a> tag) on Internet Explorer !

If you want to implement a “Pure CSS Menus” and for that using <ul> and <li> tags and if you rely on :hover applied to list items, not links, it will perfectly work on non-IE browser ! If you use IE browser, than you can call Houston ! You have a problem !

So, I investigate a bit, and I finally find few hacks to bypass the issue. The easiest one, AMO, is the one proposed by Peter Nederlof in his whatever:hover article.

You will also find a rather long article on all the “Side-stepping IE” on Mezzoblue

That hack and some others will be used in the next release of this site to have the same behaviour while browsing on all browsers (standard compliant or not….! ;p

Not yet ready to move your browser to a compliant browser ? lol 😉

Compliant with Standard

As Matthias wrote to notify me about a tiny syntax issue. I immediately fixed it. So I am proud to say that the compliancy of my site has been increased !

I was using <style type=”text/css” title=”layout” media=”Screen“> instead of <style type=”text/css” title=”layout” media=”screen“>

Hack: Pure CSS for B2Calendar

Pure CSS to display the calendar! No more need of that “table” thing !

.dayword
{
z-index: 100;
position: absolute;
width: 20px;
text-align: center;
vertical-align: middle;
font-family: Arial;
font-size: xx-small;
font-weight: 900;
background: #6495ED;
color: Black;
}

.daynum
{
z-index: 200;
position: absolute;
width: 20px;
text-align: center;
vertical-align: middle;
color: #000;
font-size: xx-small;
font-style: oblique;
font-weight: 900;
font-family: Arial;
margin: 0px 0px 0px 0px;
}

.day
{
width: 20px;
height: 15px;
text-align: right;
background-color: #F8F8FF;
vertical-align: middle;
float: left;
margin: 0px 0px 0px 0px;
}

.daynow
{
background-color: #1E90FF;
color: white;
}
.week
{
text-align: center;
clear: both;
}

.month {
background-color: #4682B4;
vertical-align: middle;
text-align: center;
font-size: 12px;
margin: 0px 0px 0px 0px;
width: 150px;
}
.cal
{
width: 150px;
background-color: #F8F8FF;
}

Drop me a line to have the PHP code hacked.

New Web Interface

As you can see, I change the look of the blog.
The theme is inspired from Windows XP. Everything is CSS without table !
I ripped nearly all images with ….XP !

The style is based on a work of Lim Chee Aun.

I kept the philosophy but I am still working on. In fact, I want to have a “CSS generator” module which will link the categories, the links to a database defined icon.

I need a bit of practise with CSS Level 2 but this stylesheet is already helpful.

BTW if you want a lot of skins just go to Zen Garden or Mezzoblue.