CSS - colocar imagen

   
Vista:

colocar imagen

Publicado por alexis (1 intervención) el 02/06/2008 15:57:33
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>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder