homepage Welcome to WebmasterWorld Guest from 107.20.37.62
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
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
Matrixster




msg:3069413
 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?

Thanks

 

willybfriendly




msg:3069464
 11:48 pm on Sep 1, 2006 (gmt 0)

Using CSS

a.logo
{
text-decoration:none;
}

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:

<body>
<div id="container">
<div id="banner">
<div id="logo">
</div>
<div id="tagline">
<h1>
Page Title goes here in &lt;h1&gt; tags
</h1>
</div>
</div>
<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>
</ul>
</div>
<div id="content">
<h2>
This is a subheading in &lt;h2&gt; tags
</h2>
<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>
<div id="footer">
Footer stuff here - phone and contact info.
</div>
</div>
</body>

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.)

WBF

jessejump




msg:3070167
 9:40 pm on Sep 2, 2006 (gmt 0)

a img {border: 0}

or in the HTML:

<img border="0"

le_gber




msg:3072003
 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