Ayuda con Footer con links

macastro80 · #1 (**permalink**) 01/07/2008, 18:29

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 · #2 (**permalink**) 01/07/2008, 19:01

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ños </a></li>
<li><a href="quinceanios.htm">• 15 añ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 · #3 (**permalink**) 01/07/2008, 19:20

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

macastro80 · #4 (**permalink**) 01/07/2008, 20:55

MUCHAS GRAAACIAS!!!!

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 · #5 (**permalink**) 01/07/2008, 22:28

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