Help for a web novice

If you're having trouble creating the the ico file then use this site:

http://www.htmlkit.com/services/favicon/

Basically create a jpg or bmp or whatever, upload it and it'll convert it for you.

You're a good student Anthony.

Taught by the master.

Ant, that's a CSS3 property. It's the rotate function on the transform property (-moz-transform in Firefox). It's on the div-tag with id 'calendar'. I don't know if you use the Firefug plugin (for Firefox). Then you can select an element on a web page and see its HTML and CSS. I can't work without it. Opens via the F12 button on Windows.

When you view the same site in IE8 or lower (or IE9 with IE8 mode), you'll see that the months are horizontal because those browsers do not support this property yet. Graceful degradation.

Took a day off work to just focus on website stuff today. Got a pre-loading image and rotating banner script working.

Tip (although maybe on the wrong forum):

Preload an image by setting it as the background of a CSS class. Stick in a div with that class at the bottom of the page and just to be safe set the X and Y position of the image to -9999px. Then if you do need the image (e.g. to appear on a hyperlink rollover) it's already in the cache so no disappearing picture while the rollover loads!

:geek:

How do I remove shadow around the edges of form buttons and fields?

How did you solve the above (I did not see your question untill now?). I'd have used border-width and border-style properties.

As for your last question, you put them in the same <a> so that's great already. Then you can choose your selectors like this:

Not hovered:
a {text-decoration:none;}
a span {text-decoration:none;}
a img {border:1px solid #333;}

Hovered:
a:hover {text-decoration:none;}
a:hover img {border-color:#fff;}
a:hover span {text-decoration:underline;}

Or something like that, if it is that what you mean.

I don't see problems in my IE Ant. An option is to let the span appear as a block element (which takes starts at a new line). Use span {display:block;}.

Best is to leave out the table completely, and use floating <div>'s.

<div class="cover">
<a href="" title="">
<img src="" alt="" />
<span>text</span>
</a>
</div>

<div class="reset"></div>

(numbers are examples)

.cover {float:left;width:200px;min-height:220px;}
.cover a {text-decoration:none;}
.cover a span {text-decoration:none;}
.cover a img {border:1px solid #333;}

Hovered:
.cover a:hover {text-decoration:none;}
.cover a:hover img {border-color:#fff;}
.cover a:hover span {text-decoration:underline;}

.reset {clear:both;}

Ooh also another weird thing (I think it's to do with the background image) - do you see the distortion around the cell borders even though they are turned off? You can see the outline if you look carefully.

Why do I keep checking this thread? I know that I am going to understand nothing of what is being said.

To be fair, Southall's initial post started it off in English and it quickly descended into madness.

Does "vertical-align: top;" not work?

I'd try the floating div solution, because that works much smoother. If you need to add more covers, you just have to add a div at the end and it'll work. For a table you need to add a new cell and sometimes a new row, which is not as ... neat.

Bregt, help!

Why does something which works fine on every other browser I've tried, break on IE7 and below.

Table css: www.michaelgiacchinomusic.com/test/Spry … ePanel.css

Fixed that last one myself. Still can't conquer the IE7 problem though. God, where are you?