Welcome to WebmasterWorld Guest from

Forum Moderators: mack

Message Too Old, No Replies

Linking the logo to the homepage

10:41 pm on Sep 1, 2006 (gmt 0)

Junior Member

10+ Year Member

joined:Apr 5, 2005
votes: 0

Im using a CMS and the current template I am using does not have a link to the home page on the logo (click on logo, goes to homepage), so I want to put in a link. I know how to do this, but when I do, a colored box surrounds my logo and I dont want this. It is the color of my a:visited links.

What code do i need to put in with the logo link so it doesnt carry these link properties?


11:48 pm on Sept 1, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Nov 1, 2002
votes: 0

Using CSS


That said, and I know it is somewhat industry standard to link that logo, I don't.

I put the logo in a background image and a home link in the main menu. This makes for far cleaner code, and it puts the content right at the top of the page.

For example:

<div id="container">
<div id="banner">
<div id="logo">
<div id="tagline">
Page Title goes here in &lt;h1&gt; tags
<div id="nav">
<ul id="nav">
<li><a href="">Curabitur gravida</a></li>
<li><a href="">Vestibulum</a> </li>
<li><a href="">Fusce sit amet</a> </li>
<li><a href="">Integer venenatis</a> </li>
<li><a href="">Suspendisse id</a> </li>
<li><a href="">Fusce tempus</a> </li>
<li><a href="">Donec rhoncus</a> </li>
<div id="content">
This is a subheading in &lt;h2&gt; tags
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum urna est, placerat sit amet, porta id, varius molestie, neque. Nam eleifend turpis viverra arcu. </p>
<div id="footer">
Footer stuff here - phone and contact info.

Lean and mean. Loads fast, fluid, looks good on very small screens (PDA's), standards compliant. The layout is controlled almost exclusively by the CSS. (This example happened to have two background images in the header, so it looks a bit more cluttered than normal.)


9:40 pm on Sept 2, 2006 (gmt 0)

Preferred Member

10+ Year Member

joined:July 8, 2005
votes: 0

a img {border: 0}

or in the HTML:

<img border="0"

8:40 am on Sept 5, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 14, 2003
votes: 0

I always use the following in my stylesheets

img { border:0; } /* that way, none of the images have borders */

and if I want a border around an image I will use CSS anyway so just add a style to it.