Optimizar el código html ya hecho, por donde empiezo :(

[pablodgf]

Buenas a todos.

Estuve buscando mucho en la web y en el foro y aunque hay mucha info, quería pedirles un poco de orientación.

Tengo una página muy simple en html con una tabla en la cabecera y otras por ahi en el medio, lo demás es texto.

Mi trabajo es optimizar esta web en html aplicando styles css.

Soy medio nuevo con esto, y al ver el código entero la verdad que me abatato y no se por donde empezar, o como hacerlo más fácil sin tener que hacerla toda completa.

Si alguien me puede orientar y dar ideas les estaré agradecido.

Saludos!

EDIT: Bueno se me ocurrió algo, no se si será lo más óptimo. Es copiar todo el texto de la página sin ningún tipo de formato, y comenzar a darselo con .css... se que sería como hacer todo de nuevo, pero es la única que se me ocurre
Aguardo sus comentarios. Saludos.

[kurroman]

Si es simple hazla entera con capas.

Puedes buscar por google páginas con layouts ya hechos. Busca alguno que se parezca al que tienes, ajústalo y pega contenidos quitando tablas.

http://blog.html.it/layoutgala/

[pablodgf]

Bárbaro, se agradece el dato!

Ya estoy buscando a ver que onda... justo había editado con una idea, pero me parece que mi idea es muy complicada :)

Saludos.

[pablodgf]

Perdón por hacer el post doble, ya casi lo tengo cocinado. Pero me surge una duda más.

Cuando tengo una lista con <li> al texto que pongo me agrega viñetas que son un círculo relleno, no se si me explico.

Lo que quiero hacer es poder cambiarle el color del círculo, pero sin que me cambie el texto. No se si puede.

Hasta ahora no pude :( .. si le pongo color:blue en .li me lo hace todo azul (texto y viñeta), pero yo quiero el texto en negro y la viñeta en azul.

Seguro estoy preguntando una guevada, gracias por sus sugerencias

Saludos.

[alca87]

Está la propiedad list-style-type que tiene los siguientes atributos:

disc (círculo oscuro)
circle (círculo con fondo blanco)
square ( un par de rallas, como dos puntos:)
decimal (obvio, números)
decimal-leading-zero (números pero con cero delante)
upper-roman (números romanos)


Hay más y la apariencia difiere según el sistema operativo. Esos son los que yo recuerdo ahora mismo. Un saludo.