On 4/19/07, Dave M G <[EMAIL PROTECTED]> wrote:
>
> CSS-d,
>
> I may have missed something obvious, but I've gone over the tutorial here:
> http://alistapart.com/articles/slidingdoors/
>
> ... and when I get to the "Finishing Touches" part, somehow my tabs
> aren't behaving as the example tabs are.
>
> My site is here:
> http://formever.org
>
> And the relevant CSS is:
> .mainNavigation li{
> height:30px;
> display:inline;
> list-style-image:none;
> text-align:center;
> float:left;
> background:url("tabright.png") no-repeat right top;
> margin:0;
> padding:0 0 0 10px;
>
> }
>
> .mainNavigation a{
> display:block;
> background:url("tableft.png") no-repeat left top;
> padding:5px 20px 4px 10px;
> text-decoration:none;
> color: black;
> }
>
>
> Any advice about where I messed up would be most appreciated.
Hi Dave,
if you zero down the padding on the mainNavigation li it will
bring the links together. if you give the tableft.png a background color the
same that you will be using, in this case white, it will cover up the
tabright.png. the transparency of the png is what causes problems for you.
hope that helps. i got that to work on ff for my mac.
Jeff
______________________________________________________________________
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/
