Nätverksbanner

HTML

<div id="temp_coreNetworkNavigation">
	<div class="headCoreNetworkNavigation">
		<a href="http://nyheter24gruppen.se/">
			<div class="logo"></div>
		</a>
		<ul class="networkNav">
			<li>
				<a href="http://nyheter24.se/">Nyheter24</a>
			</li>
			<li>
				<a href="http://www.fragbite.se/" target="_blank">Fragbite</a>
			</li>
			<li>
				<a href="http://www.nyheter24.se/modette/">Modette</a>
			</li>
			<li>
				<a href="http://dayviews.com" target="_blank">Dayviews</a>
			</li>
			<li>
				<a href="http://bloglovin.com" target="_blank">bloglovin</a>
			</li>
			<li>
				<a href="http://blogg.se" target="_blank">Blogg.se</a>
			</li>
			<li>
				<a target="_blank" href="http://www.hamsterpaj.net/">Hamsterpaj</a>
			</li>
			<li>
				<a href="http://tyda.se" target="_blank">Tyda.se</a>
			</li>
			<li>
				<a href="http://www.nyheter24.se/filmtipset/">Filmtipset</a>
			</li>
			<li>
				<a href="http://werun.nyheter24.se/">Werun</a>
			</li>
		</ul>
	</div>
</div>
	

CSS

/* Lock network banner */
#temp_coreNetworkNavigation {
	width: 1100px;
	height: 25px;
	z-index: 1000;
	position: fixed;
}

#temp_coreNetworkNavigation + div {
	padding-top: 25px;
}
/* Lock network banner */

#temp_coreNetworkNavigation .headCoreNetworkNavigation
{
       background-color: #282828;
       background-image: url('http://nyheter24.se/template/resources/images/sprite_repeat_x.png');
       background-repeat: repeat-x;
       height: 25px;
       color: #a5a5a5;
       line-height: 25px;
}

#temp_coreNetworkNavigation .headCoreNetworkNavigation .logo
{
       width: 86px;
       height: 25px;
       float: left;
       margin-left: 12px;
       background-image: url('http://nyheter24.se/template/resources/images/sprites.png');
       background-position: -156px -129px;
}

#temp_coreNetworkNavigation .networkNav li
{
       float: left;
       list-style-type: none;
       margin-left: 25px;
}

#temp_coreNetworkNavigation .networkNav a
{
       color: #a5a5a5;
       text-decoration: none;
}