Previous Message
Next Message

RE: [css-d] selective text zooming in Mozilla?

Sent by Lars Holst on 3 February 2003 14:02


>Stephanie Sullivan wrote:
>> Occasionally, however, I would like to force a piece of text to a given
>> size, regardless of the zoom factor. Can I?

>I doubt if the "important" rule would work there (though someone will
>probably prove me wrong. :)... But to ABSOLUTELY be sure, you can make it a
>graphic... Remember that "old-fashioned" way we used to do it? ;)

Thanks Stephanie. That's a remarkably simple solution and one that I hadn't
thought of. However, in this particular case it wouldn't work. I'm using an
<h1> for my page title with a logo on its right, and that's the  area I need
to stay fixed. What happens is when I zoom the text (including the h1 title)
the logo doesn't follow. The option would of course be to use a graphic for
the title, which I admit I used to. The <h1> tag has several advantages
though, so I want to keep it. I think this leaves me with nothing but a css
solution, though I don't know what it would look like.

Any other suggestions?

Site: http://www.inug.nu
Css: http://www.inug.nu/css/main.css

relevant css for logo and h1:

	#logo {
		font-size:			97px;
		z-index: 			6;
		position: 			absolute;
		right: 				4%;
		width: 			22%;
		height: 			1.21em;
		margin: 			0 -1px 0 0;
		padding: 			0;
		color:				inherit;
		background: 			#fff url("../graphics/inug_logo_h65.gif") no-repeat scroll
center;}

	h1, h2, h3, h4, h5 {
		line-height: 			1;
		margin: 			1.75em 0 0 0;
		padding: 			0;}

	h1 {
		font-size:			22px;
		z-index:			5;
		position: 			relative;
		margin: 			0 4%;
		padding: 			37px 20% 38px 0;
		text-align: 			center;}

/Lars
Previous Message
Next Message

Message thread: