Textpattern CMS

#1 2008-09-22 13:19:26

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

<a> element properties not working

why text-indent, height and width parameters not working with my <a> element here ( “order” link with background image) ?
and ie 6.0 doesn’t show that element at all

my css:

a.telli{
background:transparent url(/images/18.gif) no-repeat center center;
margin: 0;
padding:0 20px;
text-indent: -5000px;
height:18px;
width:50px;
}

#2 2008-09-22 14:01:55

kemie

Plugin Author

From: mexico<-->sweden

Registered: 2004-05-20

Posts: 495

Website

Re: <a> element properties not working

try adding display:block. inline elements can’t have height or width.

---

~~~~~~~~~~~~~| monolinea.com | pixilate.com | istockphoto.com/kemie |~~~~~~~~~~~~~

#3 2008-09-23 08:23:55

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

Re: <a> element properties not working

kemie wrote:

try adding display:block. inline elements can’t have height or width.

bingo! thank’s kemie

#4 2008-10-10 10:49:27

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

Re: <a> element properties not working

kemie wrote:

try adding display:block. inline elements can’t have height or width.

mhh,…again started to show link text, though display:block still exist :(
take a look

and text-align:right for p.tellimine doesn’t work…

#5 2008-10-10 11:20:38

TNT

Member

From: Rotterdam, Netherlands

Registered: 2006-01-06

Posts: 256

Website

Re: <a> element properties not working

The text-align: right; doesn’t work, because you assigned display:block; to a.telli. That gives it a fixed width.

I suggest you give the h6 a dotted bottom-border, and you assign float:right; instead of text-align:right; to p.tellimine. That way, a.telli can keep its display:block;.

That should give the lay-out you’re trying to accomplish.

Last edited by TNT (2008-10-10 11:22:01)

---

…Prrrrrrrr…

#6 2008-10-10 11:32:29

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

Re: <a> element properties not working

TNT wrote:

The text-align: right; doesn’t work, because you assigned display:block; to a.telli. That gives it a fixed width.
I suggest you give the h6 a dotted bottom-border, and you assign float:right; instead of text-align:right; to p.tellimine. That way, a.telli can keep its display:block;.
That should give the lay-out you’re trying to accomplish.

clear. thank’s a lot