Foros del Web » Creando para Internet » CSS »

Establecer espaciados diferentes de texto

Estas en el tema de Establecer espaciados diferentes de texto en el foro de CSS en Foros del Web. Hola Quisiera que me ayudaran con este problema. Necesito mostrar un menu en un footer con texto de la siguiente manera: ELEMENTO UNO ◊ ELEMENTO ...
  #1 (permalink)  
Antiguo 22/03/2007, 14:52
Avatar de manujav  
Fecha de Ingreso: julio-2006
Mensajes: 63
Antigüedad: 11 años, 5 meses
Puntos: 0
Pregunta Establecer espaciados diferentes de texto

Hola
Quisiera que me ayudaran con este problema.
Necesito mostrar un menu en un footer con texto de la siguiente manera:

ELEMENTO UNO ◊ ELEMENTO DOS ◊ OTRO ELEMENTO HOME ◊ LINK ◊ MAS

en donde ELEMENTO UNO es un link, y el ◊ es solo decorativo pero necesito poner dos espacios en blanco entre el elemento y el ◊, asi como una separación mayor entre OTRO ELEMENTO y HOME.

Cómo puedo hacer esto en CSS? Necesito asignarles clases diferentes a cada elemento o que puedo hacer?


Algo parecido al footer de esta pagina...
__________________
Feo, muy feo foro...
www.electri-k.tk

Última edición por manujav; 22/03/2007 a las 14:58
  #2 (permalink)  
Antiguo 22/03/2007, 20:53
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Re: Establecer espaciados diferentes de texto

Ponele un padding: 0 10px; a las img de las viñetas, quizás funcione
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #3 (permalink)  
Antiguo 22/03/2007, 21:21
 
Fecha de Ingreso: marzo-2007
Mensajes: 80
Antigüedad: 10 años, 8 meses
Puntos: 0
Re: Establecer espaciados diferentes de texto

mete tus vinculos ( links ) en una tabla( en una celda cada uno ), asi le das una dimesion constante a tus celdas y listo

Saludos!
  #4 (permalink)  
Antiguo 23/03/2007, 06:44
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Re: Establecer espaciados diferentes de texto

no estoy de acuerdo con sxceron, no es necesario usar tablas. para eso hacé el menú en un ul y a las li le das float left para que se haga horizontal, y a cada li le pones la img como fondo.
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #5 (permalink)  
Antiguo 26/03/2007, 11:27
Avatar de manujav  
Fecha de Ingreso: julio-2006
Mensajes: 63
Antigüedad: 11 años, 5 meses
Puntos: 0
De acuerdo Re: Establecer espaciados diferentes de texto

Gracias Paola
Eso corrige el problema del espacio entre los elementos de la izquierda, pero ahora ¿como hago para poner el espacio entre los links de la izquierda (HOME / SITE MAP / ABOUT THIS SITE) y los textos de la derecha (®Airline Accounting... All rights reserved etc.)?

Aquí tal vez la respuesta de sxceron me lo resuelva...

De antemano Gracias
__________________
Feo, muy feo foro...
www.electri-k.tk
  #6 (permalink)  
Antiguo 26/03/2007, 12:22
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
Re: Establecer espaciados diferentes de texto

back to basics...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Test</title>
<style type="text/css">
ul {
float: left;
display: inline;
}

ul li {
display: inline;
padding-right: 20px;
}

p {
text-align: right;
}
</style>
</head>
<body>

<ul>
<li>item 1</li>
<li>tu viñeta</li>
<li>item 2</li>
<li>tu viñeta</li>
<li>item 3</li>
</ul>

<p>®Airline Accounting... All rights reserved etc.</p>

</body>

</html>
  #7 (permalink)  
Antiguo 26/03/2007, 14:37
Avatar de manujav  
Fecha de Ingreso: julio-2006
Mensajes: 63
Antigüedad: 11 años, 5 meses
Puntos: 0
Re: Establecer espaciados diferentes de texto

Perfecto...
Que haríamos sin los basics?
Gracias a todos por su tiempo...
__________________
Feo, muy feo foro...
www.electri-k.tk
  #8 (permalink)  
Antiguo 26/03/2007, 18:46
Avatar de manujav  
Fecha de Ingreso: julio-2006
Mensajes: 63
Antigüedad: 11 años, 5 meses
Puntos: 0
Re: Establecer espaciados diferentes de texto

Pues todo iba bien hasta que introduje el código en la página que estoy haciendo...
Ahora los elementos quedaron separados y uno de ellos no respeta un div style que estoy colocandole.
Si alguien pudiera ayudarme a deducir que esta pasando, le mando los códigos vía MP.
Gracias de nuevo.
Por cierto, creo que en FF no esta desplegandose como debería...
__________________
Feo, muy feo foro...
www.electri-k.tk
  #9 (permalink)  
Antiguo 26/03/2007, 22:18
Avatar de jesusbet
(Desactivado)
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.667
Antigüedad: 13 años, 7 meses
Puntos: 2
Re: Establecer espaciados diferentes de texto

Eso probablemente pase porque estás usando el mismo código... agrégale un id o class...
  #10 (permalink)  
Antiguo 27/03/2007, 10:28
Avatar de manujav  
Fecha de Ingreso: julio-2006
Mensajes: 63
Antigüedad: 11 años, 5 meses
Puntos: 0
Re: Establecer espaciados diferentes de texto

Soy novato en esto asi que cualquier otra corrección es bienvenida.
Gracias
__________________
Feo, muy feo foro...
www.electri-k.tk

Última edición por manujav; 30/03/2007 a las 19:07 Razón: quito el codigo porque mi cliente me lo pidio...
  #11 (permalink)  
Antiguo 27/03/2007, 10:33
Avatar de manujav  
Fecha de Ingreso: julio-2006
Mensajes: 63
Antigüedad: 11 años, 5 meses
Puntos: 0
Re: Establecer espaciados diferentes de texto

Esta imagen tambien es necesaria para ubicar el texto del pie:

__________________
Feo, muy feo foro...
www.electri-k.tk
  #12 (permalink)  
Antiguo 28/03/2007, 10:35
Avatar de manujav  
Fecha de Ingreso: julio-2006
Mensajes: 63
Antigüedad: 11 años, 5 meses
Puntos: 0
Re: Establecer espaciados diferentes de texto

Pues aun no soluciono esto que de seguro es muy sencillo pero estoy pagando mi novatada...
En fin, cualquier ayuda es bien recibida.
Gracias
__________________
Feo, muy feo foro...
www.electri-k.tk
  #13 (permalink)  
Antiguo 30/03/2007, 19:06
Avatar de manujav  
Fecha de Ingreso: julio-2006
Mensajes: 63
Antigüedad: 11 años, 5 meses
Puntos: 0
Re: Establecer espaciados diferentes de texto

Pues ya quedo... y como bien pensé era una total y completa tontería.
Bastaba con quitar el float del ul y listo.
Gracias a todos los que lo intentaron.
__________________
Feo, muy feo foro...
www.electri-k.tk
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:46.