.news-container { width:100%; min-width:990px; height:30px; background-color:black; } #news-container-box { width:990px; height:30px; margin-left:auto; margin-right:auto; } #news-heading { width:150px; height:30px; background-image:url(news-bg.png); background-repeat:no-repeat; float:left; } #news-content { width:990px; height:30px; background-color:#f6f6f6; -moz-border-radius:5px; } #news-news { width:840px; height:30px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#060; text-align:center; } #news-news a { text-decoration:none; color:#F00 }
<!-- closing div for above_body -->
<div class="news-container"> <div id="news-container-box"> <div id="news-heading"></div> <div id="news-content"> <div id="news-news"> <marquee behavior="scroll" scrollamount="7" OnMouseOver="this.stop()" OnMouseOut="this.start()"> Your News Goes Here </marquee> </div> </div> </div> </div>
Screenshots
news-bg.png (2.2 KB, 0 views)
Show Your Support