- This topic is empty.
-
AuthorPosts
-
October 31, 2012 at 9:14 am #40540
Raza
MemberWell, 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 !October 31, 2012 at 9:24 am #113016Raza
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
October 31, 2012 at 9:27 am #113017Paulie_D
MemberThey have specifically targeted the h1 inside a named div in their CSS like this:
#header_ec21 h1 {
font-size: 10px;
font-weight: bold;
}October 31, 2012 at 9:29 am #113018Paulie_D
MemberIn 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.
October 31, 2012 at 9:56 am #113026toddmotto
MemberPaulie_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…
November 1, 2012 at 3:37 am #113092Raza
MemberThanks 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 MarketI have replaced ‘<' and '>‘ with ****
sorry for trouble but Im kinda newbie to this thing ;)
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.
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.
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
- The forum ‘CSS’ is closed to new topics and replies.