Topic: css capitalize ? Pages that link to <a href="https://ozoneasylum.com/backlink?for=10706" title="Pages that link to Topic: css capitalize ?" rel="nofollow" >Topic: css capitalize ?\

 
Author Thread
lionpaw
Nervous Wreck (II) Inmate

From: Sweden Lidingoe
Insane since: Jan 2002

IP logged posted posted 04-03-2002 17:27 Edit Quote

How do make a whole text with css in a way that every word starts with a capital letter?

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 04-03-2002 17:32 Edit Quote

Type it that way

lionpaw
Nervous Wreck (II) Inmate

From: Sweden Lidingoe
Insane since: Jan 2002

IP logged posted posted 04-03-2002 17:35 Edit Quote

I´ve got a whole bunch of text to edit!
I thought CSS could help me.

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 04-03-2002 17:49 Edit Quote

Nope... CSS can turn *every* letter capital by saying

text-transform:capitalize;

(maybe "capitals" or "capital" instead of "capitalize")

but it can't do the first letter of each word. Sadly. I wish it could do that, or at least the first letter of each sentence.

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

IP logged posted posted 04-03-2002 19:07 Edit Quote

Well I think that you can do it. Let's say that you have this css:

.text{font-size: 10pt; font-family: Arial; color:#000000;}

then you want to use the same thing just with the first letter capitalized you would do something like:

.bigText{font-weight: bold; font-size:20pt; font-family: Arial; color:#000000}

Then in you html you would just do this:

<p class="text"><span class="bigText">T</span>his is some text</p>

That is the only way that I could think of doing it. The <span> tag doesn't but any breaks in the line.

Later,
C:\


~Binary is best~

lionpaw
Nervous Wreck (II) Inmate

From: Sweden Lidingoe
Insane since: Jan 2002

IP logged posted posted 04-03-2002 19:31 Edit Quote

No it didn´t work.
Maybe it´s me, I´m not to good at html.

Thanks for your time!

Lionpaw.

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 04-03-2002 20:19 Edit Quote

CPrompt - I'm a little confused as to how this -

.bigText{font-weight: bold; font-size:20pt; font-family: Arial; color:#000000}

would make anything capitalized?

All you did was increase the font size.

Not to mention it'd take more typing to do that than it would to just manually make them capital.




[This message has been edited by DL-44 (edited 04-03-2002).]

synax
Maniac (V) Inmate

From: Cell 666
Insane since: Mar 2002

IP logged posted posted 04-03-2002 20:37 Edit Quote

<style>
#content {
text-transform : capitalize;
}
</style>
<body>

<div id="content">this is a test for capitalization</div>

will produce

This Is A Test For Capitalization

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

IP logged posted posted 04-03-2002 21:37 Edit Quote

Dude, I'm sorry. I didn't read it right. I thought you were talking about making the first letter stand out like you see in magazines and stuff. I appologize. Lack of sleep and lack of reading correctly.

My appologies. . .

Later,
C:\


~Binary is best~

lionpaw
Nervous Wreck (II) Inmate

From: Sweden Lidingoe
Insane since: Jan 2002

IP logged posted posted 04-08-2002 18:57 Edit Quote

CPrompt, That´s OK!

synax, thanks it worked perfect!

Lionpaw ending this topic.



Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

IP logged posted posted 04-08-2002 20:48 Edit Quote

Man, what kind of arcane text editors do you people use!

All of the text editors I've used for the past year or two had simple function under the edit menu to alter things like that. Hell, MS Word's been able to do that since 1996.

Come on, get with the program already!

99
Nervous Wreck (II) Inmate

From: Everywhere there's hope
Insane since: Jan 2002

IP logged posted posted 04-16-2002 12:21 Edit Quote

Please Dracusis, how do you do that?
I just cannot get it pinned down!





Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu