CSS & HTML: The CSS Letter-Spacing & BR Tag Glitch
If you are using a custom letter space (e.g. letter-spacing: 2px) such as to make a narrow font more legible or simply for stylistic reasons, you might have noticed that BR (break) tags used within the scope of this styling do not work properly. Instead, your new lines simply appear as continuations of the preceding lines, resulting in a single block of text...
CSS & HTML: Fluid Tableless Graphic Borders Using a Nested Push
Implementing fluid graphic borders used to be very intuitive back when table layouts were in vogue. You would simply create three columns and tile your border images vertically along the outer two columns. Using this format, expanding the width of your website was a simple matter of expanding the width of the center column...
CSS & HTML: Minimal Style Lightweight Drop Shadow For Images
While a simple traditional border helps a picture gain page presence, a drop shadow takes it up a notch by providing it with a more artistic interest, and can easily be achieved using CSS without the use of additional graphics. Minimalistic Drop Shadow As demonstrated to the right, we just need to give the picture a border and specify the styling of the 4 sides individually...
CSS & HTML: Graphic Menus w/ Flickerless Image Swapping
Today, we're going to learn how to create a purely CSS mouseover image swap in a menu, involving graphic backgrounds and plain anchor text, as demonstrated at the top of my Citrux Blogger template. Eliminating the Flicker Now if you've ever used a menu that features a rollover image swap, you've probably noticed the annoying flicker that occurs...