• Jueves 28 de Marzo de 2024, 10:06

Autor Tema:  Problema Con Imagen  (Leído 2153 veces)

alexis17

  • Miembro MUY activo
  • ***
  • Mensajes: 378
    • Ver Perfil
    • http://www.codigobasico.net
Problema Con Imagen
« en: Lunes 2 de Junio de 2008, 06:40 »
0
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>
Cada dia aprendo algo nuevo

wilbur-naike

  • Miembro activo
  • **
  • Mensajes: 33
  • Nacionalidad: pe
    • Ver Perfil
Re: Problema Con Imagen
« Respuesta #1 en: Lunes 2 de Junio de 2008, 16:58 »
0
si le agregas esto al header:
Código: Text
  1. background-attachment: fixed;
  2.  

 :hola:

alexis17

  • Miembro MUY activo
  • ***
  • Mensajes: 378
    • Ver Perfil
    • http://www.codigobasico.net
Re: Problema Con Imagen
« Respuesta #2 en: Martes 3 de Junio de 2008, 02:49 »
0
buenas noches que tal

que va no me funciona y con background-attachment ni siquiera me aparece la imagen
Cada dia aprendo algo nuevo

su -

  • Moderador
  • ******
  • Mensajes: 2349
    • Ver Perfil
Re: Problema Con Imagen
« Respuesta #3 en: Miércoles 4 de Junio de 2008, 22:28 »
0
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
*******PELIGRO LEE ESTO!!*******

There is no place like 127.0.0.1

Conecto luego existo, no conecto luego insisto.