Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Help with

tags !

  • This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #40540
    Raza
    Member

    Well, I want to add a h1 tag under my company logo, but it should be resized.
    I found out a way to do it, & tried on a module heading:

    *** .h1navbar {
    font-family:verdana, geneva, lucida, ‘lucida grande’, arial, helvetica, sans-serif;
    margin:0;
    font-size: 12px;
    font-weight:normal;
    display: inline;
    }

    Global Trade Market

    ***

    but when I open its source from user-end it also shows the :
    *

    Global Trade Market

    *

    but my SEO people want me to do it without revealing what I’ve done to reduce h1’s size.

    For example take a look at this website’s tagline which is actually a h1 heading, but so small in size:
    http://www.ec21.com/

    if you open its source, you’ll only find h1 tags around its tagline.
    I know it might be stupid, but Im really confused right now that how to use h1 tags by keeping the text smaller & without showing off how its done, this way Google won’t ignore my h1 tags right ?

    Please someone any help ?
    Thanks in advance !

    #113016
    Raza
    Member

    *sigh*

    I think you’ve gotten my point…..if not, then goto my website:
    http://www.tradeglobus.com/index2.php
    & look for the module in middle “Global Trade Market”

    Then goto :
    http://www.ec21.com/
    And check out its logo/tagline, its written in simple h1 tags.
    how can I do the same ?

    thanks

    #113017
    Paulie_D
    Member

    They have specifically targeted the h1 inside a named div in their CSS like this:

    #header_ec21 h1 {
    font-size: 10px;
    font-weight: bold;
    }

    #113018
    Paulie_D
    Member

    In your case it would be:

    .GridHead h1 {

    etc.

    Be careful though this will affect all h1 elements that are inside elements with a class of GridHead.

    #113026
    toddmotto
    Member

    Paulie_D is right, you can specify the code to be:

    .Gridhead h1 {}

    Alternatively add a class to the h1 tag.

    Your ‘SEO’ people are a bit delusional if they think it can be done without ‘revealing’ how. But with how badly the site is coded, I really wouldn’t worry lol…

    #113092
    Raza
    Member

    Thanks a lot Paulie and Todd, its working but I can still view the style code in “view source” at user end :(

    if possible, can you show me the full code ?
    here’s the code you can play with:

    ****style type=”text/css”****
    h1 {font-size: 12px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-align: left;
    word-spacing: 0;
    text-indent: 0;
    margin: 0;
    padding: 0px; 0px; 0px; 0px;}
    **** ****div class=”GridHead”>****h1>Global Trade Market

    I have replaced ‘<' and '>‘ with ****
    sorry for trouble but Im kinda newbie to this thing ;)

#113100
Paulie_D
Member

I’m confused…I thought you were styling the GridHead H1 tag?

However, if you are now styling the div with a class of GridBody you can add this to your CSS

div.GridBody {
height:135px;
width:550px;
}

and delete the inline styling from the HTML.

Frankly, I would remove the inline styling anyway from the HTML first and see what it looks like without that styling.

Remember that this will affect ALL divs with a class of GridBody where there is no inline styling.

BUT….you may not need to add that CSS to your file.

You probably won’t need to set a width as it will default to 100%.

I don’t set heights for divs either as they will, generally, be as tall as they need to be to hold the content. If I need them to have a little room I would do that through padding in the CSS.

#113101
Paulie_D
Member

I would say that the overall HTML is somewhat dated as it seems to use a table layout which is somewhat _passe_ these days.

As for your SEO people…they seem (as someone said) to be delusional about how pages are ranked if they think that how an H1 is styled affects the rankings.

The fact that it IS an H1 is the important thing as well as what the H1 says.

#113234
Raza
Member

Thanks a lot Paulie, for your detailed reply.
& sorry for confusing questions :)

Yes, I was gonna style the GridHead’s H1 tag, but its not necessary to place it inside gridhead, I would put it anywhere on the page but all I wanted was “using H1 tags, without letting Google know of its styling or font resizing”.

yeah I have this feeling too, they’re being a bit delusional bcuz I’ve gone through few articles that h1 tags are good for SEO stuff but not important. But still not sure about if I add styling into h1, is it good or bad for my page/site ranks.

Anyways its not my headache, I just gotta do my given tasks & the rest is their problem :)

And thanks again Paulie, you’ve been so helpful…..will see you again later !

Bye Bye
Raza

Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘CSS’ is closed to new topics and replies.