CSS: Quick Question.

[InertProtocol]

Hi all,

Just knocking up a team Intranet thing for our work team using a free CSS template we like but i've hit a little problem in the following:

	<div id="header">
		<div id="logo">
			<h1><a href="#">[B][COLOR="Red"]MIA Intranet   [/COLOR][/B]</a></h1>
			<p> Intranet for the Managed Internet Access Team</p>
		</div>
	</div>

For some reason, the MIA Intranet bit always shows lower-case. What would i need to change in the .css file to keep the same format so it shows upper-case?.


Many thanks!

 

[GravyMonster]

H1 A {
    text-transform: uppercase !important;
}

You may not need the !important, it depends on the precedence of the selector which is forcing it to be lower case. You can also use the 'capitalize' property on it to make each initial letter a capital.

 

[InertProtocol]

Thanks for the quick reply

Current H1 sections on the .css read:

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #A42903;
}

h1 {
	font-size: 2em;
}

So would i just add

text-transform: uppercase !important;

into both h1 parts, if that makes sense?.

 

[GravyMonster]

If you want it accross H1, H2 and H3 tags, put it in the first block. If you just want it for H1 tags, put it in the second.

Have you tried firebuggin the H1 tag on the site to see why it's being forced to lowercase? I'd be wary of amending all the H tags on the site without knowing what rules are set above them.

 

[InertProtocol]

Hmmm, thanks.

Firebugging?

 

[redeye_uk]

How do you want the text to display?

1. "MIA Intranet"

2. "MIA INTRANET"

if its 2, then Spunkey's solution will work, otherwise you have

text-transform: lowercase;

somewhere in your stylesheet

 

[Deleted User 298457]

Post your CSS x