Css Dreamweaver IE7

Citar

Escrito el 30 May 2007 02:37 pm

Hola queria saber si alguien sabe como hacer andar una Css con DreamW, he seguido el tuto de esta página pero a la hora de hacer la vista previa no consigo como harlo funcionar.
Agradezco la colaboración ya que me estoy iniciando en el desarrollo web y me hace falta para el trabajo!!!! :shock:

Por favor si me pueden mandar un ejemplito taría de 10!! :cool:

Por PabloCss

6 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 30 May 2007 05:50 pm

Que es lo que quieres acer??

Vincular css
colocalo entre las etiquetas <head> y </head> y para editarlo abres el css

Código :

<link rel="stylesheet" type="text/css" href="asdasd.css">

o en la misma pagina
colocalo entre las etiquetas <head> y </head> y editalas en la ficha CSS de Dreamweaver

Código :

<style type="text/css">
<!--
body {
background-color: #ffffff
}
.estilo1 {
}
.estilo2 {
}

-->
</style>

O que quieres hacer?

Por CramOne

12 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Ultima edición por CramOne el 06 Jun 2007 04:29 am, editado 1 vez

Mi casa

Citar

Escrito el 30 May 2007 06:00 pm

Bueno lo básico es lo que te ha dicho CramOne. Las css tienes que trabajarlas todo el tiempo viendo el código pero el dreamweaver tambien tiene un pequeño menú donde te muestra los predeterminados que le puedes colocar al css. Creas un nuevo css, y alli colocas

Código :

 .estilo1{<!--esto abre el código-->
width:100px ;<!--como ejemplo-->
height:100px;
background-image:url(imagenes/tuimagen.jpg);
}<!--esto lo cierra x3-->
<!--tambien puedes colocarlo asi-->
#estilootrahoja{
overflow:scroll;
} <!--entre otras cosas màs-->

Ahora me parece que el IE7 trabaja mejor con las css que el IE6. he tenido muchisimos problemas trabajando con ese y no lograba resolverlo. Te recomiendo que leas el tutorial de nuevo paso a paso para repasar. Yo aprendi a los golpes sin tutoriales porque me toco, pero cuando lo pongas en practica, vas a ver lo facil que es :3

Por onnasama

325 de clabLevel

1 tutorial

Envíale un mensaje privado

Citar

Escrito el 31 May 2007 12:12 pm

Hola muchas gracias por las respuestas: pero para que me entiendan mejor les voy a enviar un pequeño código de los dos archivos(Css y HTML) para que lo vean y me corrijan si es que existe algún error.
Un abrazo para todos!!!

Código :

///////código Css/////////
/* CSS Document */
* 
{
margin:0;
}    
body
{
text-align:center;
}
#encabezado
{ 
margin:0 auto 0 auto;
width: 790px;
height:220px;
background-image: url("Images/Cabecerapagina.png");
background-repeat:no-repeat;
}
#cuerpo
{
margin:0 auto 0 auto;
width:790px;
background-image: url("Images/Cuerpopagina.png");
background-repeat:repeat-y; /*Esto es para que se repita en forma vertical*/
}
#pie
{
margin:0 auto 0 auto;
width:790px;
height:115px;
background-image: url("Images/Piepagina.png");
background-repeat:no-repeat;
}

Código :

//////////código html/////////////
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pagina Estructural</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link   href="Estructura.css" rel="stylesheet" type="text/css" media="screen"/>
</head>
<body>
     
    <div id="encabezado"></div>
   <div id="cuerpo">
       <p id="cuerpo">Aqui pones toda la informaci&oacute;n que quieras </p>
       <p>kfkldks&ntilde;kdfk&ntilde;sdf</p>
       <p>kfldsfdkf&ntilde;</p>
       <p>   
      </p>
   </div>
   <div id="pie"></div>
</body>
</html>

BOFH Note: Para postear codigo, usa las etiquetas de codigo

Por PabloCss

6 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 31 May 2007 04:12 pm

Primero que nada pido disculpas copie un código que no corresponde, así que ahora va el código nuevamente revisado por mi y la verdad es que no le encuentro el error.
AYUDA, HELP, SOCORRO :shock:

BOFH - Código eliminado. Cuando vayas a poner código utiliza la etiqueta CODE.

Por PabloCss

6 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 31 May 2007 05:13 pm

¿Te refieres a que Dreamwever ignora por completo tu CSS o que no lo interpreta bien?
Si es lo segundo, es normal. La vista previa de Dreamwever no es lo mejor.
¿O quieres decir que IE7 no lo interpreta bien?

Por ryuz

350 de clabLevel

2 tutoriales

Envíale un mensaje privado Web

Citar

Escrito el 01 Jun 2007 11:37 am

Si amigo, asi es cuando hago F12 para ver la página no pasa "naranja", voy a mandar código para que lo revisen ayer lo mandé mal.
La verdad es que no se quien es el que me hace problemas si IE7 o DW.
Gracias a todos los que me dan una mano! Pablo

Código :

/* CSS Document */
* 
{
margin:0;
}    
body
{
text-align:center;
}
div#encabezado
{
   margin:0 auto 0 auto;
   width: 790px;
   height:220px;
   background-image: url("Images/Cabecerapagina.png");
   background-repeat:no-repeat;
   border-bottom-width: thin;
}
#cuerpo
{
margin:0 auto 0 auto;
width:790px;
background-image: url("Images/Cuerpopagina.png");
background-repeat:repeat-y; /*Esto es para que se repita en forma vertical*/
}
div#pie
{
margin:0 auto 0 auto;
width:790px;
height:115px;
background-image: url("Images/Piepagina.png");
background-repeat:no-repeat;
}

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pagina Estructural</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link   href="Estructura.css" rel="stylesheet" type="text/css" media="screen"/>
</head>
<body>
     
    <div id="encabezado"></div>
   <div class="cuerpo">
       <p>Aqui pones toda la informaci&oacute;n que quieras </p>
       <p>ALGO MAS</p>
       <p>UN POCO DE ALGO MAS</p>
       <p></p>
</div>
   <div id="pie"></div>
</body>
</html>

Por PabloCss

6 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Css Dreamweaver IE7

Escribe una respuesta rapida