13 Replies Latest reply: Apr 18, 2012 8:07 AM by broomeGirl RSS

    trying to use li's instead of floats

    broomeGirl Community Member

      Hi everyone,

       

      I am trying to get away from using floats when I dont have to but have run into a problem.  Appreciate your input.

       

      HTML

       

      <div id="logos">

      <ul>

      <li class="youtube"><a href="http://youtu.be/?????????">Watch us on YouTube</a></li>

       

      <li class="facebook"><a href="http://www.????????????????">Join us on Facebook</a></li>

       

      <li class="tourismTick">Australian Tourism Accreditation</li>

      </ul>

      </div><!--END of logos-->

       

      CSS

       

      #logos {

           width:900px;

           height:40px;

           background-color:#6CC;}

          

      #logos li {

           display:inline-block;}

          

      #logos li a.youtube{

           width: 230px;

           height:40px;

           margin: 0 0 0 10px;

           background: url(../images/home/YouTube_Bg.png) no-repeat;}

          

      #logos li a.facebook{

           width: 230px;

           height:40px;

           background: url(../images/home/Facebook_Bg.png) no-repeat;}

          

      #logos li.tourismTick{

           width: 360px;

           height:40px;

           margin: 0 0 0 100px;

           padding:10px 0 0 46px;

           background: url(../images/home/tourism_tick.png) no-repeat;}