Jump to content

(SOLUCIONADO) "Border" en footer aparece duplicado


picarol

Recommended Posts

Hola compañeros!

 

Me está pasando una cosa curiosísima. Como podreis ver en este enlace minipig.picarol.cat tengo instalado el módulo gratuíto del footer de BUHOC, y en la izquierda del mçodulo se adivina el problema: aparece un border encima de otro. No sé si pertenece al propio módulo, al css global, o a dónde exactamente.

Ya si entramos otra url, como esta http://minipig.picar...es/142-de-paseo el descuadre es absoluto y además desaparece el ícono de Twitter.

 

¿Magia? ¿poderes oscuros? ¿mala praxis mía al toquetear los borders?

¿Qué puede estar andando mal?

Edited by picarol (see edit history)
Link to comment
Share on other sites

Hola compañeros!

 

Me está pasando una cosa curiosísima. Como podreis ver en este enlace minipig.picarol.cat tengo instalado el módulo gratuíto del footer de BUHOC, y en la izquierda del mçodulo se adivina el problema: aparece un border encima de otro. No sé si pertenece al propio módulo, al css global, o a dónde exactamente.

Ya si entramos otra url, como esta http://minipig.picar...es/142-de-paseo el descuadre es absoluto y además desaparece el ícono de Twitter.

 

¿Magia? ¿poderes oscuros? ¿mala praxis mía al toquetear los borders?

¿Qué puede estar andando mal?

 

Nah, es que el id footer esta duplicado dos veces, en la plantilla que es correcto, y tambien esta puesto en el mismo modulo de buhoc.

 

Edita el fichero:

 

http://minipig.picarol.cat/modules/pie_pagina_buhoc/pie_pagina_buhoc.tpl

 

Busca esto:

 

<div id="footer">

 

Y dejalo asi:

 

<div>

Link to comment
Share on other sites

Por otro lado, respecto a la imagen del pajarito que tienes en el footer.

 

En en el mismo fichero mencionado antes, es decir este:

 

/modules/pie_pagina_buhoc/pie_pagina_buhoc.tpl

 

Busca esto:

 

<img src="modules/pie_pagina_buhoc/img/3.png"/>

 

 

Y dejalo así:

 

<img src="{$base_dir}modules/pie_pagina_buhoc/img/3.png"/>

Link to comment
Share on other sites

Mmm... he efectuado tus recomendaciones, forzado la compilación, borrado la cache del navegador y sigue estando duplicado...

¿Es posible que sea debido a que el modulo está instalado en /modules/piedepagina/piedepagina en vez de /modules/piedepagina ?

 

Lo otro se ha solucionado, gracias.

Edited by picarol (see edit history)
Link to comment
Share on other sites

Mmm... he efectuado tus recomendaciones, forzado la compilación, borrado la cache del navegador y sigue estando duplicado...

Lo otro se ha solucionado, gracias.

 

Aquí:

 

http://minipig.picarol.cat/modules/pie_pagina_buhoc/pie_pagina_buhoc.tpl

 

Sigue estando esto:

 

<div id="footer">

 

Como dije arriba, dejalo asi:

 

<div>

Link to comment
Share on other sites

Fíjate en la ruta que me indicas y en la que me aparece a mi por ftp:

bJoLsck.jpg

 

¿Basta con que mueva el contenido de una carpeta a la otra?

 

Este es el cofigo del tpl:

<!-- MODULE BUHOC-FOOTER-->
<link href="{$base_dir}modules/pie_pagina_buhoc/estilos_footer.css" rel="stylesheet" type="text/css" media="all" />
<div>
<ul class="columna">
<li class="titulo"><span><img src="{$base_dir}modules/pie_pagina_buhoc/img/sobre.png" style="vertical-align:middle;"/> {$links.category[0]}</span></li>
<li class="enlaces"><a href="{$links.url[0][0]}" title="">{$links.text[0][0]}</a></li>
<li class="enlaces"><a href="{$links.url[0][1]}" title="">{$links.text[0][1]}</a></li>
<li class="enlaces"><a href="{$links.url[0][2]}" title="">{$links.text[0][2]}</a></li>
</ul>
<ul class="columna">
<li class="titulo"><span><img src="{$base_dir}modules/pie_pagina_buhoc/img/noticias.png" style="vertical-align:middle;"/> {$links.category[1]}</span></li>
<li class="enlaces"><a href="{$links.url[1][0]}" title="">{$links.text[1][0]}</a></li>
<li class="enlaces"><a href="{$links.url[1][1]}" title="">{$links.text[1][1]}</a></li>
<li class="enlaces"><a href="{$links.url[1][2]}" title="">{$links.text[1][2]}</a></li>
</ul>
<ul class="columna">
<li class="titulo"><span><img src="{$base_dir}modules/pie_pagina_buhoc/img/legal.png" style="vertical-align:middle;"/> {$links.category[2]}</span></li>
<li class="enlaces"><a href="{$links.url[2][0]}" title="">{$links.text[2][0]}</a></li>
<li class="enlaces"><a href="{$links.url[2][1]}" title="">{$links.text[2][1]}</a></li>
<li class="enlaces"><a href="{$links.url[2][2]}" title="">{$links.text[2][2]}</a></li>
</ul>
<ul class="columna">
<li class="titulo"><span><img src="{$base_dir}modules/pie_pagina_buhoc/img/contacto.png" style="vertical-align:middle;"/> {$links.category[3]}</span></li>
<li>{l s='Tel' mod='pie_pagina_buhoc'} : {$telephone}</li>
<li class="enlaces"><a href="mailto:{$mail}" title="">{$mail}</a></li>
<li class="enlaces"><a href="{$base_dir}contact-form.php" title="">{$links.text[3][0]}</a></li>
</ul>

<div id="social"><a href="https://www.facebook.com/PicarolSCP" target="_top"   title="Síguenos en Facebook"><img src="{$base_dir}modules/pie_pagina_buhoc/img/3.png"/></a>
</div>

<br></br>
</div>

</div>

<!-- BUHOC-FOOTER -->
<div>

 

Creo que lo que puede estar molestando son las últimas 3 lineas, no?

Edited by picarol (see edit history)
Link to comment
Share on other sites

Fíjate en la ruta que me indicas y en la que me aparece a mi por ftp:

bJoLsck.jpg

 

 

 

En:

 

Modules

 

busca la carpeta:

 

pie_pagina_buhoc

 

Es decir la ruta exacta, es esta:

 

/modules/pie_pagina_buhoc/

 

dentro veras varios ficheros, edita el fichero:

 

pie_pagina_buhoc.tpl

 

Y haz solo el cambio que te indique arriba yo.

 

Pero recuerda, que estamos hablando de esta ruta:

 

/modules/pie_pagina_buhoc/

 

La ruta que muestras en la imagen que adjuntas, es otra..

Link to comment
Share on other sites

Seps. Se había creado una carpeta de similar nombre y me estaba confundiendo.

Gracias por tu ayuda. Que diox te lo pague con pocos hijos y muchos intentos!

Un placer ayudarte y servirte!

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.

Link to comment
Share on other sites

Bueno... por ser quisquillosos y ya que no encuentro la manera... ¿cómo puedo bajar un poco la imagen del cerdito y a la vez hacer que aparezca la frase oculta "Síguenos en Fb"?

 

:P Para nuevas dudas debes abrir un tema nuevo ...

 

Antes era un pajaron y ahora lo has cambiado por un cerdito )

 

(hahaha)

 

Añade esto:

 

#footer a img {
margin-left: 18px;
margin-top: 18px;
}

 

al css:

 

modules/pie_pagina_buhoc/estilos_footer.css

 

(Me refiero que lo añades literalmente tal como te lo he dicho)

 

veras que mas o menos queda cuadrado, en todo caso ya calcula tu los pixeles...

Link to comment
Share on other sites

Perfecto.

Y una cosilla técnica:

#footer a img {
margin-left: 18px;
margin-top: 18px;
}

equivaldría a:

#footer a img {
margin: 18px 18px 0px 0px;
}

 

Gracias de nuevo.

 

Bueno, si efectivamente tambien vale asi.

 

Digamos que es por gustos o costumbres )

Link to comment
Share on other sites

Nah, es por ir aprendiendo cosas y saber cómo funciona mejor el lenguaje.

 

¿Por cierto no querias quitar tambien el elemento emergente que dice:

 

Síguenos en Facebook

 

al pasar el raton sobre la imagen. ?

 

Si te das cuenta es el "title" del enlace.

Link to comment
Share on other sites

¿Por cierto no querias quitar tambien el elemento emergente que dice:

 

Síguenos en Facebook

 

al pasar el raton sobre la imagen. ?

 

Si te das cuenta es el "title" del enlace.

 

Me gusta cómo ha quedado ya, no hace falta el texto.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...