Graficos para la cabecera Topic is solved

[davidleo01]

Hola estoy trabajando en mi la imagen de mi nueva sitio web que va estar en cms made simple  lo estoy probando en con easyphp
Tengo dificultades para desarrolla r la cabecera como yo quiero lo que hago es diseñar un grafico para la cabecera y  en el header configuro el grafico y el tamaño y color
/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
  height: 189px;    /* adjust according your image size */
  background: #ffffff;         
}

div#header h1 a {
/* you can set your own image here */
  background: #ffffff url(images/cms/logo1.jpg) no-repeat 0 12px;
  display: block;
  height: 189px;            /* adjust according your image size */
  text-indent: -999em;  /* this hides the text */
  text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

Lo que quiero hacer es una cabecera donde pueda poner gráficos para enlazar algunas paginas te adjunto la idea

[hexdj]

Con el CSS que tienes en tu mensaje lo que va a pasar es que el texto va a ser reemplazado por la imagen de fondo que tienes en #header h1 a

Por lo que tu HTML tendrá que ser algo asi:

Code: Select all

<div id="header">
     <h1><a href="#">Este texto ademas va a ser reemplazado por el banner</a></h1>
</div>

[davidleo01]

Hola en el grafico  que adjunto todo lo que dice enlaces son imagenes en separado que forman la cabecera
si fuera un solo grafico estarua bien solo cambio el path de la imagen

pero quiero no es un solo grafico
en la cabecera del sitio cms made simple ustedes tien un grafico a la izquierda y a la derecha tienen graficos con enlaces a los idiomas algo asi quiero
a la derecha un logo a la izquierda otros graficos con enlaces
gracias

[hexdj]

Entonces lo que necesitas hacer es usar

float:right;

para todos los enlaces que deseas a la derecha, tienes que especificar que son los que estan adentro de tu header

Por ejemplo digamos que tu menu es una lista desordenada

Code: Select all

<div id="header">
   <ul>
      <li><a href="#"><img src="imagen1" />enlace 1</a></li>
      <li><a href="#"><img src="imagen2" />enlace 2</a></li>
      <li><a href="#"><img src="imagen3" />enlace 3</a></li>
   </ul
</div>

tu css vendria a ser algo asi

Code: Select all

#header li {
   display:inline;
   float:right;
}

Claro está que lo deberas ajustar mas a tu gusto.