Return to Snippet

Revision: 22269
at January 7, 2010 10:33 by toddaeverett


Initial Code
<!-- HTML Doc -->
<body>
<div id="everything">
    <div id="header">
        <a href="index.cfm" id="top"><div id="headerLogo"><img src="images/uc_san_diego_logo_285.png" width="490" height="46" border="0" alt"uc san diego extension" /><br /></div></a>
    </div>
</div>
</body>

<!-- CSS Doc -->
body {text-align:center; margin:0; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#322B27;background:#fff url(../images/springSpreeBodyBg.jpg) repeat-x 50% 0; line-height:1.5em;}
div#everything {text-align:left;width:100%; display:table; margin:0 auto;background:url(../images/springSpreeEverythingBg.jpg) no-repeat 50% 0;}
div#header {text-align:left;width:1025px;margin:0 auto; height:180px; }
div#headerLogo{width:490px;height:46px;background:url(../images/uc_san_diego_logo.png) repeat-x 0 0; float:left; position:relative; left:136px; top:26px;}
div#headerLogo img {visibility:hidden;} /* hide image for screen, show for print */

Initial URL

                                

Initial Description
set up for the logo in the header section of a site. The clickable logo takes you to the home page onclick, works as a 'top' for 'back to top' links, and swaps out to a plain version onprint or if css is off.

Initial Title
clickable header logo; swaps to plain version onprint or if CSS is off

Initial Tags

                                

Initial Language
CSS