float: left; text-align: right; Problem 1

[ASPVBNerd]

When I use float: left; text-align: right; the it destroys my design with round corners.

http://www40.brinkster.com/aspvbnerd/test1.asp

If I remove the left; text-align: right; then it works but I want my text doesn't become as the way that I want it.

http://www40.brinkster.com/aspvbnerd/test.asp

What should I do to solve this?


George

 

[BillyRayPreachersSon]

When I use float: left; text-align: right; the it destroys my design with round corners.

On what? The page? A specific element?

You also do not say what you are trying to achieve.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[ASPVBNerd]

I'm sorry for the bad explanation I gave.

I want the text to be like this. The same as the page as

http://www40.brinkster.com/aspvbnerd/test1.asp

And still have the round corner design, same as this page

http://www40.brinkster.com/aspvbnerd/test.asp

I noticed that when I use this

.text_content	{
float: left;
text-align: right;
}

Then my text is being exactly as the way that i want it, but then it doesn't show the round corners.

Hope you understand my problem now.

 

[BillyRayPreachersSon]

Probably the easiest thing to do would be to this:

.text_content	{
	text-align: right;
	width: 13em;
}

Although there are other ways.

Hope this helps,
Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[ASPVBNerd]

BillyRayPreachersSon, Thank you.

This is beautiful.

What does width: 13em; I have never seen em

 

[BillyRayPreachersSon]

An em is the width of a letter "m" in the font you are currently using.

Here's a really good read on ems, ens, mdashes, and general type-related points:

http://www.alistapart.com/articles/emen/

Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]