Undecided

I’m so far behind on CSS style page design, but my excuse is:  I don’t do this for a living.  So here are a few notes on things that I’ve been reading about the last few on CSS and DIV/SPAN tags.

I found a ton of useful tutorials over at HTML Dog.  Here are a few highlights from things I’ve read so far (both there and elsewhere).  I’ll post more later.

Inline scrolling

Making a box that scrolls:

.box
{
width:445px;
height:250px;
overflow: scroll;
}

You could also add auto for overflow, which would only create scroll bars when the content overflowed and not add scroll bars when the content fit within the size of the content box (in the above example, if the content fit within 445px by 250px, then auto would not add scroll bars.)

This appears to work fine within the tinymce, but it doesn’t work within the blog’s theme.  I’m have to do some further investigation as to why.

Transparencies

Making an element transparent:

.transparent
{
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

Usage:

<div class=”transparent”>A transparent div.</div>

Opacity values range from 0 to 1.

This works when I put the tag within the theme stylesheet but doesn’t work within the tinymce editor.  Further investigation is deserved.

ID vs Class

In CSS ID style elements (#) can only used once, a class style element (.) can be used multiple times.

CSS Grouping and Nesting

Grouping

h2 { color: red; }
p { color: red; }

could be replaced with

h2, p { color: red; }

Nesting

You could also design your IDs and Classes to nest

#nestcontainer { background-color: #ffffff; }
#nestcontainer h2 { padding-bottom: 20px; color: black; }
#nestcontainer p { color: blue; }

This would make the external DIV tag have a white background and the H2 tag(s) within that DIV tag be padded on the bottom and black in color, but the P tag(s) within the DIV tag blue.

Psuedo-classes

• link is for an unvisited link.
• visited is for a link to a page that has already been visited.
• active is for a link when it is gains focus (for example, when it is clicked on).
• hover is for a link when the cursor is held over it.

Back to the current theme, must remember to backup more frequently.

I like this solution, but there are a ton of them.  However, this CurveyCorners has got to be my favorite since it does not rely on any images to make it work and appears to be compatible with the three major browsers (Safari, Firefox and IE).

On July 11, Verio will want to renew my hosting, so I have 5 days left to cancel before being charged another $80 a quarter.  Hostmonster, on the other hand, seems to offer more features (and certainly upgraded PHP and MySQL which is why I’m moving) at a reduced price.

I know that Verio offers all of these nifty packages at different rates, but even the lowest package at 11.95 a month can’t compete with 6.95 a month, especially when Verio will not let me use PHP5 which is becoming mandatory for a lot of open source web applications (like wordpress and phpbb3…  not that I plan to run a phpbb again in the near future…  but I just might install it to play around with it.  Which I would not be able to do thanks to Verio’s living in the stone-age and running PHP 4.x)

In another 24 hours the move process should be complete, and I should be able to cancel my account with Verio.

In preparation for the eventual discontinuation of hosting services with the current .net‘s hosting provider, and the move of .net to the new hosting provider, I will no longer be updating the .net blog.

In the mean time, if you want to know the latest tid bit from my blog, visit the .org website instead.

As a reminder, this is temporary and not expected to last more than 7 days.  My old hosting is coming due on Jul 11… I hope to migrate very soon.