Jump to content


Photo
- - - - -
Resolved

multiple box sets, individual borders?

box set borders

This topic has been archived. This means that you cannot reply to this topic.
5 replies to this topic

#1 tsalstrand

tsalstrand

    Advocate

  • Members

  • 255 posts

Posted 21 September 2012 - 09:12 PM

Currently I have three box sets on the home page of a site I'm building. I am trying to create a border around all sets but I'm not getting the ID/Class right because it keeps putting a border around each individual box set. you can see the page here:

Please Login or Register to see this Hidden Content



This is the code that I'm using:

Please Login or Register to see this Hidden Content


I need the border-top to only be on the very top box set and the border-bottom to only be on the very bottom box set.

Any help is really appreciated!

#2 batman

batman

    Bat Learning

  • Members

  • 2202 posts

Posted 21 September 2012 - 10:35 PM

You can try with

Please Login or Register to see this Hidden Content


But I´m not sure :)

#3 joseneas

joseneas

    Advanced Member

  • Members

  • 40 posts

Posted 22 September 2012 - 03:52 AM

Hello Steves

Well, I love CSS so I'll try to help you! :)

Look at the picture, that is what you want?

Posted Image



I did this using the "Inspect element in Chrome."

Look now, as was done this test:

Posted Image

--

I tried to modify the following selectors:


#dynamic-content .outline{

border: 2px solid #252C46;
padding: 10px 0px;
width: 78%;
display: block;
position: relative;
margin: 0 10%;
box-shadow: inset 0 0 6px #000;

}

I confess that it can present itself in different set of browsers such as IE and FF!

You may need to add something to the box, such as: "#boxes".


Worth a try!

I hope I helped! :)

#4 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts

Posted 23 September 2012 - 12:54 PM

Please let us know if you tried either of the suggestions above and what the results were :)

#5 tsalstrand

tsalstrand

    Advocate

  • Members

  • 255 posts

Posted 26 September 2012 - 02:13 PM

Thanks all for the help. Unfortunately, the suggested methods didn't accomplish what I was looking for. However, I have now decided to go with other options that were accomplished quicker.

It'd be great to get an answer on this in the future, but for now we can close this question.

Thanks,
Steve

#6 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts

Posted 26 September 2012 - 03:04 PM

The topic was marked as resolved.