bweaver.net

web design, technology, photography, and other mayhem

bweaver.net header image 4

Entries Tagged as 'web design'

Left-Align Lists With Margin Bullets

October 25th, 2008 · No Comments

Left-align lists with bullets in the margin Though Firefox allows you to move bullets out of the list’s div, Internet Explorer does not. In IE, bullets are clipped if they are moved out of the box. However, by including an image at the beginning of the list items, then using CSS to align the remainder [...]

[Read more →]

Tags: web design

Wrangling Drop Caps

March 17th, 2008 · 1 Comment

.firstp{ font-size:1.5em; line-height:1.25; text-decoration: none; text-align: justify; color: #555; } .firstp:first-line { font-variant:small-caps; } .firstp:first-letter { font-size:4.5em; line-height:1; float:left; padding:0 .05em 0 0; margin:-.15em 0 -.2em -.05em; color:#aaa; } Setting the initial letter of a page—or chapter, or section—in larger type and dropping it down a bit into the text is similar to decorated initials [...]

[Read more →]

Tags: web design