Cita:
Iniciado por ciberpata Saludos:
Soy novato en las CSS y quiero que me expliquen unas cosillas.
Estoy rediseñando una web de forma que funcione con CSS y quiero saber lo siguiente:
1. ¿Tengo que eliminar todas las etiquetas <font> para poder aplicar un estilo y que me funcione?. Lo he probado y no lo tengo nada claro.
2. Intento hacer que los vinculos visitados, activos y en el momento de pinchar sobre ellos tengan el mismo fondo y color, además no tienen que llevar el subrayado del vinculo activo y cuando coloco el ratón sobre el vínculo me cambie de tamaño la letra del mismo.
Obviamente no tengo problema si lo hago como elemento pero entonces me cambiarían todos los vinculos de la web y solo quiero hacerlo en determinadas paginas de la misma.
He probado ha hacerlo con clases pero parece que solo me permite hacer o visited o link y no puedo hacer el hover.
Hay alguna manera de hacer esto??.
Gracias por su paciencia y perdonen si las preguntas son muy torpes, pero es que no encuentro la respuesta en los libros que tengo de CSS ni en manuales.
Ok vamos por partes,
1ra. respuesta
Claro que tienes que quitar la etiqueta <font> de tu marcado ya que <font> no es una etiqueta estandard, ahora no sé si estás usando una hoja de estilos "Externa" o si estás usando la etiqueta <style> dentro de tu marcado, de todos modos te voy a dar un ejemplo para que lo puedas aplicar a tu sitie y sin tanto problema
ok
Tu segunda pregunta fué a cerca de los vínculos, hmmmm verás te voy a dar un ejemplo de cómo lo hago yó por que la mera verdad es que no te entendí a cabalidad ¿Cómo es que quieres el estilo para tus links
?
Ejemplo completo para aplicar a la letra (reemplazo de la etiqueta <font> de html), y un ejemplo de cómo aplicarle estilo a los links (usando clases)
Entre <head> y </head>
Código:
<style type="text/css">
<!--
.estilodeltexto {
font: 10pt "Book Antigua";color: #B31900;
font-weight: bold;
font-style: Normal; }
A.otroestilo:link, A.otroestilo:visited {
font-family: Verdana, Arial;
font-size: 10pt;
font-weight: bold;
color: #000000;
text-decoration: none;
}
A.otroestilo:hover, A.otroestilo:active {
font-family: Verdana, Arial;
font-size: 10pt;
font-weight: Bold;
background-color: #FFFFFF;
color: #005B80;
text-decoration: underline overline;
cursor: default;
}
-->
</style>
Bien, ahora sólo tienes que aplicar las clases de la siguiente forma:
Supongamos que quieres que cierto texto o párrafo para ser mas exáctos tengan diferente estilo de los demás,
primero se crea el párrafo:
<p>y aquí todo tu texto</p>
¿Pero que pasa si ya tenemos aplicado un estilo al elemento <p>?
Entonces para eso tenemos una clase con 4 declaraciones, para que dicho texto se diferencie de los demás
, entonces aplicamos la clase, tan fácil como esto:
<p class="estilodeltexto">Este texto es diferente a los demás</p>
Ahora bien... lo mismo sucede con los vínculos, sólo tienes que aplicarles las respectivas clases, ahhh y por cierto (El subrayado de los links lo sacas con la propiedad "text-decoration: none"),
Ok amigo(a) espero haber podido ayudarte en algo, y si tienes más dudas avisa por favor y con gusto te ayudamos
Te dejo mi correo por cualquier cosa:
[email protected]
Slds y suerte
