Re: [css-d] H2 background to work like sliding doors
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Erik Gyepes wrote: > Hello, > I have a rounded black box under a h2 element and I want it to work like > "sliding doors" - to be longer when the text is longer, and vice versa. > > But now it has width as it's container box and I don't know how to solve > that, look here http://erikgyepes.com/problem/. Does setting the background-color to black in h2.box work? background: #00 url("images/black-box-right.png") no-repeat; Hope this helps, Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.7 (GNU/Linux) iD8DBQFGpjqZZBKKLMyvSE4RAnlGAKCTyd5FAGIRBQ4aaEG59SOr4v0poQCgsJV0 tPFwgZu+pSnA22GOYvc1vxk= =JzD0 -END PGP SIGNATURE- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] H2 background to work like sliding doors
Hi Ricky, yes I believe that works but I don't want so width background, I need just as long as the h2 text :( Erik Ricky Zhou wrote: > -BEGIN PGP SIGNED MESSAGE- > Hash: SHA1 > > Erik Gyepes wrote: > >> Hello, >> I have a rounded black box under a h2 element and I want it to work like >> "sliding doors" - to be longer when the text is longer, and vice versa. >> >> But now it has width as it's container box and I don't know how to solve >> that, look here http://erikgyepes.com/problem/. >> > Does setting the background-color to black in h2.box work? > > background: #00 url("images/black-box-right.png") no-repeat; > > Hope this helps, > Ricky > -BEGIN PGP SIGNATURE- > Version: GnuPG v1.4.7 (GNU/Linux) > > iD8DBQFGpjqZZBKKLMyvSE4RAnlGAKCTyd5FAGIRBQ4aaEG59SOr4v0poQCgsJV0 > tPFwgZu+pSnA22GOYvc1vxk= > =JzD0 > -END PGP SIGNATURE- > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] H2 background to work like sliding doors
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Erik Gyepes wrote: > Hi Ricky, > > yes I believe that works but I don't want so width background, I need > just as long as the h2 text :( Well, this is untested in most browsers and might completely blow up, but: h2.box { background: #00 url("images/black-box-right.png") no-repeat right; color: #9fcc58; display: inline; line-height: 30px; padding: 15px 0; } h2.box span { background: url("images/black-box-left.png") no-repeat left; display: inline; padding: 15px 10px; } Hope this helps, Ricky -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.7 (GNU/Linux) iD8DBQFGpkAcZBKKLMyvSE4RAsImAJ0S+MXgVXO5KymnaMWS8k215YLbrwCgjprz HOxTPFC2auUr7CGiK8/4Rmc= =IB+h -END PGP SIGNATURE- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] H2 background to work like sliding doors
Hi, I've played a little with it and now it works: h2.box { background: url("images/black-box-right.png") no-repeat right; color: #9fcc58; display: inline; padding: 5px 10px 5px 0; } h2.box span { background: url("images/black-box-left.png") no-repeat left; display: inline; padding: 5px 0 5px 10px; } So thank you very much! I appreciate it :) Erik Ricky Zhou wrote: > -BEGIN PGP SIGNED MESSAGE- > Hash: SHA1 > > Erik Gyepes wrote: > >> Hi Ricky, >> >> yes I believe that works but I don't want so width background, I need >> just as long as the h2 text :( >> > Well, this is untested in most browsers and might completely blow up, but: > > h2.box > { > background: #00 url("images/black-box-right.png") no-repeat right; > color: #9fcc58; > display: inline; > line-height: 30px; > padding: 15px 0; > } > h2.box span { > background: url("images/black-box-left.png") no-repeat left; > display: inline; > padding: 15px 10px; > } > > Hope this helps, > Ricky > -BEGIN PGP SIGNATURE- > Version: GnuPG v1.4.7 (GNU/Linux) > > iD8DBQFGpkAcZBKKLMyvSE4RAsImAJ0S+MXgVXO5KymnaMWS8k215YLbrwCgjprz > HOxTPFC2auUr7CGiK8/4Rmc= > =IB+h > -END PGP SIGNATURE- > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/