Forum Moderators: mack
What code do i need to put in with the logo link so it doesnt carry these link properties?
Thanks
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 <h1> 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 <h2> 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
or in the HTML:
<img border="0"
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.
