Ok, i got it working by making #container 960px. This showed both
left and right borders, but the bottom border of ul.tabs did not close
on the right like the picture I attached. I have to add this to the
ul.tabs
padding-right: 2px
Thanks,
Noel
On Wed, Jul 15, 2009 at 1:08 PM, Brian Fidler<[email protected]> wrote:
> sure, just create a container div that holds your container div (i.e.
> #outer-container) make it wide enough to hold your container and any
> elements you want your container surrounded by, set the margin:0 auto, set
> the background-image to whatever (you could set up a repeating image for
> your border or a static fixed height image) and you should be all set.
>
> brian
>
> email: [email protected]
> phone: 602.758.4733
>
> On Wed, Jul 15, 2009 at 12:28 PM, Noel <[email protected]> wrote:
>>
>> This is similar to another thread. Is there a way to add a left and
>> right border to a 24 column div?
>>
>> This is the markup
>>
>> <div id="menu_tabs">
>> <ul class="tabs">
>> <li class="js_link">
>> <a href=#" class="current">Tab 1</a>
>> </li>
>> <li class="js_link">
>> <a href="#" class="">Tab 2</a>
>> </li>
>> <li class="js_link">
>> <a href="#" class="">Tab 3</a>
>> </li>
>> </ul>
>> <div class="panes">
>> sdg
>> </div>
>> </div>
>>
>> #menu_tabs, ul.tabs, and div.panels are all 24 col last.
>>
>> When I try to add a border to both the left and right of the panel div
>> only the one on the left displays.
>>
>> http://skitch.com/noelgomez/ba4rq
>>
>> If I make them all 23 cols I get this
>>
>> http://skitch.com/noelgomez/ba4fb
>>
>>
>
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---
