problema con lista horizontal

creear · #1 (**permalink**) 03/09/2009, 07:03

Hola, tengo un karma con esta lista, quisiera hacer que las imágenes de las banderas se muestren de forma horizontal y no vertical.

Estuve probando, pero n me ha salido y ya me duele la cabeza de tanto girar sin sentido.

¿Alguien me puede decir que tengo que poner para que se muestren horizontalmente?

Esta es la web en cuestión: deflyers.com

gracias!!!

alexk · #2 (**permalink**) 03/09/2009, 08:42

Código:

ul#qtranslate-2 li{display:inline-block;}

o con float:left... te dejo mal tu reset jeje

creear · #3 (**permalink**) 03/09/2009, 15:16

Muchas gracias!!!

Para saber, que significa el # ese?

WinderJerter · #4 (**permalink**) 03/09/2009, 15:43

kiubo k tal... el . en css significa que es una clase osea que se puede aplicar a varios divs y el # es un id que nomas se le puede aplicar a uno

saludos!!!

alexk · #5 (**permalink**) 03/09/2009, 16:12

Cita:

kiubo k tal... la # en css significa que es una clase osea que se puede aplicar a varios divs y el . es un id que nomas se le puede aplicar a uno

correcto pero alrevez jeje

ID = #
CLASS= .

WinderJerter · #6 (**permalink**) 03/09/2009, 16:54

ups

tienes razon alex, no se en k andaba pensando

deja corregirlo para que no se confunda

saludos!!!

creear · #7 (**permalink**) 03/09/2009, 20:40

Chicos, le apliqué lo mismo que me dijeron:

Código:

ul#qtranslate-2 li{display:inline-block;}

a

windar.com.ar/

pero se muestra todavía verticalmente y encima se ven las viñetas :S

Porqué no se ve horizontalmente y sin viñetas?

saludos

alexk · #8 (**permalink**) 03/09/2009, 21:18

aqui lo veo bien
deflyers.com (ie6 no)

tambien en
windar.com.ar

con FF y IE6 y 8... pero si te falla usa "float:left"

creear · #9 (**permalink**) 05/09/2009, 10:34

Gracias alexk por ayudarme,

peude ser otra cosnulta?

en projektburo.net en "SERVICIOS" debajo de la imagen mas grande, hay un menú con 6 items, quisiera que este este a la misma altura, al lado del botón ese con una "I" (el de info)

Se puede?

salute

kseso? · #10 (**permalink**) 05/09/2009, 10:45

Hola crear:
A "<div id="servicios"..." le tienes los estilos en el html, así que dentro de style añádele "margin: -45px 0;"
Pixel arriba o px abajo, según tu gusto.

Un saludo

creear · #11 (**permalink**) 05/09/2009, 11:28

Hola Elías

Gracias, solucionado!!!!

Existe algo en CSS como en el office word es el TAB, algo que puedo alinear textos, por ejemplo me gustaría alinear en la parte del footer, los teléfonos, que los signos + estén justo uno de bajo del otro.

Y lo último, es posible que en el menu, la palabra contacto justo termine donde termina la linea que tiene debajo? Algún tipo de justificado?

kseso? · #12 (**permalink**) 05/09/2009, 12:21

En el cso de los teléfonos está muy fácil:

Cita:

#telefonos li {text-align:right;}

Para el menú superior:

Código css:

Ver original#menu_items ul {
display:inline;
float:right;
list-style-type:none;
}
#menu_items li {
float:left;
 
text-align:justify;
}
#menu_items ul li a {
color:#A29FA8;
display:block;
font-family:Helvetica;
font-size:16px;
font-weight:bold;
padding:0 0 0 60px;
}

el último selector no lo tienes, tendrás que crearlo. Es para distinguirlo del enlace de la imagen del logo (logo.jpg).

Como ves, hay que jugar con los float, text-align y los padding.

creear · #13 (**permalink**) 06/09/2009, 09:06

Buenisimo, gracias!!!

El tema es que ahora QUIENES SOMOS no queda al comienzo de la linea, y como uso qtranslate, dependiendo del idioma que se muestre, me ocupa mas espacio o no.

Por eso quería tratar de no usar el padding y usar algo que se adapte al espacio, entonces todos los idiomas se mostrarían bien.

QUIENES SOMOS que empezar en donde empieza la linea y contacto terminar en donde termina la linea, se puede?

saludos