Re: [css-d] H2 background to work like sliding doors

2007-07-24 Thread Ricky Zhou 
-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

2007-07-24 Thread Erik Gyepes 
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

2007-07-24 Thread Ricky Zhou 
-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

2007-07-24 Thread Erik Gyepes 
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/