text as an image..?

liunx · Jan 9, 2008

When I view my site on IE v5.0 and NS v.6.2, a piece of text set at a font size of 5 appears as I wish it to. 
 
When I view the document in NS v.4.7 or Opera 5 the text is too large and throws off my desired layout. 
 
Is inserting text as an image the only solution to such problems? 
 
Thanks for your thoughts!Use style...... 
Put this style in the head: 
 
<STYLE TYPE="text/css"> 
</STYLE> 
 
In the body: 
<DIV CLASS="norm">Here your text:Backend sell affiliate products, JV products, or create an extended version of your product. As long as you have a good closing ratio 
for your backend products, than the advertisement for your initial 
product doesn't even have to make money, and you can still turn 
a profit on the backend sale. 
</DIV> 
 
And a few words: use the span tag in a textline......I gave up on this a long time ago and started using JavaScript to import external style sheets, different ones for - at least two - browsers. Easy: 
 
1)Get your page looking presentable in IE. Use an external stylesheet (read in with the <link> tag in the head, href set to "default_style.css") 
2)When you're ready to go cross-browser, copy the original CSS file and name the copy "special_style.css". You can use any names, these are just suggestions. 
3)Stick this in the <head> of each HTML file, after any <META> tags: 
 
<script type="text/javascript" language="JavaScript"> 
 
var agt = navigator.userAgent.toLowerCase(); 
var is_major = parseInt(navigator.appVersion); 
 
var ns = ((agt.indexOf('mozilla')!= -1) && (agt.indexOf('spoofer') == -1) 
&& (agt.indexOf('compatible') == -1) && (agt.indexOf('opera') == -1) 
&& (agt.indexOf('webtv') == -1) && (agt.indexOf('hotjava') == -1)); 
var ns4 = (ns && (is_major == 4)); 
var ns6 = (ns && (is_major >= 5)); 
 
var ie = ((agt.indexOf('msie') != -1) && (agt.indexOf('opera') == -1)); 
var ie4 = (ie && (is_major == 4) && (agt.indexOf('msie 4') != -1) ); 
var ie4up = (ie && (is_major >= 4)); 
 
document.write( 
'<link rel="stylesheet" type="text/css" href=http://www.htmlforums.com/archive/index.php/"', 
((ie4up || ns6) ? 'default' : 'special'), 
'_style.css">'); 
 
</script> 
 
Then just alter the second file (special_style.css) till it looks the way you'd like in those 'other' browsers. 
 
<a class="postlink" href="http://www.abiglime.com/webmaster/articles/jscript/012899.htm">http://www.abiglime.com/webmaster/artic ... 012899.htm</a>Hi _mrkite, great script.Can I butt in? I can, thanks!

Just what is a style sheet anyway? I mean, can anyone tell me in plain English? I've tried reading about them and get a headache. I don't like headaches. }

I am just learning all this myself so don't bank on this response.

What little bit that I understand about it, is that a style sheet is an html document that the style code is written in the < head > section and it will automatically create certain styles within the page to the value indicated by the code. 
This style covers the entire document and can be replicated to multiple pages as a kind of short cut so the code writer does not need to repeat tedious code for multiple documents as long as they are related to each other. 
An example would be if you wrote the code for purple text and a header code of < H1 >, every time the browser reads < H1 > it would display a header with purple text---I think

Of course, I could be way off base here.

But I'm trying real hard. :rocker:Originally posted by KWJams 
I am just learning all this myself so don't bank on this response.

What little bit that I understand about it, is that a style sheet is an html document that the style code is written in the < head > section and it will automatically create certain styles within the page to the value indicated by the code. 
This style covers the entire document and can be replicated to multiple pages as a kind of short cut so the code writer does not need to repeat tedious code for multiple documents as long as they are related to each other. 
An example would be if you wrote the code for purple text and a header code of < H1 >, every time the browser reads < H1 > it would display a header with purple text---I think

Of course, I could be way off base here.

But I'm trying real hard. :rocker: 
 
Yes that is more or less correct. Only a style sheet is technically not an HTML document, it is only part of one, or is a separate file completely from the webpage and uses no HTML code at all (external style sheet) it only contains the CSS definitions. 
 
There are three levels of hierarchy, the closer the CSS is to the actual HTML the higher the priority it is given. 
 
You can link to an external style sheet in the head section of a webpage and use that style sheet for one or limitless numbers of webpages, lowest priority. 
 
You can put internal style sheets directly in the head section of a webpage, effects only that page, second highest priority. 
 
You can put inline style tags directly in the HTML code, effects only that block of code, highest priority. 
 
You can combine all three of them on one page. 
 
KevinI am not sure what CSS is? 
 
 
it only contains the CSS definitions. 
 
Could you explain please?Just found this info Site: 
<a class="postlink" href="http://www.w3schools.com/css/default.asp">http://www.w3schools.com/css/default.asp</a> 
With a lot of "How To"HI KWJams, 
 
go to the website petervazed linked to and scroll down to CSS introduction in the middle column. That explains it clearly. 
 
When I said CSS definitions, definitions is not the correct technical term, I just use that word to summarize with, "definitions" would be something like: 
 
h1{color: green; font-family: "sans serif"} 
h2{color: red; font-family: arial} 
 
Since CSS deals directly with HTML documents, it is fairly easy to pick up on. Most CSS syntax looks very similar to HTML code and includes HTML selectors, like h1, h2 etc etc etc. 
 
KevinCSS= cascading Style Sheets 
 
That is a great site. 
 
Thanks

CSS (Cascading Style Sheets) is a new development that is supported by most browsers version 4 and up. As with regular HTML coding, each browser has it's own rules as to how the final "look" or "support of it" will work. 
 
Think of it as an "add on" feature. They are used for formatting on a higher level. Like the tag on steroids. It is for presentation and display. 
 
As HTML is moving forward, the use of CSS will be used more and more.

text as an image..?

liunx

Guest