Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Ayuda con Footer con links (http://www.forosdelweb.com/f53/ayuda-con-footer-con-links-601886/)

macastro80 01/07/2008 18:29

Ayuda con Footer con links
 
Hola!! Tengo una pagina html a la cual le agrego cada vez más subpaginas!! no se bien cuantas seran en total!!!
En fin, la pagin alelva un footer debajo con un resumen de todas las subpaginas con sus respectivos links y queria hacer un css para poner esta info y no etar agregano pagina por pagina cada vez que agrego un link...en definitiva justamente para eso es css!!!
El punto es que no se como hacerlo! :'(
Podran asesorarme??? Yo empece asi: en un css puse esto:

<div id="footer">
margin: 0px;
padding: 0px;
}
#font:
color: #FFFFFF;
text-decoration: none;
}

<ul>
<li><a href="index.htm">Home</a></li>
<li><a href="servicioss.htm">Servicioss</a></li>
<li><a href="portfolio.htm">Portfolio</a></li>
<li><a href="contacto.htm">Contacto</a></li>
</ul>
</div>


voy bien?????
Gracias

macastro80 01/07/2008 19:01

Respuesta: Ayuda con Footer con links
 
el resultado "final" es algo asi

.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-color: #111111;
font-style: normal;
background-repeat: repeat;

margin: 0px;
padding: 0px;

<ul>
<li><a href="">•Pedir copias</a></li>
<li><a href="filmaciones.htm">• Filmaciones</a></li>
<li><a href="fotoregalos.htm">• Foto-regalosPortfolio</a></li>
<li><a href="nuestrosequipos.htm">• Nuestros equipos</a></li>
<li><a href="fotos">• Ver fotos</a></li>
<li><a href="fotografiaeventos.htm">• Fotografía de eventos</a></li>
<li><a href="bautismos.htm">• Bautismos</a></li>
<li><a href="cumpleanios.htm">• Cumplea&ntilde;os </a></li>
<li><a href="quinceanios.htm">• 15 a&ntilde;os</a></li>
<li><a href="casamientos.htm">• Casamientos</a></li>
<li><a href="bautismos.htm.htm">• Bautismos</a></li>
</ul>
</div>
}

El punto es que poniendo en el html
<div id="footer > </div>
en el lugar que quiero que vaya...no pasa nada!!! Como lo inserto???

DragonX 01/07/2008 19:20

Respuesta: Ayuda con Footer con links
 
En tu hoja de estilos o dentro del html PERO NO EN CUALQUIER PARTE, SINO DENTRO DE LOS TAGS <HEAD></HEAD> pones esto:

Código HTML:

.footer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-color: #111111;
  font-style: normal;
  background-repeat: repeat;
  margin: 0px;
  padding: 0px;
}

y en tu HTML esto:

Código HTML:

<ul class="footer">
<li><a href="">•Pedir copias</a></li>
<li><a href="filmaciones.htm">• Filmaciones</a></li>
<li><a href="fotoregalos.htm">• Foto-regalosPortfolio</a></li>
<li><a href="nuestrosequipos.htm">• Nuestros equipos</a></li>
<li><a href="fotos">• Ver fotos</a></li>
<li><a href="fotografiaeventos.htm">• Fotografía de eventos</a></li>
<li><a href="bautismos.htm">• Bautismos</a></li>
<li><a href="cumpleanios.htm">• Cumplea&ntilde;os </a></li>
<li><a href="quinceanios.htm">• 15 a&ntilde;os</a></li>
<li><a href="casamientos.htm">• Casamientos</a></li>
<li><a href="bautismos.htm.htm">• Bautismos</a></li>
</ul>

para empezar esa es la sintaxis, ahora no se que quieras hacer con esto :adios:

macastro80 01/07/2008 20:55

Respuesta: Ayuda con Footer con links
 
MUCHAS GRAAACIAS!!!!:corazon:
Es la primera vez que alguien responde una duda en el foro!!! (sera porque siempre son tontas!!jejeej)
En realidad la idea es relacionarlo con un documento style.css para no tener que modificar cada subsitio cada vez que agrego un link... tener que modificar solo el style.css ¿eso se puede???
Si yo pongo todo eso en la hoja..como lo relaciono con el hmtl????

pavelinhos 01/07/2008 22:28

Respuesta: Ayuda con Footer con links
 
para llamar un archivo css en tu HTML tendrias q llamarlo dentro de la etiqueda Head, mas o menos de esta manera:
Código HTML:

<head>
        <title>titulo</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
</head>

Salu2


La zona horaria es GMT -6. Ahora son las 19:55.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.