Quick html question

Miscellaneous Forums/General Discussion/Quick html question

Is there a way with CSS I can stipulate a size for text that NO browser can alter by choosing 'make text bigger' etc?

Failing that, I have another question. The reason I want to do this is because my client wants me to make the main site logo using text rather than creating an image, because they want Google to be able to find that text. But what if I used an image and added the alt or name tag to it with the text? Will the spiders find that and push her up the google rankings? If not, do I do it with meta tags or something?

GfK

Answer to original question: No, can't be done.

Use META tags if you want your site to be picked up by spiders/robots/crawlers.

<HEAD>
  <META name="keywords" content="keywords here">
</HEAD>

mrtricks

Okay, thanks. How about including an image that will float behind some text...

I want it to say BlahBlahBlah, with a circle exactly behind the third Blah. I could do it with a table, but I think that would break.

I guess I'll do it with an image, but I'm just curious...

FlameDuck

Is there a way with CSS I can stipulate a size for text that NO browser can alter by choosing 'make text bigger' etc?

No, but you can design your website so that it scales correctly when people decide your 8px font is unreadable on their screens.

But what if I used an image and added the alt or name tag to it with the text?

You have to supply an alt text anyway, so you might as well. And yes, alt tags are indexed by Google, and other accessibility aware search engines.

If not, do I do it with meta tags or something?

That and/or a robots.txt file.

mrtricks

No, but you can design your website so that it scales correctly when people decide your 8px font is unreadable on their screens.

Actually, I have noticed that some websites seem to scale absolutely uniformly when the text size is altered, including table sizes etc. Is that just an illusion... if not, is that difficult to do?

Perturbatio

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Language" content="en-uk" />
	<meta name="robots" content="all" />
	<meta http-equiv="imagetoolbar" content="false" />
	<meta name="MSSmartTagsPreventParsing" content="true" />
	<meta name="author" content="" />
	<meta name="Copyright" content="" />

	<meta name="description" content="" />
	<meta name="keywords" content="" />  
	<title></title>
<style type="text/css">
<!--
h1#logo {
	width: 80px;
	height: 24px;
	display:block;
	margin: 0;
	padding: 0;
	background: transparent url("http://www.blitzbasic.com/img/brllogo-thin.png") top left no-repeat;
	text-indent: -9999px;
}
-->
</style>
</head>

<body>
<h1 id="logo">My Logo</h1>

</body>
</html>

Game Boy

The logo should be a link to the main website with the company name in the alt tag. This is good because search engines will pick up on the alt text and it will get higher points for being a link. Also, as mentioned before, using the company name in the meta tag and then cross-referencing the company name by mentionting it in the main content will get you more points with the search engines.

mrtricks

Ah, brilliant. Thanks for the tip.

Perturbatio

#10

The code I posted places the text in an H1 which is generally given higher preference than alt text by search engines. Plus it will degrade nicely and allow PDA's, text only browsers and blind users to display/follow your site a little better.