Barra Pie Pagina en PHP (o html?)

Iniciado por IntoxicKat, 21 Diciembre 2009, 22:28 PM

0 Miembros y 1 Visitante están viendo este tema.

IntoxicKat

Hola amigos, que tal. Como estan?

Bueno, tengo una duda, que no he podido resolver en google.com.

Lo que quiero hacer es lo siguiente:

Tengo una sitio web y en la página de "index.php" al igual que en el resto de páginas, quiero crear una barra, tipo Pie de página, en la parte inferior (obvio).
Vean el ejemplo que dejo aca: De este sitio: http://www.w3schools.com/

Lo que yo hice antes fue crear una imagen de 28 x 120 px y con un for en php la repetí y si me sale la barra, pero tengo problemas a la hora de poner el texto que quiero que me aparezca sobre la imagen (lo hago con css pero no puedo calcular a que altura esta la barra para que el texto quede exáctamente sobre la barra. Ya que entre más o menos contenido la barra (pie de página) varía su altura, valor top.) (quiero poner texto como en el ejemplo que puse de w3schools.com). Además de que al momento de minimizar la ventana del explorador la barra no se queda fija, o sea no utiliza el mismo largo que cuando esta maximizada la ventana del explorador. Vean como se hace:
A comparación de w3schools.com:(que la barra se queda con el mismo largo y para verla completamente hago scroll.

En resumen. Lo que quiero hacer es una barra a partir de una pequeña imágen, pero que la barra que haga no se deforme al redimensionar a un tamaño menor la ventana del explorador. Y segundo, quiero poner texto sobre la barra hecha con la pequeña imagen.


Espero darme a entender, igual queuna respuesta detallada, bueno, si es que se puede.
Tampoco me quiero ver muy, "denme todo en las manos"

Muchas gracias por leer esto.

Saludos a todos!

Dosjota

mira.. buscando en mis archivos tenia esto.. no se si te sirva ... o si es lo que buscas...
;D

Código (html4strict) [Seleccionar]

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>barra</title>
<link type="text/css" rel="stylesheet" href="demo/taskbar.css">
</head>
<body>
<div id="taskbar">
<div id="container">
texto
</div>
</div>
</body>
</html>



Código (css) [Seleccionar]

/* CSS Documento */
body{
text-align:center;
}
#taskbar{
height:25px;
width:100%;
margin:auto;
position: fixed;
bottom: 0;
z-index: 99;
}
#taskbar #container{
background-color:#E5E5E5;
border:1px solid #B5B5B5;
display:block;
margin-left:15px;
margin-right:15px;
height:25px;
}