...

View Full Version : My h8 is being totally ignored



Omni
03-06-2005, 03:48 PM
Be forewarned, I know essentially nothing about CSS; I just figured out how to create one successful line by accident. If you use words of one syllable, however, I can usually understand what you're trying to say.

My blog is here:

http://omniverse.blogspot.com/

I'm using the standard Blogger template with very minor variations; this template has the following h's:

h1{padding-left:3%;padding-top:20px;border-bottom:dotted 1px #000000;border-top:solid 6px #ee82ee;color:#8a2be2;background:#e6e6fa;font: 300%/0.8em Helvetica Neue Black Condensed,Arial Black,Arial,Sans-Serif;}
h2{color:#000000;font-weight:normal;font-family:Helvetica Neue Black Condensed,Arial Black,Arial,Sans-Serif;}
h3{margin:10px 0px 0px 0px;color:#333333;font-size:105%;}
h4{color:#aa0033;}
h6{color:#191970;font:normal 220% Helvetica Neue Black Condensed,Arial Black,Arial,Sans-Serif;text-align:right;}

A few weeks ago, I miraculously created my own, functioning h:

h7{width:250px;font-size:75%;}

Today, I wanted to create another h, like this:

h8{width:250px;font-size:100%;}

or maybe this:

h8{width:230px;font-size:100%;}

but have discovered, after several hours of struggling, that no matter what I try to make h8, the Blogger system totally ignores the commands in it... I finally just stuck an h7 in where I was trying to do h8 within the template so as to not make my blog look too goofy.

Does anyone see what I'm saying, and have any guesses as to why the h8 is ignored when I try to use it?

The bonus question; what I'm trying to do is make the line in the sidebar that welcomes you and gives your city name be in a bigger font and not have a line break such that the city name is all by itself; if anyone has any way OTHER than the h thing to accomplish that, I'd sure be relieved to discover what it is... and I hope I can understand it, lol.

Thanks in advance to anyone who tries to help me!! :-)

mcdougals4all
03-06-2005, 03:56 PM
Only <h1> through <h6> are valid.

http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.5

I didn't exactly understand the second question. If all you want is larger text on the city name enclose it in <strong> tags. So:


<strong>... variable that outputs city ...</strong>

AaronW
03-06-2005, 03:59 PM
<h8> doesn't exist to my knowledge. It stops at <h6>.

If you're not using <h1>, <h2>, <h3>, <h4>, <h5>, AND <h6> then you've no reason to use <h8> (if it even existed).

The <h*> tags are for defining heirarchy. If you have 8 levels of a document, it's a safe bet you could divide it into two or more pages to make it easier to understand.

Why <h7> worked for you, I've no idea. Did it work in Firefox/Mozilla/Netscape7? Or did it work in IE? That wouldn't surprise me.

Omni
03-06-2005, 04:05 PM
Only <h1> through <h6> are valid.

http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.5

I didn't exactly understand the second question. If all you want is larger text on the city name enclose it in <strong> tags. So:


<strong>... variable that outputs city ...</strong>


Er... so I just got the h7 to work by some weird accident?!! {feels faint}

I'm trying to put this script:

<script language="Javascript" src="http://map.geoup.com/geoup?template=CityWelcome"></script>

in my sidebar such that:

1) The font is a decent size (say 100% or a little bigger)

2) The total width of the element is 250 pixels or less

3) There isn't a line break such that the city is on a line by itself

Is there a way to do ANY of that, other than what I've managed to do with my non-valid h7?

Omni
03-06-2005, 04:11 PM
<h8> doesn't exist to my knowledge. It stops at <h6>.

If you're not using <h1>, <h2>, <h3>, <h4>, <h5>, AND <h6> then you've no reason to use <h8> (if it even existed).

The <h*> tags are for defining heirarchy. If you have 8 levels of a document, it's a safe bet you could divide it into two or more pages to make it easier to understand.

Why <h7> worked for you, I've no idea. Did it work in Firefox/Mozilla/Netscape7? Or did it work in IE? That wouldn't surprise me.

I don't understand what you said about the document, but I DO have h1-h6, and I only use IE, and that's what the h7 works in; I brought up Safari, which I hate and never use, and it does NOT work in that one... :-(

All I was trying to do with h7 was make the text created by a script not be so wide... is there some html thing that'll do that, maybe? Or java? Or anything?

harbingerOTV
03-06-2005, 05:12 PM
if you just want to change the size like that, make classes and aplly them to your h's like:


.skinny {width:230px;font-size:100%;}

then apply it:

<h6 class="skinny">Some Words</h6>

<h's> do stop at 6 in most normal browsers so you can just make multiple classes and apply them as need be.

jkd
03-06-2005, 06:54 PM
Gecko-based browsers should have no trouble styling <h8> tags, because that are initialized as an HTMLUnknownElement, and can accept styling. IE, on the other hand, sees <h8>text</h8> and sees:

H8 Tag (empty) [e.g. <h8/>]
Text Node
/H8 Tag (empty) [e.g. </h8/>

So styling <h8> in IE is like styling <br>.

Omni
03-06-2005, 10:42 PM
if you just want to change the size like that, make classes and aplly them to your h's like:


.skinny {width:230px;font-size:100%;}

then apply it:

<h6 class="skinny">Some Words</h6>

<h's> do stop at 6 in most normal browsers so you can just make multiple classes and apply them as need be.

I THINK I understand that; the problem is, none of h1-h6 have attributes that, as far as I'm able to analyze them, would apply to the text I'm trying to modify... they were designed by Blogger to create headings and so forth. So, withOUT being able to make classes, is there any way to make the text that a script generates be a certain width?

harbingerOTV
03-07-2005, 04:46 AM
I have never used Blogger so I'm not sure exactly how they allow you to edit thier CSS. If it's something like MySpace, you should be able to add it. If not you can try:

<h6 style="width:230px;font:normal 100%;">Some Text</h6>

Looking at your source they have this to define h6:


h6{padding:0px;margin:0px;}

h6{color:#191970;font:normal 220% Helvetica Neue Black Condensed,Arial Black,Arial,Sans-Serif;text-align:right;}


Doing it this will replace thier font: attribute with yours and add your width attribute.
As you are adding your inline CSS after thier styles, yours should take precedence. Anything you add to the inline CSS of h6 that has a already predifined value should also take precedence (ie... color , text-align , etc...) and anything you add that don't already define (ie...font-weight , font-variant , etc...) should just supplement thier CSS.

Omni
03-07-2005, 05:39 AM
I have never used Blogger so I'm not sure exactly how they allow you to edit thier CSS. If it's something like MySpace, you should be able to add it. If not you can try:

<h6 style="width:230px;font:normal 100%;">Some Text</h6>

Looking at your source they have this to define h6:


h6{padding:0px;margin:0px;}

h6{color:#191970;font:normal 220% Helvetica Neue Black Condensed,Arial Black,Arial,Sans-Serif;text-align:right;}


Doing it this will replace thier font: attribute with yours and add your width attribute.
As you are adding your inline CSS after thier styles, yours should take precedence. Anything you add to the inline CSS of h6 that has a already predifined value should also take precedence (ie... color , text-align , etc...) and anything you add that don't already define (ie...font-weight , font-variant , etc...) should just supplement thier CSS.

I didn't see any code in that code box when I was viewing the thread, it was just a blank gray sliver, but now that I'm posting with a quote from you I see it!! :-O

I tried your code suggestion, and the result was bold-faced, left-justified, and navy blue. :-(

From another forum, I got the following:

<div style="width:240px;">
<div align=right>
<script language="Javascript" src="http://map.geoup.com/geoup?template=CityWelcome"></script>
</div>
</div>

produces exactly what it looks like it should, exactly what I wanted. The bad news is that

<div align=right>
<div style="width:250px;">
<SCRIPT TYPE="text/javascript" SRC="http://www.brainyquote.com/link/quotebr.js"></SCRIPT>
</div>
</div>

produces a chunk of text the right size, but LEFT justified in IE, and at the bottom of the page, totally out of the sidebar (???!!!), and left-justified, in Safari.

Can anyone tell me how to fix this?

harbingerOTV
03-07-2005, 06:11 AM
Are these 2 questions related or they 2 different problems your having?

I'm going to assume they are different.

try:

<h6 style="padding:0;margin:0;color:#what ever you want it to be;font-weight:400;font-size:100%;font-family: Helvetica,Arial Black,Arial,Sans-Serif;text-align:right;">some text</h6>

I'm not sure why your style is not overriding thiers though.

color:#191970 is Navy Blue so change it to what you want it to be.

i don't see h5 defined in the style so you might just chnge th h6 to h5 and then change anything you want to have all this style in your body as a h5.

as for your other issue. i don't see anything defining the #sidebar width but maybe your width:250px breaks it becuase of thier margin.

2 ideas.

change your :

<div align=right>
<div style="width:250px;">
<SCRIPT TYPE="text/javascript" SRC="http://www.brainyquote.com/link/quotebr.js"></SCRIPT>
</div>
</div>

to:

<div style="width:240px;">
<div align=right>
<SCRIPT TYPE="text/javascript" SRC="http://www.brainyquote.com/link/quotebr.js"></SCRIPT>
</div>
</div>

and see if that works.

or:

add this to your list of links:

<li></li>
<li><SCRIPT TYPE="text/javascript" SRC="http://www.brainyquote.com/link/quotebr.js"></SCRIPT></li>

the first may have something to do with thier padding. The lattter just adds your javascript as another list line. the empyt <li> is just to give to space from your regular list.

Omni
03-07-2005, 06:46 AM
I'm sorry if I'm being unclear-I know almost nothing about programming, and I'm sure I'm not explaining things with the proper terms. The only problem I still had was that the quote-generating code was left-justifying in the sidebar in IE, and leaping totally out of the sidebar, dropping to the bottom of the page AND left-justifying in Safari. Using your advice, I tried this code in my links list:

<div style="width:250px;">
<li><SCRIPT TYPE="text/javascript" SRC="http://www.brainyquote.com/link/quotebr.js"></SCRIPT></li>
</div>

which looks PERFECT in IE, but is still in the same spot in Safari.

Any guesses as to what's up with Safari? Has anyone looked at my site with, say, Firefox? I'm almost afraid to know what THAT looks like, lol...

harbingerOTV
03-07-2005, 07:48 AM
2 things:

<div> breaks the list in most browsers

put:

<li><SCRIPT TYPE="text/javascript" SRC="http://www.brainyquote.com/link/quotebr.js"></SCRIPT></li>

WITHOUT the containing <div> and make sure the </ul> comes after this so that is IN the list.

Another thing was that the width:250 didn't worjk but the width:240 did. Like I mentioned I didn't see anything defining a set width for the #sidebar but it is possible that the padding on it makes anything wider than 240px break the format. in case adding the script to the list should fix it. That way the text generated by the script is still defined by the attributes set by the list.

something like:

...
<li><a href="http://fangoriousleap.blogspot.com/">Fang's blog</a></li>
<li><a href="http://www.vegchica.blogspot.com/">Veggiechica's blog</a></li>
<li><a href="http://iceandsilence.blogspot.com/">Steven's blog</a></li>
<li><a href="http://www.gooseneck.blogspot.com/">Goose's blog</a></li>
<li>&nbsp;</li>
<li>&nbsp;</li>
<li><SCRIPT TYPE="text/javascript" SRC="http://www.brainyquote.com/link/quotebr.js"></SCRIPT></li>
</ul>

Omni
03-07-2005, 08:02 AM
The first time I tried putting the code in the list, I did it the exact way you've said, and the text spanned the entire width of the sidebar, all the way over to the main area... the worst possible outcome.

I'm not sure where you got the idea that there was some sort of problem with a width of 250 pixels; I've used that exact width, and bigger widths, with no problems in that sidebar... my apologies if I misled you somehow.

To make it look right, I need a way to right-justify the text that that code generates AND choose a width for it; is there a way to do that?

harbingerOTV
03-07-2005, 03:26 PM
try:


<li><a href="http://iceandsilence.blogspot.com/">Steven's blog</a></li>
<li><a href="http://www.gooseneck.blogspot.com/">Goose'sblog</a></li>
<li><SCRIPT TYPE="text/javascript" SRC="http://www.brainyquote.com/link/quotebr.js"></SCRIPT></li>
</ul>

or this:

<li><a href="http://iceandsilence.blogspot.com/">Steven's blog</a></li>
<li><a href="http://www.gooseneck.blogspot.com/">Goose's blog</a></li>
</ul>
<ul>
<li><SCRIPT TYPE="text/javascript" SRC="http://www.brainyquote.com/link/quotebr.js"></SCRIPT></li>
</ul>

or this:

<li><a href="http://iceandsilence.blogspot.com/">Steven's blog</a></li>
<li><a href="http://www.gooseneck.blogspot.com/">Goose's blog</a></li>
</ul>
<p style="width:250px;text-align:right">
<SCRIPT TYPE="text/javascript" SRC="http://www.brainyquote.com/link/quotebr.js"></SCRIPT>
</p>

or go back to this (there was a flaw before)

<div style="width:250px;text-align:right">
<ul>
<li><SCRIPT TYPE="text/javascript" SRC="http://www.brainyquote.com/link/quotebr.js"></SCRIPT></li>
</ul>
</div>

^you need to <ul></ul> to make it act as a list element.

One thing I saw. You can't use <br> inside a <li>

I'm thinking the last one should work since you said it did in IE but not in Safari. If it does and I just missed the fact that you didn't use <ul></ul> I apologize. It was late and I really should have been sleeping ;)

Omni
03-08-2005, 06:13 AM
Thank you for taking so much time to try to help me!! :-)

Sadly, none of those things worked; in each case, it either didn't right-justify or it let the text take up the entire width of the sidebar.

It finally occurred to me that maybe it's just not POSSIBLE for certain sorts of commands to work below the Blogger-provided links list, so I tried inserting the quote script ABOVE the Blogger stuff amd it works perfectly!! :-O

I can't imagine WHY they have it set up to be that way, and I'm a little bummed that I can't put things where I want them, but free services are never perfect, right?

Thanks again!! :-)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum