Design question re: boxes around a div

Oct 28th, 2011 at 05:30 PM
User 2283161 Photo

Mike Luque
Registered User
10 posts

I was checking out this site:
http://marieforleo.com/

And I like the boxes around each of the right sidebar divs. Does anyone know the CSS for this?
Thanks
http://twitter.com/#!/MikeLuque
Oct 28th, 2011 at 05:45 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,196 posts

.sidebar {
border: 1.5px solid #EBEBEB;
border-radius: 0 0 0 0;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Oct 30th, 2011 at 12:38 PM
User 2283161 Photo

Mike Luque
Registered User
10 posts

And then I use the "sidebar" setting for the "class" attribute on a DIV?
http://twitter.com/#!/MikeLuque
Oct 30th, 2011 at 12:42 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,196 posts

Yes.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Nov 2nd, 2011 at 07:45 PM
User 2283161 Photo

Mike Luque
Registered User
10 posts

Hey Eric,
Thanks alot. That totally worked.

http://www.bellaabundance.com/

One refinement I'd like to make is that the corners of her div are rounded. I see the code you gave me has an entry for radius. Is that where settings would go for rounding the corners?
Thanks
http://twitter.com/#!/MikeLuque
Nov 2nd, 2011 at 07:59 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,196 posts

I'm @ a state semi final soccer game so I'm on my phone. Css 3 supports radius corners and I don't think that's the way it's done.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Nov 2nd, 2011 at 08:34 PM
User 2283161 Photo

Mike Luque
Registered User
10 posts

Thanks! You helped me figure out what to look up:
http://www.css3.info/preview/rounded-border/
Works great.
http://twitter.com/#!/MikeLuque
Nov 2nd, 2011 at 11:17 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,196 posts

Glad to help.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.