Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    New Coder
    Join Date
    Mar 2005
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    My h8 is being totally ignored

    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!! :-)

  • #2
    Regular Coder
    Join Date
    Jul 2004
    Location
    mile high city
    Posts
    482
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Only <h1> through <h6> are valid.

    http://www.w3.org/TR/REC-html40/stru...l.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:

    Code:
    <strong>... variable that outputs city ...</strong>
    Computer, kill Flanders... Did I hear my name? My ears are burning...
    Good start. Now finish the job.

  • #3
    Senior Coder
    Join Date
    Feb 2003
    Location
    Ontario, Canada
    Posts
    1,223
    Thanks
    0
    Thanked 0 Times in 0 Posts
    <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.

  • #4
    New Coder
    Join Date
    Mar 2005
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by mcdougals4all
    Only <h1> through <h6> are valid.

    http://www.w3.org/TR/REC-html40/stru...l.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:

    Code:
    <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?

  • #5
    New Coder
    Join Date
    Mar 2005
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by AaronW
    <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?

  • #6
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    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.

  • #7
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    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>.

  • #8
    New Coder
    Join Date
    Mar 2005
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by harbingerOTV
    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?

  • #9
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    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:
    Code:
    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.

  • #10
    New Coder
    Join Date
    Mar 2005
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by harbingerOTV
    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:
    Code:
    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?

  • #11
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    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.

  • #12
    New Coder
    Join Date
    Mar 2005
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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...

  • #13
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    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>

  • #14
    New Coder
    Join Date
    Mar 2005
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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?

  • #15
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    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


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •