link estilo

[sirdaiz]

Hola, tengo una pregunta, tengo el siguiente bucle que me genera links que redireccionaran a otra pagina, pero los links me sales subrayados,hay
alguna forma que solo salgan las letras sin que esten subrayados(no quiero que tampoco aparezcan enumerados, no con guiones)

Código PHP:

echo "<table align=center>";
        
        while ($row = mysql_fetch_array($query)){
        $nombre =$row["nombreCategoria"];
        echo "<tr>";
        echo "<td><a href=".$nombre.".php>".$nombre."</a></td>";
        echo "</tr>";
        }
echo "</table>";
 

Gracias y saludos

[orlandopc09]

Prueba poniendo esto en tu etilo css para q tus links no salgan subrayados

Código CSS:

a{ text-decoration: none; }
 

[sirdaiz]

Hola gracias por tu respuesta pero es que si le doy al link de nuevo se vuelve a poner subrayado y en color morado

Saludos

[orlandopc09]

Hola sirdaiz eso lo puedes resolver con las pseudoclases, aqui te dejo una muestra

a:link Es el estilo de un enlace que no ha sido explorado por el usuario, vasta con poner simplemante a.
a:visited Es el estilo de un enlace que ha sido visitado.
a:active Estilo de un enlace seleccionado, mientras está siendo presionado.
a:hover Es el estilo de un enlace que tiene el ratón encima, pero sin estar presionado.

La forma de escribir las pseudoclases es la siguiente:

Código CSS:

a:link{ color: #00FF00; text-decoration: none}
a:active{ color: #000000; text-decoration: none}
a:visited{ color: #000000; text-decoration: none}
a:hover{ color: #FF0000; text-decoration: underline}
 

[sirdaiz]

Estaria bien dejarlo asi?

div.round a:link ,a:active,a:active ,a:hover ,a:visited{
text-decoration: none;
}

Gracias

[orlandopc09]

si estaría bien solo que div.round seria el padre solamente de a:link, no asi con los demas.
Salu2

[sirdaiz]

Hola de nuevo,gracias por tu respuesta es decir que si quiero aplicarle a div.round todos los estilo tendria q hacerlo uno por uno,es decir

Código HTML:

div.round  a:link {
    text-decoration: none; 
}
 
div.round  :visited {
    text-decoration: none; 
}
 

y asi sucesivamente?

Gracias

[tredio]

como lo tenias al principio estaba bien, pero como te decian el padre solo estaba aplicando al primero, seria algo asi:

Código CSS:

div.round a:link ,div.round a:visited,div.round a:active ,div.round a:hover{
text-decoration: none; 
}
 

[sirdaiz]

Ok perfecto, muchas gracias por vuestra ayuda, ahi va un par de karmas

Saludos