Imagen de fondo de Head y footer

[2bropy]

Buenas amigos soy totalmente nuevo en este foro y espero que me ayuden, soy mas o menos nuevo en dreamweaver photoshop flash etc etc.. manejo medianamente bien, mi pregunta es la siguiente, hay muchas paginas que veo como esta que tiene la cabecera con los "botones" o "links", con un fondo que se repite a lo largo de la pagina, eso como logro hacerlo en dreamweaver CS5?

eh leido que con CSS se logra, ahora mi pregunta, como lo hago? muchas gracias hasta pronto!

[2bropy]

Disculpen si no es el lugar correcto para realizar mi pregunta es que no se muy bien como utilizar aun la pagina espero que me comprendan desde ya muchas gracias

[pzin]

Bienvenido al foro 2bropy.

Supongo que ibas a enlazar algo y se te pasó el enlace.

Si la pregunta es repetir una imagen de fondo, puedes hacerlo así:

Código CSS:

body {
  background-image: url(imagen.png);
  background-repeat: repeat;
}
 

Pero como dices algo de botones y enlaces no sé si esto es lo que buscas.

Si no estás seguro de qué trata tu duda, este foro está bien. Si sabes que es sobre CSS, hay un subforo para ello.

[2bropy]

Gracias por tu rapida respuesta Bonez, en realidad me refiero mas o menos a esto (mirar imagen)

[2bropy]

[URL="https://plus.google.com/u/1/photos/104002349550536456523/albums/5853489735337300321/5853489740550051522?authkey=CPm38eCblK3ofQ"]https://plus.google.com/u/1/photos/104002349550536456523/albums/5853489735337300321/5853489740550051522?authkey=CPm38eCblK3ofQ[/URL] esta es la imagen

[pzin]

Eso concretamente es un elemento que ocupa el 100% del ancho con un color de fondo que es un degradado hecho con CSS3.

Si le das a inspeccionar elemento —o similar— en el navegador verás algo así:

Código CSS:

#content_head {
  color: #fff;
  height: 40px;
  background: #000;
  background: -webkit-gradient(linear,left top,left bottom,from(#2b2b2b),to(#000));
  background: -moz-linear-gradient(top,#2b2b2b,#000);
  background: -o-linear-gradient(top,#2b2b2b,#000);
  background: linear-gradient(top left,#2b2b2b,#000);
}
 

Como es un div, va a ocupar automáticamente todo el ancho, y luego sólo varios backgrounds —para WebKit, Firefox, Opera y según la especificación.

[2bropy]

ahh ya ya y eso como podria implementar dentro de una pagina web que estoy haciendo en html por ej?¿ mi idea es que ocupe todo ese espacio tanto como arriba y como el pie de pagina.. como lo insertaria en mi html??

[Mariano_Floyd]

Lo que pasa es que eso es css, le das a tu div una clase, por ejemplo

Código:

<div class="header">
</div>

y luego en css

Código:

.header{
  color: #fff;
  height: 40px;
  background: #000;
  background: -webkit-gradient(linear,left top,left bottom,from(#2b2b2b),to(#000));
  background: -moz-linear-gradient(top,#2b2b2b,#000);
  background: -o-linear-gradient(top,#2b2b2b,#000);
  background: linear-gradient(top left,#2b2b2b,#000);

}

[Carlangueitor]

Compañero debes leer de HTML y CSS, puedes empezar por estos libros: http://librosweb.es/

Saludos