SoloCodigo

Programación Web y Scripting => HTML => CSS / SASS / LESS => Mensaje iniciado por: alexis17 en Lunes 2 de Junio de 2008, 06:40

Título: Problema Con Imagen
Publicado por: alexis17 en Lunes 2 de Junio de 2008, 06:40
buenas noches que tal,
estoy intentando hacer un header con css, la idea es colocarle una imagen pero que no sea imagen de fondo para que puedan escribir sobre ella


la idea es colocar una imagen como si la colocara normal

el problema que estoy teniendo es estoy usando una resolucion de pantalla de 1024 por 768 asi se ve bien la imagen que le puse en el header pero si selecciono el boton de maximisar otra ves para achicar la pantalla y me voy con el scrol de abajo me aparece la imagen del header cortada

y si coloco la resolucion 600 por 800 tambien me aparece cortada

en mi css tengo esto


body {
   background-color:#000000;
    margin:0;
     font-size:8pt;
      font-family : verdana,arial;
   
}

p{
font-size:9pt;
font-family:verdana,arial;
font-weight : normal;
color: #3366CC;
}


h1 {
border:1px solid #F00; /*border: ancho tipo color;*/
}



H11  {
 font-size : 36pt;
 font-family : verdana,arial;
 text-decoration : underline;
 text-align : center;
 background-color : Teal;
}

TD  {
 font-size :9pt;
 font-family : verdana,arial;
  text-align : center;
  #000000
 
}

Th  {
 font-size :9pt;
 font-family : verdana,arial;
  text-align : center;

}

div {

   margin: 0;

   padding: 0;

}


#header{
   height:162px;
   
   background :url(Images/header.gif) no-repeat top left;
   
   margin: 0px 0px 0px 0px;

   padding: 0;
   
}

 y en la pagina que quiero colocar el header tengo esto

<html>
<head>

<link rel="STYLESHEET" type="text/css" href="ejemplo.css">

<body>

<div id="header">
                       
            </div>

</body>
</html>
Título: Re: Problema Con Imagen
Publicado por: wilbur-naike en Lunes 2 de Junio de 2008, 16:58
si le agregas esto al header:
Código: Text
  1. background-attachment: fixed;
  2.  

 :hola:
Título: Re: Problema Con Imagen
Publicado por: alexis17 en Martes 3 de Junio de 2008, 02:49
buenas noches que tal

que va no me funciona y con background-attachment ni siquiera me aparece la imagen
Título: Re: Problema Con Imagen
Publicado por: su - en Miércoles 4 de Junio de 2008, 22:28
Para usar imagenes como backgrounds usa:
Código: Text
  1. background-image: url('back.jpg')
  2.  
Mira el ejemplo:
http://www.w3schools.com/css/tryit.asp?fil...ackground-image (http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image)