Poner espacios entre dos <a href

[resue666]

Hola a tod@s,

Alguien sabría decirme como puedo poner espacios entre dos <a href sé que puedo hacerlo a través de &nbsp; pero me gustataría saber si hay otro metodo.

En principio el código lo tengo así:


<li><span id="xyxyxyx">XYXYXYXY</span><a href="http://efgddfgdg">[sdasdadsdadad]</a>ESPACIO AQUÍ <a href="http://asdadadadada">[sdsdsdsdsdsd]</a></li>


Las href="http://efgddfgdg es una dirección con javascript y es un pequeño icono mas descripción que la meto dentro del paréntesis también, en algunos caso tengo que meter dos o más dentro de las tablas y dejar espacio, sólo se me ocurre &nbsp; pero no sé si habrá alguna otra forma ya lleva el css de la tabla, puedo meter otro más o algo?

Gracias

Saludos

[pitufoweb]

Hola,

puedes darles un margen con CSS.




Saludos

[resue666]

Muchas gracias por la respuesta, perdona pero no entiendo como hacerlo sólo para cuando haya más de dos <a href y en el segundo, no sé si me he perdido xd

Por ejemplo para todos los (dentro de <ul>) <li><span id="xyxyxyx">XYXYXYXY</span> que son id diferentes lo tengo en css difrentes por id con espacios y demás, sólo quiero cuando en la misma fila se encuentran dos <a href sería el segundo y el tercero o más.

Gracias

[rikype]

Exactamenet, dale márgenes con CSS,

sería algo tal como:

Código CSS:

.clasequesea li a {
margin-left: Xpx;
}
 

Lo de .clasequesea es el div que contenga esa lista...

Otra opción podría ser crear un class que tenga un margen izquierdo predefinido, por ejemplo:

Código CSS:

.espaciado {
margin-left: Xpx;
}
 

Entonces, en el enlace que quieres que deje un margen con el anterior, le pones:

<a href="XXXXXXXXXXXX" class="espaciado">loquesea...

Espero que te sirva... un saludo!

[resue666]

Muchas gracias,

El caso es que si meto el primero tira todo a la derecha indiscriminadamente y es algo que no quería y el otro le tengo que hacer class= cada vez que tenga uno es algo que tampoco me hace mucha gracia pero creo que va a ser la solución, la idea era que lo pudiese reconocer directamente a través de un css fijo xd

Chao

Gracias!

[pzin]

No acabo de entender muy lo que pretendes hacer. Tengo alguna idea y creo que tiene solución directamente vía CSS usando :first-child, pero como no estoy seguro espero a una explicación para tontunos como yo.

O igual si quienes lo habéis entendido mejor y es lo que digo supongo que lo de la pseudo-clase da una pista cómo solucionarlo.

[resue666]

Sí voy con las explicación, la verdad es que me leo y ni yo me aclaro te lo voy a explicar como va del tod

Esto son una tablas que son sólo filas, al principio de las filas todas llevan un id
<script type="text/javascript" src="http:xxxxxxxxxpower.js
<script>va_tooltips = { "xxxxxxx}</script>
<div class="xy ">
<div class="xz">
<div class="xx">

<ul>
<li><span id="xxx">XXX</span><a href="http://cccccc.com/too=7yyy">[cccccccc]</a></li>

donde los href="http:// van a través de js y llevan un icono a la izq, a veces en las tablas se junta 2,3 o 4 quedaría así:
<li><span id="xxx">XXX</span><a href="http://cccccc.com/too=7yyy">[cccccccc]</a><a href="http://xxxxxxx.com/too=xxx">[xxxxxxxxx]</a></li>
ý podría seguir otra más 3 a href= máximo
la idea es hacer un espacio entre los dos a href= o 3 como máximo, el margen no vale ya tengo margenes en los id, sí si lo pongo tal y como han comentado arriba pero claro tengo que meter eso cada vez que quiera un espacio xd, a ver si era posible dejarlo lo mas limpio posible

<li><span id="xxx">XXX</span><a href="http://cccccc.com/too=7yyy">[cccccccc]</a>AQUÍ<a href="http://xxxxxxx.com/too=xxx">[xxxxxxxxx]</a></li>

Gracias

Un saludo

[pzin]

Bueno, antes comentar, un repaso para el futuro:

1. los href="http://: le llamamos enlaces
2. Cuando posteas código, intenta usar hightlight.
3. izq: No cuesta nada añadirle uierda
4. Si hablas de los "id" a mi me parece que hablas de algún ID de CSS. Si te refieres a un elemento pon "al span #xxx" o algo así.

Te lo digo, porque es un poco transtornante leerte.

Yo entonces le daría un margen a la izquierda a cada enlace y usaría la pseudo-clase antes mencionada para quitarle al primer elemento ese margen. También podrías ponerle un margen derecho a los enlaces y quitárselo al último. Anyway…

Algo así sería:

Código CSS:

span#xxx a {
  margin-left: 10px;
}
 
span#xxx a:first-child {
  margin-left: 0;
}
 

[resue666]

Código:

sorry

He dicho href en lugar de enlace porque lleva un js que le pone un gif delante del enlace, sí id lo uso para sprites en css.
Probaré con la pseudo-clase que me comentas.

Gracias por las respuestas