Problemas con Alineación

[creear]

Queridos foreros;

Tengo problemas con las alineaciones, todavía no tengo en claro bien sus características, como verán aquí:

tinyurl.com/mzwuwj

Por corregir:

1. En el "topbar" las banderas, como hago para que estén justo en el medio del div ese?
2. En el menu del header, (navMenu), quisiera que este esté bien alineado contra la derecha, y que no quede ese espacio en blanco.
3. Abajo en el footer, "Términos y Condiciones Y Política de Privacidad" como hago para que estén alineados bien contra la izquierda? Quiero quitar ese espacio delante de "Términos..."
4. Otro tema que no es css, puedo meterle a "Términos y Condiciones Y Política de Privacidad" un separador ente medio? Como se hace? Estoy usando para este <?php wp_list_pages('include=141,144&title_li')

Gracias, espero no molestar.

[kseso?]

1 deja este selector como sigue:

#longbar p {
color:#707070;
font-size:1em;
padding-top:8px;
text-align:center;
}

2 idem:

ul#navMenu {
height:17px;
position:absolute;
right:0;
top:78px;
}

ajusta los valores de top | right a tu gusto
3: ¿Te refieres alineados con "©" o junto al borde derecho de la ventana?
si es lo primero, añade en tu css:

#footer ul#izq {margin-left: -10px}

Si es lo segundo, la respuesta del 2, pero cambia left por right para #footer ul#izq, y el html añádele a esa lista: <lu id="izq"> para distinguirla de la lista de la derecha (home Portfolio...)
Edito: porque veo que tienes otra lista en el pie.
4: ¿qué tipo de separador? ¿unos símbolos gráficos, espacio en blanco?


Un saludo
P.D.: Bienvenido a FdW

[creear]

Que grande!!!! Gracias, me funcionó todo

El tipo de separador que quiero usar es este: |

[kseso?]

Pues lo suyo es que entre el <li> y el <li> que ya tienes, metas otro <li> | </li> para que ese separador no sea parte de los enlaces y se mantenga a una distancia igual de los dos <li> existentes.
No me gusta mucho esa solución, quizás fuese mejor (aunque quizás te líe más) eliminando el "padding-left:10px" de "ul li", para incluirlo en el primer <li> fuera del enlace y como <span>|</span> para darle algún estilo como "margin: 0 10px"
Tú eliges.

Un saludo

[creear]

Yo solo tengo esto: <ul><?php wp_list_pages('include=141,144&title_li'); ?></ul>

Donde tendría que insertar el <li> ?

[kseso?]

Bueno, Creear, "y hasta aquí puedo leer..."
Vamos a ver si algún "phppista" viene en tu ayuda.
Si lo prefieres, puedes pedir a los moderadores que trasladen tu consulta al foro de ph.
Para ello utiliza el icono que tienes bajo tu nick.

Suerte

[creear]

Ah entiendo, mil gracias!!!

En cuanto a tu experiencia, que le cambiarías a la página?
Que se peude mejorar y que pensas que tiene que cambiar?

=)

[kseso?]

Para esas valoraciones hay un subforo en FdW.
Aunque para hacer uso de él tendrás que esperar a tener 30 días de antigüedad y 30 mensajes publicados.
Y sinceramente, no me fijé nada más que en el código para hacer las modificaciones que decías en el inicio.

Un saludo.

[creear]

kseso?

Sos un genia, gracias por la onda, voy a tener en cuenta eso que me dijiste, tendré que esperar por tener ms post.

Tengo un último inconveniente con css, como veras arriba en la longbar aparecen 2 banderas, me gustaría que estén alineadas (como se vera tengo un problema grave para identificar donde alinear jja ) hacia la derecha, como el navmenu y que las banderas estén una al lado de la otra, no una encima de la otra.

Se puede, o por ser un plugin no va?

gracias, un abrazo

[kseso?]

Eso ya lo habíamos visto en el #1, se ve que hiciste más cambios.
añade en tu css. (línea 21 de style.css)

#inner { text-align: center;}

añade a tu css lo siguiente:

#inner ul li {display: inline-block;}

Un saludo

[creear]

Increible, gracias por todo, se puede saber como te llamas?
e puedo pagar?

Queda una cuestión, hice los cambios que me dijiste, pero en IE (comparandolo con firefox) se ve mal varias cosas:

1. El footer se ve mal
2. Las banderas en IE se ven una debajo de la otra
3. En home el footer se ve gigante
4. En portfolio esta todo corrido y el subtitulo en gris se puso gigante, porqe entonces en firefox se ve bien????
5. 
   

un abrazo

[kseso?]

Increible, gracias por todo, se puede saber como te llamas?
e puedo pagar?

A lo primero: está en mi perfil, aunque en este foro soy kseso?
A lo segundo ¡cómo me gustan las tentaciones No me dedico a esto, pero ¿será hora de convertirme en "danzarín libre" (freedancer"?
EDITO: pero creo que nunca podré cobrar como éste

Sobre las cuestiones en ie (supongo que el 7), dame un tiempo que lo mire.
Pero ya te adelanto, las banderas serán porque ahora que me doy cuenta ie no entiende el display:inline-block.

El resto será cualquier chorrada (del p**** ie)
Quizás añadiendo un z-index para que no se corte la parte superior del footer
El "home" quizás sea porque declaras varias clases a ese li

<li class="page_item page-item-2 current_page_item"><a href="http://creear.org/">Home</a></li>

y porque #footer li no tiene declarado 'font-size'

En el portfolio:
prueba a colocar la imagen y el texto en el mismo contenedor. La imagen antes en el html y flotada a la derecha.
Tienes así tu html:

<div class="port_info">
<h1>Causas Argentinas</h1>
<p/><h2>web project + idea</h2>
<p/><p><span style="font-size: small;">...

esas dos etiquetas que cierras sin tener abiertas lo mismo dan problemas.

El resto ya te cuento.

Un saludo

[kseso?]

Las banderas:
líneas 11 de style.css y adyacentes, añadir/sustituir:

#inner ul {float: right;}
#inner ul li {float: left; padding-right:5px;}
#inner ul li a {display: block; padding-right:5px;}

En Portfolio, tamaño de h2:
Lo tienes definido dos veces en style.css:
línea 73 :".port_info h2 {font-size:1.6em;" y línea 79: ".post h2 {font-size: 1.6em}
añade lo resaltado en negrita (el tamaño en px según tu gusto):

.port_info h2 {color:#D1D9DC; font-size:14px!important; letter-spacing:1px}

y tú verás si por eliminar en .post h2 el valor 1.6em influye en otras partes.

En Portfolio, todos los <div class="portItem"> están sin cerrar excepto el último.
Modifica css para que quede así:

.img_port {float:right; margin-top:32px}
.portItem {margin-bottom: 82px; clear:both;}

Es para alinear en portfolio texto con imágen y que se coloque bajo
Pero en el primer "portItem" tendrías que mirar el código origen (no el generado):

<div class="portItem">
<div class="post-21 post hentry category-portfolio tag-banners tag-bocetos tag-diseno-flyers tag-diseno-grafico tag-flyers tag-invitaciones tag-logotipos tag-papeleria tag-posters" id="post-21">
<div class="port_info">
<h1>deFlyers</h1>
<p><h2>web project + flyers</h2></p>
<p><div class="textwidget">
<p><span lang="es"> <strong><a href="http://deflyers.com">deFlyers</a></strong><strong>, </strong>creación de flyers atractivos y elegantes </span> (invitaciones, productos, eventos)<span lang="es">, </span><span lang="es">logotipos y papelería.<br />
</span></div>
</p>

div dentro de p, enalce dentro de span...

Para la lista del footer:

#footer ul {}
#footerL {float:left;}
#footerR {float:right}
#footerL p ---> añade "font-size:12px;" para que su tamaño no sea tan grande en ie.

Sugerencias:

ul#navMenu {float:right;height:17px;} ---> colocas el menú superior bajo las banderas
.header-portfolio2 {float:right;margin-top:50px;text-align:center;} ---> lo colocas alineado al borde derecho

Bueno, creo que con estos arreglos la cosa quedará encaminada.

Un saludo

[creear]

Buenísimo!!!

Ahoras se ve perfecto en IE pero en firefox se corrió todo hehe

Te paso por MP usuario y pass para que veas tl theme, te parece?

gracias

paypal tenes?

[kseso?]

Se ve que no te pasé alguna modificación de las realizadas. Disculpa
Te adjunto una captura de pantalla de cómo lo veo yo en FF (3.5). Y lo que hago es pasarte un enlace con todo el css y el html.
Y disculpa la rapidez, ando escaso de tiempo hoy .
Así lo veo en local:


Un saludo

[creear]

Listo, buenísimo, gracias, espero el enlace.
Saludos!

[kseso?]

¿Fue útil el mp que te mandé el 25?
Porque de la manera que anda el foro, cualquier cosa es posible.

[creear]

Ahi te mandé otro, depués podemos eguir por acá.
saludos y gracias, no me están llegando los mp a mi mail.

[creear]

Elías, como va?

Me podrías terminar de dau una mano? en IE ahora se ve bien, pero en FIREFOX no, que es lo que pasó?

gracias

[kseso?]

Hola Crear.
Estaba a la espera de recibir el último mp que decías en tu #18.

Busco (si aun están en la papelera) los archivos css y html sobre los que trabajé en local y te los envío de nuevo.

Un saludo

[creear]

Ah que raro, porque si te había mandado el mp.

Lo que te decía, es que no pude hacer la incorporación, porque no se que modificaste que en cada css, por eso te di el usuario del wordpress, para que puedas editar i no te molesta directamente el style.css del theme.

La pass y el usuario tuyos siguen siendo lo mismo, te mando por mp el link para editar directamente el theme.

No puede apsar anda malo, porque hay backup de todo ;)

te mando un abrazo, gracias.
Enrique

[kseso?]

Como te decía anteriormente Enrique, desconozco totalmente la administración de wp.

Lo que sí he visto es que en el portfolio, debe haber algún error en el css, pues con firebug no veo los estilos.

Bueno, era tan fácil como cambiar todo el contenido de tu "style.css" por el que te mandé.

Verifica que en el resto del sitio no haya malfuncionamientos.

Un saludo

[creear]

Está perfecto, la verdad qu eme ayudaste DEMASIADO Elías, mil gracias.

Quedó solo una pequeñez, en el IE, un borde se muestra por debajo del footer, cuadno debería estar arriba del slidesho.

abrazos
kike

[creear]

Ahhh y porque en IE en la aprte de portfolio, los textos de "causas arg" y deflyers se meustran en #ff3366 ?

[kseso?]

¿Te refieres a "border-top:1px solid #E9E9E9;"? Yo lo veo por encima de los enlaces del footer.
El testo rojo, no se de donde saldrá, pero añade al archivo style.css lo siguiente:

.port_info p, .port_info p span {color: #000;}

[creear]

Si, el border ese, si te fijas en Firefox, hay un border arriba de

"Diseño Web :)

Aplicamos pensamiento analítico y creativo para ayudar a nuestros clientes a tener éxito en la web."

y otro debajo, pero en IE el que tendria que estar debajo del encabezado anterior, esta debajo del texto del footer.

Espero ser claro, no se como decirlo.

[creear]

Acabo de notar otra cosa, en el IE en el PORTFOLIO, aparece el scroll horizontal, (?) y esto?

[creear]

Elías, gracias!!!!

Se me presentan 2 últimos problemas en IE:

1. En PORTFOLIO aparece el scroll horizontal
2. Y en HOME, si se lo compara con el firefox, se ve que debajo del footer aparece un border, que tendria que ir arriba del slideshow

Un abrazo, enrique