Link dentro de la misma web

Citar

Escrito el 21 Dic 2018 08:09 am

Estoy intentando crear una línea con 3 links dentro del mismo web, con los siguientes textos
Aviso Legal - Contacto - Compra y envíos
Tengo un menú a la izquierda con productos, con >style> con UL y LI - así que podría ser difícil usar style aquí también
Me sale este <a style="color:silver" href="avisolegal.html" target="_blank">Aviso Legal</a>
Este link sale bien, y sin ninguna problema. El texto aquí sale subrayado, lo cual no me gusta demasiado, pero lo más importante. Como puedo poner tres textos como arriba al lado de uno al otro. En cuando lo hago 2 o tres veces salen uno por debajo del otro. Pero no se alinean.

Gracias y un saludo.

th

Por th

15 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 13 Ene 2019 03:59 pm

No se acaba de entender muy bien tu problema, pero me imagino que quieres esto:

resultado escribió:

Aviso legal - Contacto - Compra y envios

Para eso es fácil:

Código HTML :

<style>
p{
 user-select:none;
}
p > a{
 text-decoration:none;
}
</style>
</head>
<body>
<p>
<a href="aviso.html">Aviso Legal</a> - <a href="contacto.html">Contacto</a> - <a href="compras.html">Compra y envios</a>
</p>

Les puse unas clases css para eliminar el subrayado de los links y que no se pueda seleccionar el texto

Por IVAN HEREDIA PLANAS

53 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Lo increíble, no es lo que ves, sino como es

Citar

Escrito el 16 Ene 2019 08:32 am

Hola, Y perdóname si no he podido explicarme bien.
En estos momentos he hecho eso:

<a style="color:silver" href="avisolegal.html" target="_blank" >Aviso Legal</a>
<a style="color:silver" href="contacto.html" target="_blank" >Contacto</a>
<a style="color:silver" href="buyandshipping.html" target="_blank" >Compra & Envio</a>

En esta manera se coloca al lado de uno al otro, sigue con una linea subrayado, y no hay espacio entra los 3 links.
No es muy bonito pero si funciona.

Como mencioné antes tengo un menú vertical con todos los productos, y eso si esta en un <style> Y para no intervenir en esta función lo he hecho sin <style>

Tu has puesto eso:

<style>
p{
user-select:none;
}
p > a{
text-decoration:none;
}
</style>

Si en vez de poner p, y pongo a, se podría evitar el subrayado, y como se podría poner un poco de espacio entro los 3 links.

Gracias de nuevo
Y un saludo
Tom

Por th

15 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 17 Ene 2019 08:56 am

Haciendo eso, evito lo subrayado, pero como puedo tener un poco más de espacio entro los 3 links?
<style>
a {
text-decoration:none;
}
</style>

Gracias de nuevo

Por th

15 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 21 Ene 2019 09:05 am

Hola, para poner más espacio entre los links, tienes que poner dentro del selector a un padding.

La solución sería esta:

Código CSS :

a{ 
user-select:none; 
text-decoration:none;
padding:0% 2%;
}

Te preguntarás que es el padding y que valores he puesto allí. El padding te permite poner borde interior de la etiqueta

https://drive.google.com/file/d/1vL2Tx2pO18GPLVap2RlGkjSRdRAHPM7P/view?usp=sharing

Más informacion en https://www.w3schools.com/cssreF/pr_padding.asp

En el padding he puesto dos valores: 0% 2%
el 0% significa que el padding-top y padding-bottom no ancho
el 2% signigica que el padding-left y padding-right tiene 2% de ancho

Por IVAN HEREDIA PLANAS

53 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Lo increíble, no es lo que ves, sino como es

Link dentro de la misma web

Escribe una respuesta rapida