Tema: lista con iconos
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 18/05/2009, 15:08
Avatar de destor77
destor77
 
Fecha de Ingreso: noviembre-2004
Ubicación: Gálvez, Santa Fe, Argentina
Mensajes: 2.654
Antigüedad: 19 años, 5 meses
Puntos: 43
Respuesta: lista con iconos
Código html: 
Ver original
  1. <table width="570" border="0" cellspacing="4">
  2.   <tr>
  3.     <td width='300' VALIGN=TOP> <a onmouseout="MM_swapImgRestore()" onmouseover="document.getElementById('div1').innerHTML = '<p><b>LEED Green Associate </b>is the most basic level of LEED accredidation and required before moving on to pursue a specialty LEED  credential.</p><p><b>Who  should take this exam:</b> Any professional interested in developing a basic knowledge  of green building design, construction, and operations.</p>'"><img src="images/stories/facts/GreenAssociate1.png" name="Image1" border="0" id="Image1" /></a><br />
  4.     <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','images/stories/facts/GreenAssociate2_over.png',1);document.getElementById('div1').innerHTML = '<b>Duration:</b> Your two-day LEED prep course will be taught by a LEED accredited professional with actual LEED project experience.  All CleanEdison instructors have extensive knowledge of the building industry as  engineers, architects  and/or planners.'"><img src="images/stories/facts/GreenAssociate2.png" name="Image13" border="0" id="Image13" /></a><br />
  5.  <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','images/stories/facts/GreenAssociate3_over.png',1);document.getElementById('div1').innerHTML = '<b>Time:</b> Your two-day LEED prep course will last between 9:00am and 5:00pm each day, but please try to arrive early. ';"><img src="images/stories/facts/GreenAssociate3.png" name="Image14" border="0" id="Image14" /></a><br />
  6. <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','images/stories/facts/GreenAssociate4_over.png',1);document.getElementById('div1').innerHTML = '<b>Prerequisites:</b> There are no prerequisites for the Green Associate Exam.  None.  Zilch.  Zero. '"><img src="images/stories/facts/GreenAssociate4.png" name="Image15" border="0" id="Image15" /></a><br />
  7. <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','images/stories/facts/GreenAssociate5_over.png',1);document.getElementById('div1').innerHTML = '<b>Continuing Education Credits:</b>The CleanEdison Green Associate Exam is eligible for 8 hours of CEU Credits.  It is also eligible for PDH, HSW, BOMI and IFMA Credits. '"><img src="images/stories/facts/GreenAssociate5.png" name="Image16" border="0" id="Image16" /></a><br />
  8. <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','images/stories/facts/GreenAssociate6_over.png',1);document.getElementById('div1').innerHTML = '<b>Price:</b>Price:  All courses come with the following materials and services<br>  - 5 online practice exams from the industry-leading online test provider  ($50 value)<br>   - CleanEdison course guide and text book<br>    - LEED credits summary sheets  simplify your studies<br>    - Detailed study plan and study schedule maximize your efficiency<br>   - Access to instructors after your class is over for any last minute questions'"><img src="images/stories/facts/GreenAssociate6.png" name="Image17" border="0" id="Image17" /></a><br />
  9. <img src="images/stories/facts/GreenAssociate7.png" name="Image1" border="0" id="Image1" /><br />
  10. <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image18','','images/stories/facts/GreenAssociate8_over.png',1);document.getElementById('div1').innerHTML = 'LEED AP Building Design and Construction (BD+C) has replaced LEED AP for New Construction v2.2.�This specialty provides a standard for professionals participating in the design and construction phases of high-performance, healthful, durable, affordable, and environmentally sound commercial, institutional, and high-rise residential buildings.'"><img src="images/stories/facts/GreenAssociate8.png" name="Image18" border="0" id="Image18" /></a><br />
  11. <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image19','','images/stories/facts/GreenAssociate9_over.png',1);document.getElementById('div1').innerHTML = '<p><strong>LEED  AP Operations and Maintenance </strong>(O+M) has replaced LEED AP for <u>Existing Buildings  v2.0</u>.</p><p>Who should take this exam: Professionals  engaged in the operation and maintenance of existing buildings that implement  sustainable practices and reduce enveironmental impact of a building in its day  to day operations.</p>- Property Managers<br>- Janitorial Services<br>- Contractors<br>- Architects<br>- Engineers<br>- Remodelers<br>- Government Agencies<br>- Schools and  Universities<br>� - Building Owners'"><img src="images/stories/facts/GreenAssociate9.png" name="Image19" border="0" id="Image19" /></a><br />
  12. <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','images/stories/facts/GreenAssociate10_over.png',1);document.getElementById('div1').innerHTML = '<p><strong>LEED  AP Interior Design ad Construction </strong>(ID+C) has replaced  LEED <u>Commercial Interiors  v2.0</u>. </p><p><strong>Who  should  take this exam: </strong>�Professionals engaged  in the design and construction of high-performance commercial spaces and tenant  improvements.</p>-  Architects<br>-  Contracters<br>-  Construction  Managers<br>-  Engineers<br>-  Government Agencies<br>-  Schools and Universities<br>-  Building Owners<br>-  Interior Designers<br>-Product  and Building System Managers<br>� -Suppliers to the Construction Industry'"><img src="images/stories/facts/GreenAssociate10.png" name="Image20" border="0" id="Image20" /></a><br />
  13. <a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','images/stories/facts/GreenAssociate11_over.png',1);document.getElementById('div1').innerHTML = 'This specialty provides a standard for professionals participating in design and construction of high-performance green homes that use less energy, water, and natural resources; create less waste; and are more healthful and comfortable for the occupants. '"><img src="images/stories/facts/GreenAssociate11.png" name="Image21" border="0" id="Image21" /></a><br />
  14. <img src="images/stories/facts/GreenAssociate12.png" name="Image1" border="0" id="Image1" /><br /></td>
  15.     <td VALIGN=TOP><div id="div1">
  16.       <p><b>LEED Green Associate </b>is the most basic level of LEED accredidation and required before moving on to pursue a specialty LEED  credential.</p><p><b>Who  should take this exam:</b> Any professional interested in developing a basic knowledge  of green building design, construction, and operations.</p>
  17.       </div></td>
  18.   </tr>
  19. </table>
  20. <div class="content">
  21.     <h1>CleanEdison: <span>Energy Audit</span></h1>
  22.     <p class="facts">Class Facts</p>
  23.     <ul>
  24.         <li><div class="itemfacts" id="duration">Duration</div> <div class="itemdetails">3 days</div></li>
  25.         
  26.         <li><div class="itemfacts">Time</div> <div class="itemdetails">9:00am - 5:00pm</div></li>
  27.  
  28.         <li><div class="itemfacts">Prerequisites</div> <div class="itemdetails">yes</div></li>
  29.  
  30.         <li><div class="itemfacts">CEU Credits</div> <div class="itemdetails">12 hours</div></li>
  31.  
  32.         <li><div class="itemfacts">Prices</div> <div class="itemdetails">3 days</div></li>
  33.  
  34.     </ul>
  35.  
  36.     <p class="aclarations">
  37.         * call for Student &amp; Unemployed discounts<br/>
  38.         ** AIA&amp;CES, PDH, HSW, BOMI and IFMA<br/>
  39.         *** Aska about our tailored group classes<br/>
  40.  
  41.     </p>
  42.  
  43.     <div class="other">
  44.         <h1>Other CleanEdison courses</h1>
  45.         <hr/>
  46.         <ul>
  47.         <li><div class="itemleed">LEED</div> <div class="item">Green Associate</div></li>
  48.  
  49.         <li><div class="itemleed">LEED AP+</div> <div class="item">BD+C</div></li>
  50.  
  51.         <li><div class="itemleed">LEED AP+</div> <div class="item">ID+C</div></li>
  52.  
  53.         <li><div class="itemleed">LEED AP+</div> <div class="item">O+M</div></li>
  54.         
  55.  
  56.     </ul>
  57.     </div>
  58. </div>
la tabla esta armada con imagenes, y yo quiero hacerlo todo con css, ya logre armar todo solo me falta esto:
1- que las li tenga un icono cada una.
2- como poner las lineas negras debajo de los <h1> y en el ultimo elemento de la lista.
asi es como tengo ahora el que hice con css:



y quiero que quede parecido a esto (original):