Header text or navbar within CSS file?

How is this done? I have text on the top of my page that I don't want search engines to see. I can't see the navbar in the source of this page. Is it in a CSS file? How is this done?

its in the footer template, and with css, it is absolutley positioned to go up top.

I'm missing something. what's the code look like for that?

i take that back, they aren't doing it how they used to...

its not in the footer, but its not placed in the flow either...

look for:

Code:

<div class="topmenu" style="width:910px;margin-left:-20px" align="center"> <table cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px"> <tr align="center"> <td class="topmenu_left">Currently enhancing <a href="http://www.vbseo.com/info/google-vbseo-results.html" title="Search query excecuted at 01:56:30 (AST) using Google Datacenter 64.233.161.99"><strong>14,200,000</strong></a> pages.</td> <td class="topmenu_control"><a href="http://www.vbseo.com/usercp.php">User CP</a></td> <td class="topmenu_control"><a href="http://www.vbseo.com/faq.php" accesskey="5">FAQ</a></td> <td class="topmenu_control"><a href="http://www.vbseo.com/members/list/">Members List</a></td> <td class="topmenu_control"><a href="http://www.vbseo.com/calendar.php">Calendar</a></td> <td class="topmenu_control"><a rel="nofollow" href="http://www.vbseo.com/search.php?do=getnew" accesskey="2">New Posts</a></td> <td id="navbar_search" class="topmenu_control"><a href="http://www.vbseo.com/search.php" accesskey="4" rel="nofollow">Search</a> <script type="text/javascript"> vbmenu_register("navbar_search"); </script></td> <td id="usercptools" class="topmenu_control"><a rel="nofollow" href="http://www.vbseo.com/f28/header-text-navbar-within-css-file-8330/?nojs=1#usercptools">Quick Links</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td> <td class="topmenu_control"><a rel="nofollow" href="http://www.vbseo.com/login.php?do=logout&amp;logouthash=687525d9b3153784846278b298fbd656" onclick="return log_out()">Log Out</a></td> </tr> </table> </div>

and the .topmenu class has the positioning:

Code:

.topmenu {

 position: absolute;

 top: 5px;

 height: 28px;

 background-color: #9CCE21;

 margin-right: 40px
}

Originally Posted by tavenger5

How is this done? I have text on the top of my page that I don't want search engines to see. I can't see the navbar in the source of this page. Is it in a CSS file? How is this done?

Have you considered making the text you want to hide from search spiders an image? That is what I have done with my welcome message for new visitors.

Depending your style, the navbar is a template you can edit. You can also add CSS properties in one of the 2 large edit boxes near the bottom of All Style Options.

R'gards,

Jim

I would make it a gif, but this one is a little more dynamic than that.

Thanks briansol, got it working

Check it out: Cell Phone Forums - Your Cell Phone Source

I ended up putting the code in the footer template.

Originally Posted by tavenger5

I would make it a gif, but this one is a little more dynamic than that.

You mean your welcome text? All it is is text with a couple of links. I have several links in my welcome message, but it's just an image with several hot spots (called a "mapped image" I think), including tool-tips that further describe the links. I did mine with Macromedia Fireworks, but there's prob'ly a few graphics programs you can do this with.

Anyway, glad you got the solution you were looking for.

Jim

If I position the navbar "absolute" on the top, will the rest of the site / tables / divs following that, be pushed down "after" the navbar? As in, it will not be overlapping with the navbar? Or do I have to position "absolute" the rest of the divs following, as well?

Don't use absolute positioning if it's not necessary. If you have a navigation bar you want to be at the top of your page, then put it in a DIV at the beginning of your document's code (if you use a wrapper, then put it just inside the wrapper).

If you are talking about doing it on game-secrets.com, I would find a way to put it at the bottom edge of your header graphic (move "THE FORBIDDEN REALM OF MMORPG GAMING" to another position to make room). It's a large graphic to begin with. Placing a navbar above it would just push your content too low.

Just my opinions,

Jim

Originally Posted by Wuushu

If I position the navbar "absolute" on the top, will the rest of the site / tables / divs following that, be pushed down "after" the navbar? As in, it will not be overlapping with the navbar? Or do I have to position "absolute" the rest of the divs following, as well?

Absolute elements are taken out of the document flow. Think of it as a photoshop layer... you can drag it around anywhere, and will sit on top of what ever is below it.

Thus, you will need to leave room (preferrably with margins) for the div to display.

I use absolute positioning on my ads, therefore, my entire site loads first, then the ads come up. If they take a while (which sometimes ypn and adsense do) no worries, as my page is fully loaded.


As for a nav bar or other content div... its best not to use positiing where possible.
However, there are some techniques that can help you get your Content, not your menus, logos, etc, up top. Google "Holy Grail layout" or something to that effect. There are 1000's of pages describing this technique.

Yeh, the absolute positioning works perfectly for my application. Makes it look even more like the IE warning bar.

Thanks for the replies.