Welcome to WebmasterWorld Guest from

Forum Moderators: brotherhood of lan & mack

Message Too Old, No Replies

Linking the logo to the homepage



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

10+ Year Member

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 Sep 1, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

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 Sep 2, 2006 (gmt 0)

10+ Year Member

a img {border: 0}

or in the HTML:

<img border="0"


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

WebmasterWorld Senior Member 10+ Year Member

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.


Featured Threads

Hot Threads This Week

Hot Threads This Month