Diseño Web, Tabla | Develop Site

diseño web, tabla

Con este código se creo esta tabla que se adapta a móviles en la plantilla LEOMARK para Prestashop que se adapta a las caracteristicas de responsive web design de la plantilla

  1.    <h2><span style="font-family: tahoma, arial, helvetica, sans-serif;">Auriculares deportivos inalambricos</span></h2>
  2.    <p> </p>
  3.    <ul>
  4.    <li>
  5.    <div style="text-align: left;"><strong>Bluetooth</strong></div>
  6.    <div style="background-color: #cccccc; text-align: right; margin-right: 30%;">v.4.1 + EDR</div>
  7.    </li>
  8.    <li>
  9.    <div style="text-align: left;"><strong>Chipset</strong></div>
  10.    <div style="background-color: #cccccc; text-align: right; margin-right: 30%;">CSR8635</div>
  11.    </li>
  12.    <li>
  13.    <div style="text-align: left;"><strong>Frecuencia</strong></div>
  14.    <div style="background-color: #cccccc; text-align: right; margin-right: 30%;">2.4GHz</div>
  15.    </li>
  16.    <li>
  17.    <div style="text-align: left;"><strong>Modos</strong></div>
  18.    <div style="background-color: #cccccc; text-align: right; margin-right: 30%;">A2DPP11.2 / AVRCP1.0 / HFP1.5 / HID</div>
  19.    </li>
  20.    <li>
  21.    <div style="text-align: left;"><strong>Alcance</strong></div>
  22.    <div style="background-color: #cccccc; text-align: right; margin-right: 30%;">10 metros</div>
  23.    </li>
  24.    <li>
  25.    <div style="text-align: left;"><strong>Batería</strong></div>
  26.    <div style="background-color: #cccccc; text-align: right; margin-right: 30%;">80 mAh Polímeros de Litio</div>
  27.    </li>
  28.    <li>
  29.    <div style="text-align: left;"><strong>Tiempo de conversación</strong></div>
  30.    <div style="background-color: #cccccc; text-align: right; margin-right: 30%;">Hasta 5 horas</div>
  31.    </li>
  32.    <li>
  33.    <div style="text-align: left;"><strong>Tiempo en standby</strong></div>
  34.    <div style="background-color: #cccccc; text-align: right; margin-right: 30%;">Hasta 160 horas</div>
  35.    </li>
  36.    <li>
  37.    <div style="text-align: left;"><strong>Compatibilidad</strong></div>
  38.    <div style="background-color: #cccccc; text-align: right; margin-right: 30%;">Smartphones, AIO y portátiles</div>
  39.    </li>
  40.    </ul>
  41.    <p><span style="font-family: tahoma, arial, helvetica, sans-serif;">[img-69311-left-home][img-69312-left-home]</span></p>
  42.    <p><span style="font-family: tahoma, arial, helvetica, sans-serif; font-size: 12pt;">Dejanos tu mensaje o visita nuestras redes sociales:/span></p>
  43. <p style="padding-left: 30px;"><span style="font-family: tahoma, arial, helvetica, sans-serif; font-size: 12pt;"><span class="button_large"><a title="facebook computercitybcn" href="http://www.facebook.com/computercitybcn" rel="nofollow" target="_blank"><strong>Facebook</strong></a></span>-<span class="button_large"><a title="twitter computercitybcn" href="http://www.twitter.com/computercitybcn" rel="nofollow" target="_blank"><strong>Twitter</strong></a></span></span></p>
  44. <p><span style="font-family: tahoma, arial, helvetica, sans-serif;"><br /></span></p>
Español