Foros del Web » Creando para Internet » CSS »

Problemas con el footer

Estas en el tema de Problemas con el footer en el foro de CSS en Foros del Web. Buenas a todos, tengo un problema, el footer de mi pagina web www.psicohuma.com cuando lo veo en chrome va perfectamente pero al verlo en IE ...
  #1 (permalink)  
Antiguo 20/10/2012, 16:37
 
Fecha de Ingreso: mayo-2006
Mensajes: 21
Antigüedad: 18 años, 6 meses
Puntos: 0
Problemas con el footer

Buenas a todos, tengo un problema, el footer de mi pagina web www.psicohuma.com cuando lo veo en chrome va perfectamente pero al verlo en IE me sale completamente desordenado los botones de fb twitter y g+, si activo modo compatibilidad, se ordenan correctamente pero la pagina web pierde algunos estilos como los redondeados de los titulos del menu principal, os dejo aqui el codigo tanto del footer como del estilo, alguna idea de que debo modificar? estoy un poco verde en todo esto

estilo:

#footer-top {
float:left;
width:100%;
height:80px;
background: url(../images/footer-top.png) 0 0 repeat-x;

}

#footer{
float:left;
width:100%;
height:340px;
background: url(../images/footer.png) 0 0 repeat;

}

/****box*****/
#wrapper-box {
float:left;
width:0px;
height:200px;
background:transparent;
text-align:left;
margin-top:0px;

}

.box {
margin-top:0px;
text-align:left;
font-weight:normal;
font-size:13px;
width:980px;
float:left;


#footer-bottom {
float:left;
width:100%;
height:30px;
background: transparent;

}

.ftb {
margin-top:20px;
text-align:center;
font-weight:normal;
font-size:13px;
width:860px;
float:left;


}

.ftb a, .ftb a:visited{
padding:0 !important;
border:none !important;
color:#28180a;

}

.ftb a:hover {
color:#fff;

}


Footer:

<div id="footer">
<div class="pagewidth">
<div id="wrapper-box">

<div style="
width:800px;
height:300px;
background:transparent;
position:absolute;
margin-left:150px"</div>
<h2 style="text-align: center; clear: both; color: #000000; font-size: 30px;">SIGUENOS EN:
<a href="http://www.facebook.com/psicohuma" target="_blank">
<img src="templates/<?php echo $this->template ?>/images/facebook.png" width="48" height="48" alt="Facebook" /></a>
<a href="http://www.twitter.com/psicohuma" target="_blank">
<img src="templates/<?php echo $this->template ?>/images/twitter.png" width="48" height="48" alt="Twitter" /></a>
<a href="http://www.linkedin.com/pub/paloma-huertas-maestre/4b/b00/a18" target="_blank">
<img src="templates/<?php echo $this->template ?>/images/linkedin.png" width="48" height="48" alt="Linked In" /></a>


<div class="fb-like" href="http://www.facebook.com/psicohuma" send="true" layout="box_count" width="60" show-faces="false" font="verdana">
</div>
<g:plusone size="tall"></g:plusone> <a href="https://twitter.com/Psicohuma" class="twitter-follow-button" data-show-count="false" data-lang="es" data-size="large">Seguir a @Psicohuma</a>


<script type="text/javascript"> !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);j s.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}} (document,"script","twitter-wjs");
</script>

</h2>



<div id="footer-bottom">
<div class="ftb">
<p align="center"> <span style="text-align: center; clear: both; color: #000000; font-size: 16px;"> Calle San Nicolás n°13, 1°C - 29016 Málaga. <strong>Teléfono:</strong> 951 10 80 92 - 626 30 41 84 <br /><br /> <strong>Contacto</strong>: <a href="mailto:[email protected]" class="nohover">[email protected]</a> <br /><br /> | <a href="http://www.psicohuma.com/aviso-legal" class="nohover">Aviso legal</a> | <a href="http://www.psicohuma.com/proteccion-de-datos" class="nohover">Protección de datos</a> | <a href="http://www.psicohuma.com/condiciones-de-uso" class="nohover">Condiciones de Uso</a> | <a href="http://www.psicohuma.com/mapa-sitio" class="nohover">Mapa del Sitio</a> <br /> <br /> Copyright © 2012 <a href="http://www.psicohuma.com" class="nohover"><strong>Psicohuma.com</strong></a> | Todos los derechos reservados. <font><?php echo $license;?> </font> </span> </p>
</div>
</div>
<div align="center">
<div id="top">
<div class="top_button">
<a href="#" onclick="scrollToTop();return false;">
<img src="templates/<?php echo $this->template ?>/images/top.png" width="50" height="50" alt="top" /></a>
</div>
</div>
</div>
</div>
</div>
</div>
  #2 (permalink)  
Antiguo 20/10/2012, 23:00
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: Problemas con el footer

he visto tu sitio y notado que lo has creado con MS Word, te recomiendo limpies toda la basura que coloca este, validez tu código y pruebes de nuevo, posiblemente con eso solventes tu problema.

si no es así regresa y coméntanos que has hecho para revisar y decirte que otra cosa puede ser.
  #3 (permalink)  
Antiguo 21/10/2012, 04:43
 
Fecha de Ingreso: mayo-2006
Mensajes: 21
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: Problemas con el footer

Cita:
Iniciado por Ag666 Ver Mensaje
he visto tu sitio y notado que lo has creado con MS Word, te recomiendo limpies toda la basura que coloca este, validez tu código y pruebes de nuevo, posiblemente con eso solventes tu problema.

si no es así regresa y coméntanos que has hecho para revisar y decirte que otra cosa puede ser.
Como si me hablaras en chino, ms word? ni idea, como puedo limpiar y revisar el codigo? un saludo
  #4 (permalink)  
Antiguo 21/10/2012, 07:24
Avatar de flashmax  
Fecha de Ingreso: julio-2012
Ubicación: Bs.As. Argentina
Mensajes: 507
Antigüedad: 12 años, 3 meses
Puntos: 86
Respuesta: Problemas con el footer

Hola se refiere al copy paste del texto word que mustras en tu pagina en La relajacion

un poco del texto en cuestion:

Código HTML:
<h2>
					<a href="/90-la-relajacion">
			LA RELAJACION</a>
			</h2>


	


<p><!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:View>Normal</w:View>
  <w:Zoom>0</w:Zoom>
  <w:TrackMoves/>
  <w:TrackFormatting/>
  <w:HyphenationZone>21</w:HyphenationZone>
  <w:PunctuationKerning/>
  <w:ValidateAgainstSchemas/>
  <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
  <w:IgnoreMixedContent>false</w:IgnoreMixedContent>
  <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
  <w:DoNotPromoteQF/>
  <w:LidThemeOther>ES</w:LidThemeOther>
  <w:LidThemeAsian>X-NONE</w:LidThemeAsian>
  <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
  <w:Compatibility>
   <w:BreakWrappedTables/>
   <w:SnapToGridInCell/>
   <w:WrapTextWithPunct/>
   <w:UseAsianBreakRules/>
   <w:DontGrowAutofit/>
   <w:SplitPgBreakAndParaMark/>
   <w:DontVertAlignCellWithSp/>
   <w:DontBreakConstrainedForcedTables/>
   <w:DontVertAlignInTxbx/>
   <w:Word11KerningPairs/>
   <w:CachedColBalance/>
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
  <m:mathPr>
   <m:mathFont m:val="Cambria Math"/>
   <m:brkBin m:val="before"/>
   <m:brkBinSub m:val="--"/>
   <m:smallFrac m:val="off"/>
   <m:dispDef/>
   <m:lMargin m:val="0"/>
   <m:rMargin m:val="0"/>
   <m:defJc m:val="centerGroup"/>
   <m:wrapIndent m:val="1440"/>
   <m:intLim m:val="subSup"/>
   <m:naryLim m:val="undOvr"/>
  </m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
  DefSemiHidden="true" DefQFormat="false" DefPriority="99"
  LatentStyleCount="267">
  <w:LsdException Locked="false" Priority="0" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
  <w:LsdException Locked="false" Priority="9" SemiHidden="false"
__________________
Saludos!
----------------------------------------------------------
  #5 (permalink)  
Antiguo 21/10/2012, 08:23
 
Fecha de Ingreso: mayo-2006
Mensajes: 21
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: Problemas con el footer

No creo que eso tenga que ver con el footer, aunque este mal hecho, porque el footer sale igual de mal en IE cuando navegas en los diferentes menus y sigue estando desordenado aun no teniendo articulos de texto de word

Cita:
Iniciado por flashmax Ver Mensaje
Hola se refiere al copy paste del texto word que mustras en tu pagina en La relajacion

un poco del texto en cuestion:

Código HTML:
<h2>
					<a href="/90-la-relajacion">
			LA RELAJACION</a>
			</h2>


	


<p><!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:View>Normal</w:View>
  <w:Zoom>0</w:Zoom>
  <w:TrackMoves/>
  <w:TrackFormatting/>
  <w:HyphenationZone>21</w:HyphenationZone>
  <w:PunctuationKerning/>
  <w:ValidateAgainstSchemas/>
  <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
  <w:IgnoreMixedContent>false</w:IgnoreMixedContent>
  <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
  <w:DoNotPromoteQF/>
  <w:LidThemeOther>ES</w:LidThemeOther>
  <w:LidThemeAsian>X-NONE</w:LidThemeAsian>
  <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
  <w:Compatibility>
   <w:BreakWrappedTables/>
   <w:SnapToGridInCell/>
   <w:WrapTextWithPunct/>
   <w:UseAsianBreakRules/>
   <w:DontGrowAutofit/>
   <w:SplitPgBreakAndParaMark/>
   <w:DontVertAlignCellWithSp/>
   <w:DontBreakConstrainedForcedTables/>
   <w:DontVertAlignInTxbx/>
   <w:Word11KerningPairs/>
   <w:CachedColBalance/>
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
  <m:mathPr>
   <m:mathFont m:val="Cambria Math"/>
   <m:brkBin m:val="before"/>
   <m:brkBinSub m:val="--"/>
   <m:smallFrac m:val="off"/>
   <m:dispDef/>
   <m:lMargin m:val="0"/>
   <m:rMargin m:val="0"/>
   <m:defJc m:val="centerGroup"/>
   <m:wrapIndent m:val="1440"/>
   <m:intLim m:val="subSup"/>
   <m:naryLim m:val="undOvr"/>
  </m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
  DefSemiHidden="true" DefQFormat="false" DefPriority="99"
  LatentStyleCount="267">
  <w:LsdException Locked="false" Priority="0" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
  <w:LsdException Locked="false" Priority="9" SemiHidden="false"
  #6 (permalink)  
Antiguo 21/10/2012, 09:09
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Problemas con el footer

La extravagancia de Windows hace que al copiar y pegar muchas veces lo haga con el formato. Es decir, si copias de Word y pegas lo copiado en un formulario, en Dreamweaver, etc. te copia ese codigo con el "formato".

El caso es que, como dice flashmax, tienes que borrar ese formato. Si mal no recuerdo, había una opción en Word de copiar sin formato.
  #7 (permalink)  
Antiguo 21/10/2012, 10:27
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: Problemas con el footer

sumado a lo de word tambien te comente validaras tu codigo y lo hice porque note errores en este.

por ejemplo tienes:
Código HTML:
Ver original
  1. <div style="
  2.          width:800px;
  3.          height:300px;
  4.          background:transparent;
  5.          position:absolute;
  6.          margin-left:150px"</div>
Y valla que eso si esta muy mal y puede afectar directa o indirectamente al resto de los elementos.

Nota: Cuando usar copy-paste directo de MS Word, aparte de copiar codigo basura puedes llegar a tener la mala suerte de que este rompa la estructura del codigo en tu sitio, cuasandote fallas tanto HTML como CSS.
Y digo mala suerte porque puede que los herrores con HTML y CSS no siempre ocurren.
  #8 (permalink)  
Antiguo 21/10/2012, 11:09
Avatar de mariogl84  
Fecha de Ingreso: noviembre-2002
Ubicación: Barcelona
Mensajes: 433
Antigüedad: 22 años
Puntos: 20
Respuesta: Problemas con el footer

Una cosa, redoli: no sé si tiene que ver con tu problema o no, pero creo que estás asignando incorrectamente las tipografías Cufón. Si miras el html generado, verás que al lado de cada icono de las redes sociales te genera una etiqueta <cufon> vacía, quizá eso haga que todo se destartale en IE.

Esto te ha ocurrido porque probablemente le has asignado la Cufón al h2, pero el h2 tiene más cosas además de texto. Deberías asignar la Cufón a elementos con texto exclusivamente, para que no te pase esto.

Para solucionarlo, puedes simplemente meter "SIGUENOS EN" (supongo que es eso lo que quieres que lleve la Cufón) en un span, y asignar la Cufón sólo a ese span. Eso hará que no se te generen etiquetas <cufon> vacías, que en la mayoría de los casos renderizan huecos en la página y rompen el layout.

Código:
<h2><span>SIGUENOS EN</span>...</h2>
Todo esto, por supuesto, además de los consejos que ya te han dado los otros usuarios. Dedicarle un poco de tiempo a conseguir un código limpio, semántico y estándar en la medida de lo posible, suele resultar en menos problemas con las diferencias entre navegadores.
__________________
Puedes visitar mi blog sobre HTML, CSS y Wordpress.
  #9 (permalink)  
Antiguo 22/10/2012, 02:27
 
Fecha de Ingreso: mayo-2006
Mensajes: 21
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: Problemas con el footer

Buenas Mario, he modificado lo que me has dicho y nada, no hay manera, se que el codigo no esta muy limpio sobre todo en la seccion de los articulos, pero pasa por normal general en todas las paginas ya incluyan articulos o no, por lo que descarto la opcion de que sea el codigo de los articulos, sigo trasteando el footer, he probado a hacerlo todo desde el principio y nada, no se porque el maldito IE me agrupa los botones en columna uno debajo de otro y no los muestra todos seguidos como los demas navegadores...

Cita:
Iniciado por mariogl84 Ver Mensaje
Una cosa, redoli: no sé si tiene que ver con tu problema o no, pero creo que estás asignando incorrectamente las tipografías Cufón. Si miras el html generado, verás que al lado de cada icono de las redes sociales te genera una etiqueta <cufon> vacía, quizá eso haga que todo se destartale en IE.

Esto te ha ocurrido porque probablemente le has asignado la Cufón al h2, pero el h2 tiene más cosas además de texto. Deberías asignar la Cufón a elementos con texto exclusivamente, para que no te pase esto.

Para solucionarlo, puedes simplemente meter "SIGUENOS EN" (supongo que es eso lo que quieres que lleve la Cufón) en un span, y asignar la Cufón sólo a ese span. Eso hará que no se te generen etiquetas <cufon> vacías, que en la mayoría de los casos renderizan huecos en la página y rompen el layout.

Código:
<h2><span>SIGUENOS EN</span>...</h2>
Todo esto, por supuesto, además de los consejos que ya te han dado los otros usuarios. Dedicarle un poco de tiempo a conseguir un código limpio, semántico y estándar en la medida de lo posible, suele resultar en menos problemas con las diferencias entre navegadores.
  #10 (permalink)  
Antiguo 22/10/2012, 03:43
Avatar de mariogl84  
Fecha de Ingreso: noviembre-2002
Ubicación: Barcelona
Mensajes: 433
Antigüedad: 22 años
Puntos: 20
Respuesta: Problemas con el footer

Pero no está online el cambio, ¿no? He revisado la web y veo que la Cufón se sigue asignando al h2.
__________________
Puedes visitar mi blog sobre HTML, CSS y Wordpress.
  #11 (permalink)  
Antiguo 22/10/2012, 04:43
 
Fecha de Ingreso: mayo-2006
Mensajes: 21
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: Problemas con el footer

Probé lo que me dijiste y seguía mal por lo que volví a cambiarlo como estaba, ahora mismo esta como tu dices, me aparece el Siguenos en: centrado y los botones abajo, cuando me gustaría que apareciesen todos seguidos, eso en Chrome, en IE sigue el desbarajuste de los botones como al principio

Cita:
Iniciado por mariogl84 Ver Mensaje
Pero no está online el cambio, ¿no? He revisado la web y veo que la Cufón se sigue asignando al h2.
  #12 (permalink)  
Antiguo 22/10/2012, 04:50
Avatar de mariogl84  
Fecha de Ingreso: noviembre-2002
Ubicación: Barcelona
Mensajes: 433
Antigüedad: 22 años
Puntos: 20
Respuesta: Problemas con el footer

Bueno, hay algunos cambios. Veo que has sacado los logos del h2. En tu versión anterior estaban dentro del h2, y por eso te propuse lo del span.

Al sacar los logos del h2, como éste es un elemento de bloque, te aparecen en la línea siguiente.

Lo de los huecos vacíos de las Cufón está resuelto ahora. Sólo tienes que rehacer un poco el html. Cambia ese h2 por un span y quítale el clear:both. Eso te dejaría una línea de elementos inline.
__________________
Puedes visitar mi blog sobre HTML, CSS y Wordpress.
  #13 (permalink)  
Antiguo 22/10/2012, 08:36
 
Fecha de Ingreso: mayo-2006
Mensajes: 21
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: Problemas con el footer

Listo, he cambiado el h2 por el span y quitado clear:both, pero nada, en chrome sale todo bien, pero en IE lo mismo, he probado a ponerle el cierre de la etiqueta span al final pero sigue igual

Cita:
Iniciado por mariogl84 Ver Mensaje
Bueno, hay algunos cambios. Veo que has sacado los logos del h2. En tu versión anterior estaban dentro del h2, y por eso te propuse lo del span.

Al sacar los logos del h2, como éste es un elemento de bloque, te aparecen en la línea siguiente.

Lo de los huecos vacíos de las Cufón está resuelto ahora. Sólo tienes que rehacer un poco el html. Cambia ese h2 por un span y quítale el clear:both. Eso te dejaría una línea de elementos inline.
  #14 (permalink)  
Antiguo 22/10/2012, 13:24
Avatar de mariogl84  
Fecha de Ingreso: noviembre-2002
Ubicación: Barcelona
Mensajes: 433
Antigüedad: 22 años
Puntos: 20
Respuesta: Problemas con el footer

Yo lo estoy viendo bien en IE9 y en IE8, en IE7 se van a la fila siguiente los botones de los plugins sociales.

¿Puedes enseñar una captura de cómo lo ves? ¿En qué versión de IE?
__________________
Puedes visitar mi blog sobre HTML, CSS y Wordpress.
  #15 (permalink)  
Antiguo 22/10/2012, 17:14
 
Fecha de Ingreso: mayo-2006
Mensajes: 21
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: Problemas con el footer

Tenia activada la vista de compatibilidad y por eso me parece que se iban los botones sociales hacia abajo, tenia puesta la compatibilidad porque me respetaba el estilo de los bordes de los menus, que salían redondeados, mientras en IE9 al parecer salen cuadrados y no entiendo muy bien el porque, de todas formas ahora, muchisimas gracias por tu ayuda, tendre que investigar porque no aplica bien los estilos en los menus

Cita:
Iniciado por mariogl84 Ver Mensaje
Yo lo estoy viendo bien en IE9 y en IE8, en IE7 se van a la fila siguiente los botones de los plugins sociales.

¿Puedes enseñar una captura de cómo lo ves? ¿En qué versión de IE?
  #16 (permalink)  
Antiguo 22/10/2012, 17:35
 
Fecha de Ingreso: mayo-2006
Mensajes: 21
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: Problemas con el footer

Otra cosa tambien es que me gustaría mantener el tipo de letra que aparecia en SIGUENOS EN.. que ahora no me aparece al haber retocado lo otro
  #17 (permalink)  
Antiguo 23/10/2012, 01:17
Avatar de mariogl84  
Fecha de Ingreso: noviembre-2002
Ubicación: Barcelona
Mensajes: 433
Antigüedad: 22 años
Puntos: 20
Respuesta: Problemas con el footer

Le estabas aplicando la Cufón al h2, y ahora ya no hay h2. Dale una clase a ese span, y en el archivo cufon-replace.js cambia el h2 por el span con esa clase.

Ah, y te han quedado dos span, uno dentro de otro. Con uno te basta.
__________________
Puedes visitar mi blog sobre HTML, CSS y Wordpress.
  #18 (permalink)  
Antiguo 23/10/2012, 04:15
 
Fecha de Ingreso: mayo-2006
Mensajes: 21
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: Problemas con el footer

Bueno he conseguido ya ponerle el tipo de fuente correcta al Siguenos, ahora lo que no consigo es darle el tamaño adecuado, perdona mi torpeza y muchisimas gracias por tu paciencia

Cita:
Iniciado por mariogl84 Ver Mensaje
Le estabas aplicando la Cufón al h2, y ahora ya no hay h2. Dale una clase a ese span, y en el archivo cufon-replace.js cambia el h2 por el span con esa clase.

Ah, y te han quedado dos span, uno dentro de otro. Con uno te basta.
  #19 (permalink)  
Antiguo 23/10/2012, 10:56
Avatar de mariogl84  
Fecha de Ingreso: noviembre-2002
Ubicación: Barcelona
Mensajes: 433
Antigüedad: 22 años
Puntos: 20
Respuesta: Problemas con el footer

¿No te sirve #siguenos { font-size:Xpx } ?
__________________
Puedes visitar mi blog sobre HTML, CSS y Wordpress.
  #20 (permalink)  
Antiguo 24/10/2012, 04:22
 
Fecha de Ingreso: mayo-2006
Mensajes: 21
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: Problemas con el footer

Ya le puse span style para cambiarlo no se si hice bien pero el cambio lo hizo a la perfeccion, jeje, bueno he estado comprobando algunos fallos más de dudoso arreglo, como la utilizacion de una fuente .js cuando debería utilizar .tff o directamente de google webfonts para evitar pequeños fallos en las fuentes al moverse en el menu desde IE.

Pero bueno, ahora me toca arreglar el slider, cosa que veo bastante complicada, estoy pensando en eliminarlo y agregar otro slider diferente, aunque he estado haciendo pruebas, y al tratar de borrarlo se me mueve toda la página y me queda bastante mal, seguiré investigando a ver que tal.

He aprendido muchas cosas estos dias, leyendo por ahi y con tu ayuda, muchas gracias crack.

Cita:
Iniciado por mariogl84 Ver Mensaje
¿No te sirve #siguenos { font-size:Xpx } ?
  #21 (permalink)  
Antiguo 24/10/2012, 06:03
Avatar de mariogl84  
Fecha de Ingreso: noviembre-2002
Ubicación: Barcelona
Mensajes: 433
Antigüedad: 22 años
Puntos: 20
Respuesta: Problemas con el footer

Ok, suerte con la página.
__________________
Puedes visitar mi blog sobre HTML, CSS y Wordpress.
  #22 (permalink)  
Antiguo 24/10/2012, 17:40
 
Fecha de Ingreso: mayo-2006
Mensajes: 21
Antigüedad: 18 años, 6 meses
Puntos: 0
Respuesta: Problemas con el footer

Buenas mario, aqui estoy de nuevo con dudas actualizadas, he cambiado el tipo de fuente que tenia en javascript por otra cargada directamente desde googlewebfont y todo sin problemas, ahora estoy tratando de ELIMINAR POR COMPLETO el slider, y meter otro slider nuevo desde un modulo de joomla, pero cada vez que borro algun div o toco algo relacionado con el slider se me descuadra todo y se pone todo mal, os dejo el código a ver si me podeis echar una mano:

<div id="slideshow">
<div id="fila">
</div>
<div id="filb">
</div>

<div id="slide">
<div class="joomscontmask1">
<div id="joomscontbox1">
<div class="inner">
<img src="templates/<?php echo $this->template ?>/images/slide2.png" width="806" height="291" alt="img1" /> </div>
<div class="inner">
<img src="templates/<?php echo $this->template ?>/images/slide3.png" width="806" height="291" alt="img2" /> </div>
<div class="inner">
<img src="templates/<?php echo $this->template ?>/images/slide4.png" width="806" height="291" alt="img3" /> </div>
<div class="inner">
<img src="templates/<?php echo $this->template ?>/images/slide1.png" width="806" height="291" alt="img4" /> </div>
<div class="inner">
<img src="templates/<?php echo $this->template ?>/images/slide5.png" width="806" height="291" alt="img5" /> </div>
</div>
</div>
<div id="prev1" class="prev1">
</div>
<div id="next1" class="next1">
</div>
</div>
</div>
<script type="text/javascript">
window.addEvent('domready',function(){
var hs1 = new noobSlide({
box: $('joomscontbox1'),
items:[1,2,3],
size: 908,
autoPlay: true,
interval: 4000,
fxOptions: {
duration: 1500, transition: Fx.Transitions.easeOut, wait: true},
buttons: {
previous: $('prev1'),
next: $('next1')}
});
});

</script>
<?php if ($this->countModules('position-7')) { ?>

<div id="left"> <jdoc:include type="modules" name="position-7" style="xhtml" /> </div> <?php } ?> <div id="main<?php echo $width; ?>"> <jdoc:include type="component" /> </div> </div>

Cita:
Iniciado por mariogl84 Ver Mensaje
Ok, suerte con la página.
  #23 (permalink)  
Antiguo 25/10/2012, 05:28
Avatar de mariogl84  
Fecha de Ingreso: noviembre-2002
Ubicación: Barcelona
Mensajes: 433
Antigüedad: 22 años
Puntos: 20
Respuesta: Problemas con el footer

Hola, redoli. Si tienes dudas nuevas, te recomiendo que abras otro post con ellas, y que incluyas todo el código dentro de las etiquetas CODE del editor, para que se lea mejor.
__________________
Puedes visitar mi blog sobre HTML, CSS y Wordpress.

Etiquetas: chrome, footer, hover, fondo
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 13:37.