Vertical Page Divider....CSS??

  • timmytwosocks
  • Newbie
  • Newbie
  • No Avatar
  • Joined: May 06, 2007
  • Posts: 12
  • Status: Offline

Post April 25th, 2008, 9:51 pm

Hello,

I've just seen a page feature on a blog I want to use but I have no clue how to do it :-s

If you look on:

http://sethgodin.typepad.com/

on the left there's a vertical line dividing the menu and the blog....any idea how I can do this without using an image?

Thank you,
Chris
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post April 25th, 2008, 9:51 pm

  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 13455
  • Loc: Florida
  • Status: Offline

Post April 25th, 2008, 10:27 pm

Eiher apply a left border to the content, or a right border to the menu.

For instance if on the menu it might look something like this.
Code: [ Select ]
<div style="border-right: #999 1px solid">
<!-- Menu stuff here -->
</div>
  1. <div style="border-right: #999 1px solid">
  2. <!-- Menu stuff here -->
  3. </div>


(using inline styles instead of CSS selectors for the sake of scope)
Strong with this one, the sudo is.
  • timmytwosocks
  • Newbie
  • Newbie
  • No Avatar
  • Joined: May 06, 2007
  • Posts: 12
  • Status: Offline

Post April 27th, 2008, 10:26 am

Exactly what I wanted. Thanks very much!

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 174 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.