Entrar

problemas con formatear los estilos

majalino · · Solicitar retirada
Hola, tengo un problema con este tema ya que no soy capaz de hacer que los enlaces cambien de color y todo eso, me estoy haciendo un lío bastante grande, os dejo aquí como tengo el programa ahora mismo aunque ya os digo que estuve intentando corregirlo y metí la pata... Me ayudaría muchísimo una ayuda ya que ahora mismo estoy muy bloqueado y llevo un rato repasando el tutorial y me confunde bastante este tema...gracias de antemano
plantilla.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>

<div id="contenido">
<div id="menu">
<ul>
<li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li>
</ul>
</div>
<div id="pie">Este es el pié de página</div>
Esta será la zona principal de la web


</div>
</body>
</html>
estilo-general.css:
* {margin:0px; padding:0px; border:0px;}
body {text-align:center;}
#global {width:800px; margin:4px auto;}
#cabecera {background-color:pink;}
#navegacion {background-color:gray;}
#contenido {background-color:orange; width:800px; float:left;}
#menu {background-color:yellow; width:150px; float:left;}
#pie {background-color:brown;}

#menu {background-color:yellow; width:150px; float:left;}
#menu li {list-style:none;text-align:center;#menu li {list-style:none; margin:4px 0px 4px 6px;}}
a {color:blue; font-size:1.3em; text-decoration:none;}
a {color:blue;text-decoration:none
a:link{}
a:visited{}
a:hover {color:red; text-decoration:underline; background-color: silver;}
a:active{}
a {color:brown; text-decoration:none; display:block;}
Rabs · · Solicitar retirada
Tienes 3 vezes declarado a.
Elije una y borra las demas a (Pero no a:hover etc...)
Y en el segundo te fata cerrar parentesis.

Lo que le el navegador es:
a {color:brown; font-size:1.3em; text-decoration:none; display:block}
Te recomiendo que lo pongas asi ;)

PD: Bienvenido
_St · · Solicitar retirada
Como dice rabs definiste 3 veces a (enlace).

Creo (y solo creo) que lo que querías era que un enlace se viera de un modo y otro de otro modo.
Me explico, el enlace del menú que dice "Inicio" tenía que tener 20px y ser azul y el enlace del contenido tenía que tener 10px y ser rojo.

Para esto, cito el contenido que realizó jorgens:

Acá

Tendrías que crear un estilo así:

a.[color=red]enlaceuno[/color] {}
a.[color=red]enlaceuno[/color]:link {}
a.[color=red]enlaceuno[/color]:visited {}
a.[color=red]enlaceuno[/color]:hover {}
a.[color=red]enlaceuno[/color]:active {}

Para todos los efectos del primer tipo de enlace (nota: podés reemplazar enlaceuno por lo que te sea más asociativo al tipo de enlace que quieres lograr, creo que te he líado xd)

Y luego para el otro tipo de enlace colocas este estilo:

a.[color=blue]enlacedos[/color] {}
a.[color=blue]enlacedos[/color]:link {}
a.[color=blue]enlacedos[/color]:visited {}
a.[color=blue]enlacedos[/color]:hover {}
a.[color=blue]enlacedos[/color]:active {}

Luego, para indicar que el enlace es de un tipo u otro, sería así:

<a href="http://tudireccion.com" class="[color=orange]eltipodeenlace[/color]">Nombre</a>

Saludos!!

Pd: Lo saqué de lo que dijo jorgens, asique supongo que funciona, aunque nunca lo probé :p.