Foros del Web » Creando para Internet » Diseño web »

Alinerar enlaces dentro de misma linea en el Footer

Estas en el tema de Alinerar enlaces dentro de misma linea en el Footer en el foro de Diseño web en Foros del Web. Hola gente, Despues de darle muchas vueltas al codigo y no conseguir nada vengo ha intentar que alguien pueda resolverme mi duda. El en footer.php ...
  #1 (permalink)  
Antiguo 18/04/2010, 11:29
 
Fecha de Ingreso: octubre-2006
Mensajes: 55
Antigüedad: 18 años, 1 mes
Puntos: 2
Alinerar enlaces dentro de misma linea en el Footer

Hola gente,

Despues de darle muchas vueltas al codigo y no conseguir nada vengo ha intentar que alguien pueda resolverme mi duda.

El en footer.php tengo un listado de las paginas utilizando la funcion "wp_list_pages" y definido en el archivo style.css para que esten alineadas a la izquierda. Todo correcto. Lo que quiero conseguir es en esa misma linea crear otros enlaces pero alineados a la derecha. ¿como puedo hacerlos? es posible?

Ejemplo visual del footer que quiero:

inicio - pagina1 - pagina 2 ___________________________ |pagina3 | pagina 4

He conseguido hacerlo en lineas separadas, pero quiero que quede todo dentro de la misma linea.

Dejo por aqui el codigo del Footer.php y Style.css.

Footer.
Código:
< div id="footer" >

< ul id="footernav" >
    < ?php //A link back to the homepage ... unlesss the user chose to omit it ? >
    < ?php if($wp_theme_options['exclude_pages']['0'] != 'home') { ? >
    < li class="home < ?php if ( is_home() ) { echo "current_page_item"; } ? >" ><a>" >< ?php _e("Home"); ? ></a>
    < ?php } ? >
    < ?php //Lists pages, excludes pages selected in theme options ? >
    < ?php if($wp_theme_options['exclude_pages']) $exclude = implode(",", $wp_theme_options['exclude_pages']); ? >
    < ?php $my_pages = "title_li=&amp;depth=1&amp;sort_column=menu_order&amp;exclude=".$exclude; wp_list_pages($my_pages); ? >

< ?php wp_footer(); //we need this for plugins ? >
< /div >< !--end #footer-- >
Style.
Código:
#footer {
    margin: 0px 0px 0px 0px;
    padding: 20px;
    clear: both;
    background: #000;
    color: #AAA;
    text-align: left;
    font-size: 11px;
}
#footer a {
    color: #AAA;
    text-decoration: none;
}
#footer a:hover {
    color: #FFF;
    text-decoration: none;
}
#footer #footernav {
    list-style-type: none;
    margin: 0px; padding: 0px 0px 8px 0px;
}
#footer #footernav li {
    display: inline;
    border-left: 1px solid #DDD;
    margin: 0px; padding: 0px 10px 0px 10px;
}
#footer #footernav li.home {
    border: none;
    margin: 0px; padding: 0px 10px 0px 0px;
}
#footer #footernav li a {
    color: #FFF;
    text-decoration: none;
    margin: 0px; padding: 0px;
}
#footer #footernav li a:hover {
    color: #FFF;
    text-decoration: underline;
}
Haber si me podeis darme alguna idea. Gracias por adelantado.

Si es posible explicarmelo bien donde tengo que realizar el cambio porque soy nulo con el codigo,
  #2 (permalink)  
Antiguo 21/04/2010, 14:25
Avatar de 2102325  
Fecha de Ingreso: octubre-2009
Ubicación: Santo Domingo RD
Mensajes: 75
Antigüedad: 15 años, 2 meses
Puntos: 1
Respuesta: Alinerar enlaces dentro de misma linea en el Footer

Que tal si tomas esas dos listas de enlaces y las metes dentro de tu footer en dos contenedores... uno para la que se alinea a la izquierda y el otra para las listas alineadas a la derecha, luego los posicionas cada uno definiendo un id en css con la propiead
Código HTML:
float:left

Etiquetas: enlaces, footer, linea
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 03:30.