- This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
Viewing 9 posts - 1 through 9 (of 9 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
http://jknetdesign.com/images/bluopal-concept.jpg
How would I approach a design like this where the designer wants the border around the widgets?
you might want to show us a link to what you’re referring to…
FYI: the solution wolfcry911 provided does not allow text to be selected or links to be clicked in the widgets.
updated pen:
http://codepen.io/wolfcry911/pen/Hiame
I would be wary of woldcry911’s example in older browsers. If they don’t support the :before property you’re left with a super ugly border that’s very off-center.
Here is a slightly tweaked version that uses the nice blue background as the main widget and the border as the :before. If :before isn’t supported, you still have a nice looking widget.
EDIT: Now updated to make sure links inside are clickable. Backwards compatibility gone but screw it.
in my example in older browsers you only lose the background color – the border is very much relative to the widget. your example performs no better in older browsers and is more complex?…
did you look at the updated pens?
@wolfcry911, when you lose the background color, the border looks very off center in regards to the content.
In my pen you only lose the border and the background stayed evenly spaced around the content.