Alinerar enlaces dentro de misma linea en el Footer

Top

3.0
Antiguedad: Ene 2009
Mensajes: 32
offline
Agradecimientos:12

Publicado hace 2 años
#

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.

< 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=&depth=1&sort_column=menu_order&exclude=".$exclude; wp_list_pages($my_pages); ? >

< ?php wp_footer(); //we need this for plugins ? >
< /div >< !--end #footer-- >

Style.

#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.

PS:No puedo daros el link de la pagina web porque todavia no esta online.
Pedro Raul

5.0
Antiguedad: Ene 2010
Mensajes: 812
offline
Agradecimientos:62

Publicado hace 2 años
#

añade al li

float:left

luego de la capa que contiene a la lista . añade un div para limpiar el float. (clear: both).

Wordpresslatino.net: ¡Se Brinda ayuda gratis para tu wordpress! -->- CLICK EN MI NICK
¡quieres que lo HAGA por ti! ---> CLICK EN MI NICK
Top

3.0
Antiguedad: Ene 2009
Mensajes: 32
offline
Agradecimientos:12

Publicado hace 2 años
#

gracias Predro, pero me podrias decir el lugar exacto donde poner ambos codigos??, algo no hago bien....
Pedro Raul

5.0
Antiguedad: Ene 2010
Mensajes: 812
offline
Agradecimientos:62

Publicado hace 2 años
#

en la la lista. Li

Wordpresslatino.net: ¡Se Brinda ayuda gratis para tu wordpress! -->- CLICK EN MI NICK
¡quieres que lo HAGA por ti! ---> CLICK EN MI NICK
Top

3.0
Antiguedad: Ene 2009
Mensajes: 32
offline
Agradecimientos:12

Publicado hace 2 años
#

gracias pedro. me ha costado un poco dar con ello pero todo solucionado.

Responder

Debes Identificarte para publicar.

Foro WordPress Ayuda entre usuarios

Themes y Diseño

Alinerar enlaces dentro de misma linea en el Footer (5 mensajes)

Acerca de este hilo

Tags

Responder