Differences between revisions 62 and 63
Revision 62 as of 2011-03-21 06:33:13
Size: 844
Editor: SteveKillen
Comment: Added BtTempleton to the whitelist. As ever, send me an email if you're getting textchas!
Revision 63 as of 2011-03-21 19:06:42
Size: 1761
Editor: ClintonEbadi
Comment: fix your css steve
Deletions are marked like this. Additions are marked like this.
Line 24: Line 24:

===== Fix your logo css =====

Inserting manual newlines to avoid covering page content with the logo is a sign of bad style ;)

If you want to keep the logo floating into the content area you have a few options... (installing firebug makes it pretty easy to mess around with the css in the browser with immediate effect welcome to the future).

 * Add `clear: left` to either `#page` or `#content`. `#page` is uglier: the page border also moves below the logo. In either case there is some whitespace to the right of the logo.
 * Add `clear: left` to at least `div.contents`. This would solve the immediate issue of obscured TOC lines, but then what about e.g. the horizontal rule below a heading and other cases?
 * Add `clear: left` to `#content div`. I'm not sure what the overall effect of that would be, but it ''would'' make most things that need to clear around the image do so.

-- ClintonEbadi

Being the wiki home of Steve Killen,

or

A place to collaborate in an arbitrary number of projects.

Greetings and welcome! I invite you to participate to whatever extent you feel comfortable in this experiment of mine. The About page will tell you what's going on, including how to edit.

-- SteveKillen

Admin to-do (requests taken here!)

  • Make page templates:
    • User Homepage
  • Style footnotes
  • Linking to "tel:" URIs doesn't work. I think this could be fixed by changing the value of url_schemas, as described in HelpOnConfiguration

  • Can someone make a favicon? Here's a first attempt: BtTempleton/CalefactionFavicon.png

Fix your logo css

Inserting manual newlines to avoid covering page content with the logo is a sign of bad style ;)

If you want to keep the logo floating into the content area you have a few options... (installing firebug makes it pretty easy to mess around with the css in the browser with immediate effect welcome to the future).

  • Add clear: left to either #page or #content. #page is uglier: the page border also moves below the logo. In either case there is some whitespace to the right of the logo.

  • Add clear: left to at least div.contents. This would solve the immediate issue of obscured TOC lines, but then what about e.g. the horizontal rule below a heading and other cases?

  • Add clear: left to #content div. I'm not sure what the overall effect of that would be, but it would make most things that need to clear around the image do so.

-- ClintonEbadi

WikiHome (last edited 2020-01-21 12:07:00 by SteveKillen)