HTML / CSS

New Website - Prime 357

Steve — Sun, 06 Apr 2008 02:36:07 -0500

I've not been blogging much lately and for the last two weeks it's just been a weekly wrap-up. Most of my time has been spent 1. actually running and 2. designing my new website.

My new website (http://prime357.org) went live on Wednesday 2 April 2008. Prime357 caters for technical computer stuff, stuff that was creeping into this blog.

Since the go-live date I've been fiddling with all sorts of settings in order to re-direct all hits pertaining to Drupal and C++ to Prime357, and it works (the re-direct).

In time I'll remove the menu buttons above pertaining to Drupal & C++. That's not an overly urgent job, click on them and a re-direction occurs to Prime357 anyway.

I'll keep this blog purely for my running and other personal stuff but not geekie stuff.

Style Change

Steve — Sat, 11 Aug 2007 06:19:29 -0500

Style change. Now using theme Slash since I'm getting sick of the theme Zen. Anyway, what else can one do on a Saturday night. The one little thing that peeves me about this theme is the positioning of the Tags or more precisely the background they use; they cover part of the text lying above them. I'm sure this should be an easy fiddle.

One things for sure, over the next few days I'll be swapping and changing until I make my mind up.

Call for Help - Formatting IE v's Firefox

Steve — Fri, 20 Apr 2007 02:37:32 -0500

Another 'Call for Help' post. This is following on from my previous 'Call for Help' post. I've also posted this question at the forum at CSS Creator but to date no responses.

In my CSS for my blog I have this snippet relating to tables:

.stats-left {
  background-color: #eee;
  float: left;
  font-size: 80%;
  width: 130px;
  margin-right: 10px;
  margin-left:10px;
  margin-top: 5px;
  margin-bottom: 5px"
}

.stats-right {
  background-color: #eee;
  float: right;
  font-size: 80%;
  width: 130px;
  margin-right: 10px;
  margin-left:10px;
  margin-top: 5px;
  margin-bottom: 5px"
}

In my post the HTML is similar to this:-

<div style="overflow:hidden">
<table class="stats-right" border="1">
<tbody>
<tr align="center">
<td colspan="2"><b>Stat's : 19 Apr 2007</b></td>
</tr>

My question is: When I use the class="stats-right" Firefox correctly positions the table to the right and text correctly flows around it on the left. In IE that doesn't occur, the text commences at the bottom, there is no formatting and background colour non-existent. A sample of a right-align table can be found here.

When I use class="stats-left" both Firefox and IE correctly display the table on the left and text correctly flows around it on the right-hand side. A sample of a left-aligned table can be found here.

I suppose the big question is, why is IE not playing the game and what can I do to rectify it?

Call for Help - Tables

Steve — Mon, 26 Mar 2007 19:47:30 -0500

This is a call for help. Hey, that would make for a good name of a TV show.

If there are any HTML/CSS guru's out there I'd really appreciate some advice on how to set up a table, position it left or right of the page AND have the body of my article (text) flow around it, either to the left or right depending upon where the table is positioned.

An example table, which appears in the bulk of my posts usually at the end, is here:-

*Stats as of 26 Mar 2007*
This Week	11.50
This Month	175.05
This Year	545.70

So with this table, I would like text (this paragraph) to flow around it to the right.

Ultimately, what I want to do is position this table in the top left position of the page and have the body of my article directly to the right flowing around it.

The definition for the above table is this:-

<table cellspacing="2" cellpadding="2" width="180" border="1">
<caption><i><u>Stats as of 26 Mar 2007</u></i></caption>
<tbody>
<tr>
<td>This Week </td>
<td>
<div align="right">11.50</div></td></tr>
<tr>
<td>This Month</td>
<td>
<div align="right">175.05</div></td></tr>
<tr>
<td>This Year </td>
<td>
<div align="right">545.70</div></td></tr></tbody></table>

Anyway, any clues please.