CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.
im trying to emulate this…im not sure whether to just use a .jpeg of it or write it in css…ideas?
the lines are for text/image boxes. i need to do a single line w a drop shadow and for the footer i need to lines on top of each other but the top line needs to be thicker
This reply has been reported for inappropriate content.
Top line either image or standalone DIV.
Double line either image or a standalone DIV inside the parent DIV for the first, thicker line.
[Here ya go](http://codepen.io/kbrec85/details/KtCld “”) Play around with that a bit until you like it.
[Here’s Chris’ article](http://css-tricks.com/simple-styles-for-horizontal-rules/ “”) on how all that stuff works
Both can be done with pseudo-elements: http://jsfiddle.net/sxmFR/
Nice, didn’t realise you could do double lines with different thicknesses.
Doh! Of course it’s not a double line… slow today… ;)
So much as I said, but with HR rather than DIV. Preference would you say, or better syntax?
but is there a prefix for this bc it isnt working in chrome
Just the usual -webkit etc for box-shadows etc…if required.
And the fiddle (http://jsfiddle.net/sxmFR/) works fine in my Chrome.
it works for me in codepen and it shows in fiddle but when i enter the code in my project and test in the browser it doesnt work…retard problems
YEAH AND PAUL I TRIED YOUR CODE ALSO IN DREAMWEAVER AND IT STILL WONT LOAD IN THE BROWSER..WEIRD
nvm…i guess my computer was buggin out..it works thanks man…..as usual
You must be logged in to reply to this topic.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed