[plum] FIXED: a little CSS-P

Hey there,

I have fixed my CSS-P problem.

I now have a horizontal “PageBar” rendered by a background image

With a #PageTitle# element on the left

And a #CategoryName# element on the right.

Here’s the markup:

<span class="PageTitle">#PageBar.PageTitle#</span>

<span class="CatName">#PageBar.CategoryName#</span>

</div>

And here’s the CSS:

#PageBar {

height: 20px;

position: relative;

background: url(../../../images/page_bar.gif) no-repeat top left;

}

.PageTitle {

position: absolute;

left: 10px;

}

.CatName {

postion: relative;

float: right;

padding-right: 75px;

}

Dan Kaufman

An Elephant Never Forgets

Reply via email to