Problema: Pie de Página

Estaba probando cosas, y se me ocurrió hacer como una especie de Copyright al pie de la página, con un link que enlace un mail.
Pero no sé por qué motivo, la parte del link, me aparece un renglón abajo, aunque lo tenga escrito todo junto.

Acá dejo la página de ejemplo, y los códigos html, y css.

http://pagej.onlinewebshop.net/plantilla.html


html:

<div id="pie">

Copyright © 2009 - [correo eliminado]</p></div>

css:

#pie {background-color: white ; border-right: black 1px solid ; border-left: black 1px solid ; height: 20px}
#pie p {float: right ; margin-right: 5px ; font-size: 10px}
#pie a {color: blue ; text-decoration:none ; display: block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:red ; text-decoration:underline}
#pie a:active {color:blue}

Gracias.

TitoBerger escribió:Estaba probando cosas, y se me ocurrió hacer como una especie de Copyright al pie de la página, con un link que enlace un mail.
Pero no sé por qué motivo, la parte del link, me aparece un renglón abajo, aunque lo tenga escrito todo junto.

Acá dejo la página de ejemplo, y los códigos html, y css.

http://pagej.onlinewebshop.net/plantilla.html


html:

div id="pie">

Copyright © 2009 - [correo eliminado]</p></div>

css:

#pie {background-color: white ; border-right: black 1px solid ; border-left: black 1px solid ; height: 20px}
#pie p {float: right ; margin-right: 5px ; font-size: 10px}
#pie a {color: blue ; text-decoration:none ; display: block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:red ; text-decoration:underline}
#pie a:active {color:blue}

Gracias.

Hola:
Porque usted le está diciendo a los enlaces del pie, que sean un display:block
si le cambia para que diga display:inline, entonces el enlace se pondrá al lado de la frase en el mismo renglón

#pie a {color: blue ; text-decoration:none ; display:inline}

Saludos

Hola.....


Bueno colega

Como puedo apreciar los codigo estan 'exato' pero solo tienes que cerrar el codigo del Html, del pie osea este div id="pie">

Copyright © 2009 - [correo eliminado]</p></div> bueno, solo le falta colocar el mayor que < para que el codigo sa arregle ok osea queda asi :
<div id="pie">

Copyright © 2009 - [correo eliminado]</p></div>

El codigo css esta bien bueno, en ese no tienes nada que arreglar ok ...

Espero te sirve Salud...

Perdón, me equivoqué yo cuando hice copiar pegar. El "<" sí está puesto. Sólo lo copié mal acá.

Cuando le saco el link, se lee todo de corrido como tiene que ser, el problema es cuando le pongo el link.

TitoBerger escribió:Perdón, me equivoqué yo cuando hice copiar pegar. El "<" sí está puesto. Sólo lo copié mal acá.

Cuando le saco el link, se lee todo de corrido como tiene que ser, el problema es cuando le pongo el link.

Si al ponerle al pie que tenga un display:inline y no le resulta, puede probar haciéndolo en el grupo de las aes también

Debe saber que cuando uno escribe un párrafo y lo cierra y luego comienza otro párrafo este otro párrafo comienza una línea más abajo.

Los enlaces que uno ponga en la página se comportan de la misma manera, si usted escribe un párrafo y luego en lo que está escribiéndo pone un enlace, este enlace se pondrá debajo de lo que ha escrito anteriormente como su fuese otro párrafo
por eso se utiliza el display:inline, para que ese enlace se ponga en la misma línea de lo que tiene escrito, también pude onerle a ese grupo de aes un display:normal , usted debe ver cual es el que se acomoda mejor

a{color:blue;text-decoration:none;display:inline;}
a:link{}
a:visited{}
a:hover{color:red;text-decoration:underline;background-color:none;}
a:active{color:black;}

Saludos

Listo, muchas gracias por resolver mi problema.