quiero solucionar esto......

no logro alinear las listas que se encuentran en mi web, una de ellas es la que esta en la pagina "origen de la electricidad" se ve mal centrada :

http://lawebcartel.iespana.es/conoce-la-electricidad/origen-de-la-e…

e colocado en el codigo html..(lo de azul)
<ul>


  • Charles Agust&iacute;n de Coulomb (1736-1806)
  • Alejandro Volta (1745-1827)
  • Luigi Galvani (1737-1798)
  • Sir Humphry Davy (1778-1829)
  • Andre-Marie Ampere (1775-1836)
  • Dan&eacute;s Hans Christian Oersted (1777-1851)
  • Alem&aacute;n Georg Simon Ohm (1789-1854)
  • Michael Faraday (1791-1867)
  • Simule F.B. Morse (1791-1867)
  • James Prescott Joule (1818-1889)
  • Hermann Ludwig Ferdinand Helmholtz (1821-1894
  • Gustav Robert Kirchhoff (1824-1887)
  • William Thomson (Lord Kelvin) (1824-1907)
  • James Clerk Maxwell (1831-1879)
  • Joseph John Thomson (1856-1940)
  • Thomas Alva Edison (1847-1931)
  • Heinrich Rudolf Hertz (1847-1894)



  • y en la pagina de estilo.ccs.....


    b {font-family: Arial, Helvetica, sans-serif ; font-size:14px; color: #000099 ; text-align:justify ;}

    pero aparte de eso el codigigo que le corresponde al ul puse .....

    ul{margin:16px 0px 0px 12px; padding:0px 0px 0px 9px ; }

    lo mas extraño es que en el Dreanweaver si se alinea como yo quiero pero al subirlo a la web queda centrado...

    Bueno al publicar esto aqui e notado que el b> y el final /b>que los puse <ul>b> y /b>.... Nota: si no los puse completos es porque no salen...ojala y me entiendan

    Gracias nuevamente........
    Buenas amigo.

    Para empezar decirte que nunca creí que se pudiera conseguir lo que has hecho con mis lecciones! Guau, como mola la página! je je je. Seguro que me la leo, siempre he estado un poco pobre en la electricidad y en el curro no me viene mal aprender un poco del tema. Está quedando genial.

    Bueno, veo que en el enlace de correo que tienes al pie de cada página has escrito mal tu dirección de correo. has puesto "ispana" en lugar de "iespana". Corrígelo en todas las páginas.

    Si usas el Dreamweaver hay una opción que te permite buscar y reemplazar. Antes de usar eso te recomiendo que copies toda la carpeta de tu web y la pegues en algún lado como copia de seguridad y ya le pones la fecha, por si al haces estos cambios autómáticos surge algún error o fallo. Esto hay que hacerlo de vez en cuando, por si acaso.

    Bueno, no tengo el dreamweaver delante pero así, de cabeza, tienes que buscar la opción en los menús de arriba del dreamweaver, pondrá algo así como "Buscar y Reemplazar". Entonces escribes "[correo eliminado]" como palabra a buscar y "[correo eliminado]" como palabra a reemplazar. Luego creo que puedes seleccionar cambiar esto en todas las páginas o solo en una. Escoge en todas y pulsa en aceptar para cambiar automáticamente eso en toda la web.

    Es una herramienta genial, pero hay que tener cuidado, pues no te permite "rehacer", por eso es muy bueno que hagas esa copia de seguridad de TODA la carpeta de tu web. Si surge algún fallo, solo copia todo el contenido de la copia de seguridad en la carpeta de tu web y todo volverá a la normalidad.

    Bueno, respecto a lo del problema de la lista que nos comentas no entiendo muy bien si es que ya lo has solucionado, ni entiendo bien eso que dices de que no salen.... dinos algo. De todas formas te explico un poco:

    En la hoja de estilos tienes definido en primer lugar que todo lo que hay en la celda c2 tiene que ir centrado:
    td.c2{ background-image: url(mis-imagenes/fondo.jpg) ; text-align: center ; }
    Mientras que después, defines que todos los párrafos (las líneas

    ...</p>) han de ir justificados:
    p{font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:justify ; text-indent: 15px; margin: 16px 30px 16px 30px;}
    Por eso los párrafos salen justificados, mientras que la lista sale centrada. Si deseas que la lista salga alineada a un lado y no centrada puedes definir text-align:left dentro de ul, tal que así:
    ul{margin:16px 0px 0px 12px; padding:0px 0px 0px 9px ; text-align: left ;}
    Y ahora para que quede mejor, un poco más a la derecha, podemos poner un poco más de margen, así:
    ul{margin:16px 0px 0px 12px; padding:0px 0px 0px 50px ; text-align: left ;}
    y queda perfecto.

    Me encanta cuando surgen problemas, porque es así como aprendemos más. Si te das cuenta hemos arreglado una cosa para estropear otra. Resulta que al variar las propiedades de las listas hemos estropeado la lista del menú de la izquierda que ahora queda fatal, je je je. Pero vamos a arreglarlo y a aprender algo nuevo.

    Si definimos ul para la lista de biografias estropeamos el menu y viceversa, pues ambas listas se rigen por la misma definición de la hoja de estilos. Vamos a definir entonces dos estilos distintos así. En la hoja de estilos creamos dos líneas iguales:
    ul{margin:16px 0px 0px 12px; padding:0px 0px 0px 9px ; text-align: left ;}
    ul{margin:16px 0px 0px 12px; padding:0px 0px 0px 50px ; text-align: left ;}
    La primera será la del menú de la izquierda y la segunda la de la lista de biografías. Pues para que internet reconozca el estilo para cada elemento lo dejamos así:
    td.c1 ul{margin:16px 0px 0px 12px; padding:0px 0px 0px 9px}
    td.c2 ul{margin:16px 0px 0px 12px; padding:0px 0px 0px 50px ; text-align: left ;}
    Es decir, ponemos antes del ul la celda a la que corresponde ese estilo. Ten en cuenta que ahora lo que definas dentro de cada una de esas dos líneas será solo para la celda que aparece al principio de las mismas.

    Haz la prueba y verás como ahora funciona a la perfección. Y si te gusta aprovecha este recurso para mejorar tu web en el futuro.

    Un saludo colega!
    Todo chevere Jorgens, solucione eso y sague otro codigo que me ayudo a separar las lineas de ul y que lo coloque en la hoja de estilo, cualquier cosa corrigeme porfavor, pero si esta bien lo publico para que otros se ayuden de aqui; te cuento:

    td.c2 li{margin:8px 0px 8px 0px ; }

    Este codigo me separo las lineas que quedaron muy juntas al colocar el codigo que me diste........

    y lo de..........

    Bueno, no tengo el dreamweaver delante pero así, de cabeza, tienes que buscar la opción en los menús de arriba del dreamweaver, pondrá algo así como "Buscar y Reemplazar". Entonces escribes "[correo eliminado]" como palabra a buscar y "[correo eliminado]" como palabra a reemplazar. Luego creo que puedes seleccionar cambiar esto en todas las páginas o solo en una. Escoge en todas y pulsa en aceptar para cambiar automáticamente eso en toda la web.

    Funciona como lo explicaste, me corrigio y cambio todos los enlaces de cada pagina pero no lo conseguia como:

    [correo eliminado]
    si no como
    mailito:[correo eliminado]

    Bueno gracias nuevamente.... te lo agradese.......