Feeds:
Posts
Comments

Posts Tagged ‘box shadows’

Positioning Your Box-Shadowed Div

Righty-ho then; time for the last (at last, I hear you cry) instalment of the seemingly ever-expanding series on how to create box-shadowed objects. (Here's the first one, for those who missed it, if interested.)

When we left him, our carrot-munching gun-toting little friend was encased in a 3-D effect box, with a nice caption-space underneath:

(more…)

Advertisements

Read Full Post »

And how to resize a YouTube video

In the previous post, I talked about how to apply border and box-shadow styles to a picture. Now I'll show you how to apply that to a div, so as to add a caption to the picture. Before that, though, a tip:

We're going to be nesting elements now, and adding complications always adds ways to screw up. The most common fubar when nesting elements is when closing tags get omitted or placed out of order. Just think how many times you've seen messed up nested blockquotes on comments-boards! The best way to avoid that is to always type the end tag straight after the opening one, then put the cursor back in the middle and start typing the content. If you then need to nest another element inside the one you just created, typing both tags together will ensure that you can't forget to close summat.

Now that’s out of the way, let's revisit our manic-looking rabbit. When we left him, he had a nice border with an interesting 3-D shadow effect. But no caption:

(more…)

Read Full Post »

Oops! Border-Control

Oh dear…

I got told off by a workmate today. Not about anything work-related, you understand, but about yesterday's post. Basically, it stinks. Oh, the main bit, about applying a shadow to a box, works fine. It's how I made the damn box in the first place that smells, I am informed, like a six-day-dead halibut in a central-heating duct.

(more…)

Read Full Post »

Puttin’ On The Style

No, this isn't a music post. Sorry, Lonnie Donnegan fans! Oh alright. Let's begin with an embedded YouTube video, then. It'll do to make my point:

(more…)

Read Full Post »