homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / WebmasterWorld / New To Web Development
Forum Library, Charter, Moderators: brotherhood of lan & mack

New To Web Development Forum

Linking the logo to the homepage

5+ Year Member

Msg#: 3069411 posted 10:41 pm on Sep 1, 2006 (gmt 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?




WebmasterWorld Senior Member 10+ Year Member

Msg#: 3069411 posted 11:48 pm on Sep 1, 2006 (gmt 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.)



5+ Year Member

Msg#: 3069411 posted 9:40 pm on Sep 2, 2006 (gmt 0)

a img {border: 0}

or in the HTML:

<img border="0"


WebmasterWorld Senior Member 10+ Year Member

Msg#: 3069411 posted 8:40 am on Sep 5, 2006 (gmt 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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / WebmasterWorld / New To Web Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved