Desarrollo Web > Desarrollo Web

 Curso de Dise

(1/1)

Carlos:

--- Citar ---En este curso aprenderemos a dise
--- Fin de la cita ---

JuanJose98:
Amigo tengu Un Problema al hacer el header
la Hoja INDEX.html si esta conectada con la de estilos Mira aqui los codigos

<!DOCTYPE>
<html>
  <head><meta charset="UTF-8">
   <meta name="description" content="..."
   <meta name="keywords" content="chimeneas, tecate, construccion, baja, chimeneas">
   <link rel="stylesheet" type="text/css" href="css/estilos.css"/>
   <title>Baja Chimeneas
   </title>
</head>

   


<body>
   <header>
      <div id="subheader"
         <div id="logotipo><p><a href=">Baja Chimeneas</a></p></div>
   
         <nav>
            <ul>
               <li><a href="www.BajaChimeneas.com">Inicio</a></li>
               <li><a href="https://www.facebook.com/bajachimeneas">Facebook</a></li>
               <li><a href="www.BajaChimeneas.com/contacto">Contacto</a></li>


         </nav>
      </div>


Pero Al Momento de introducir los codigos en la Hoja De Estilos.Css y Actualizo La Pagina no se modifica aqui los codigos de la hoja de estilos

@import url('resete.css');
@import url('fuentes.css');

/*--- estilos generales ---*/

body{
   background: #2d2d2d;
   font-family: arial, helvetica, sans-serif;

}
a{
   text-decoration: none;
   color: #fff;

}
a:hover {text-decoration: underline}

#wrap{
   width:960px;
   margin: auto;
   clear: both;

}

/*--- Header ---*/

header{
   width: 100
   float:left;
   
background: rgb(58,47,47); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(58,47,47,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,47,47,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(58,47,47,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(58,47,47,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(58,47,47,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(58,47,47,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a2f2f', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
box-shadow: 0px 3px 5px #000;
}


#subheader {
   width: 960px
   margin:auto;
}

 #logotipo {
   float: left;
   width: 300px
   padding:10px 0px;

}

#logotipo a {
   font-family: sourcesans-ligth;
   font-size: 50px;
   color: #000;

}

/*menu*/

header #subheader nav{
   float: left;
   width: 660px;
   padding: 30px 0px;
   text-align: right;
}

header #subheader nav ul li {
   display: inline;
   font-family: sourcesans-ligth;

}
header #subheader nav ul li {
   color: #000
   font-size:18px;
   padding: 10px;
       border-radius: 2px;
       -moz-border-radius: 2px;
       -wwebkit-border-radius: 2px;
   }

header #subheader nav ul li a:hover; {
   color: #fff;
   background: 1798af;
   text-decoration: none;
            }

Carlos:
No sera que en esta linea de c

Navegación

[0] Índice de Mensajes

Ir a la versión completa