uso CSS o no?

[rulzzz]

Buenas, una pregunta, si tengo por ejemplo un menú en mi web, y cada palabra del menu (es decir cada link a una seccion distinta), quiero que sea de un color distinto, unas tendran negrita o underline y otras no, distintos tamaños etc...... vosotros como lo hariais?

Es que yo he puesto las propiedades directamente desde el html (etiquetas "u" etc..) pero al pasar el W3C me da un montón de errores.... y la unica manera que se me ocurre para que no de errores, es crear una clase .CSS para cada palabra del menú, pero eso lo veo muy exagerado no? crear una clase para una palabra concreta.... vosotros como lo soleis hacer?

[abigor66]

si no estoy mal eso no tiene nada que ver (que me corrijan si me equivoco) lo que puede estar sucediendo es que estés utilizando etiquetas muy viejas y eso es lo que te marca el error utiliza <em> en lugar de <u>, <font> ya no se usa, etc... sin embargo te aconsejo utilizar hojas de estilo, es más práctico, más fácil de hacer mantenimiento, mejora la estructura de código, etc ...

suerte

[richicasas]

Si tu tienes varios elementos del mismo tipo y quieres que cada elemento se comporte diferente, necesitas utilizar class ( CSS ) para poder hacerlo. Suena exagerado pero debe ser asi. Los errores de la W3C pueden ser por muchas causas. Tendrias que colocar que errores te alojan o mandar la URL.

[rulzzz]

Pero a ver si me explico, yo tengo un div con una clase para ese div, pero ademas de las propiades comunes de ese div, quiero que varias palabras tengan distintas propiedades unicas (es decir, que esa palabra va a ser la unica que tenga esa caracteristica).

por ejemplo imaginaros que quiero que cada palabra de ese div tenga un color distinto.... como lo haría? tengo que crear una clase para cada color, y meter cada palabra dentro de un div distinto?....... y si quiero además que una de las palabras sea roja subrayada, y otra rojoa y sin subrayar? la subrayada la meto dentro de un div class=subrayada y ese div dentro de otro class=red, y la que es sin subrayar la meto solo dentro de un div class=red ?........ supongo que no es así no? :S


Y si pongo por ejemplo <p style=underline> , eso esta admitido por el W3C? sería esa la forma de hacerlo? :S

[abigor66]

no dentro de un div pero si dentro de un span, como te dije css te permite hacer cambios de formato de una manera más ágil por ejemplo si quieres una palabra en color rojo no necesitas aplicarle el estilo a cada palabra que quieras en rojo, solo basta con aplicarle la clase "rojo" a esas palabras, así cuando quieras que ya no sean rojas sino verdes, no tengas que hacer el cambio palabra por palabra, solo cambias el estilo de la clase "rojo" y todas la palabras toman el nuevo color o formato. como te mencioné anteriormente para la w3 creo que es indistinto el método que utilices siempre y cuando las etiquetas sean las correctas y estén bien empleadas.

[richicasas]

Pues como cada item de menu es un link puedes hacer:

Código PHP:

  <a href="" class="boton1">Link1</a>
<a href="" class="boton2">Link2</a> 
   

y en la hoja de estilos

Código PHP:

  a.boton1, a.boton1:link, a.boton1:visited{
  /*Propiedades de ese boton*/
}
 
a.boton2, a.boton2:link, a.boton2:visited{
  /*Propiedades de ese boton 2*/
} 
   

[rulzzz]

estaba leyendo sobre los "span" que ha comentado abigor666 y lo he hecho con eso al final, el problema es que una vez que visito un enlace, despues esa palabra se queda morada.....

para que no se quede morada tengo que hacerlo como acaba de poner richicasas (creando una clase para cada href, y configurando el "visited")?, o puedo dejarlo con span y añadirle alguna propiedad al href para que despues de visitarlo no se ponga morado?

[richicasas]

Exacto, debes aclarar el visited. Pero si aplicas la clase en el <a> mas no en el <span>.

[abigor66]

para enlaces es mejor utilizar la clase dentro de la etiqueta <a> lo de span dejalo solo para formato de palabras no de enlaces.

suerte

[chichote]

no lo veo descabellado.

a una etiqueta puedes aplicarle varias classes, eso te permite no tener una clase para cada link, por ejemplo puedes crear class por tamaño y otros por color

entonces luego a un link le aplicas varios class

ej:
<ul>
<li><a href="" class="tamano12 colorverde negrita">Enlace uno</a></li>
<li><a href="" class="tamano14 coloramarillo txtunderline">Enlace dos</a></li>
<li><a href="" class="tamano16 colorrojo">Enlace tres</a></li>
</ul>

entonces despues defines los css y puedes mezclarlos, asi mismo puedes crear un estilo para la negrita, otro para cursiva, otro para underline, etc etc.


facil no?

saludos.

[joseomaker]

a cada elemento <li> dale una ID y a esa ID dale las propiedades CSS,ejemplo:

<ul class="menu">
<li id"loquesea"></li>
<li id"loquesea"></li>
<li id"loquesea"></li>
</ul>

y luego a cada ID le pones color de fondo,es facil

[chichote]

Iniciado por joseomaker

a cada elemento <li> dale una ID y a esa ID dale las propiedades CSS,ejemplo:

<ul class="menu">
<li id"loquesea"></li>
<li id"loquesea"></li>
<li id"loquesea"></li>
</ul>

y luego a cada ID le pones color de fondo,es facil

Es lo que el propone, pero se formarian muchos estilos, es mas util crear estilos simples y mezclarlos, y asi puedes combinarlos todos y se te amplia muchisimo el espectro de estilos. tal como lo hace jquery ui

saludos.