Foros del Web - Ver Mensaje Individual

Laika · #18 (**permalink**) 02/09/2009, 02:27

Aqui te dejo el codigo (todo el css) con las modificaciones realizadas. Yo también lo esoy probando con el IETester asi que genial par alos 2.

A ver si le evs aqui el fallo....:

Código:

@charset "utf-8";
body {margin:12px 0 0 0; padding:0px; font:normal 12px Arial, Helvetica, sans-serif; color:#454545;}

/*NORMALIZO*/

h1, h2, h3, h4, h5, p {margin:0px; padding:0px;}
ul {margin:0px; padding:0px; list-style:none;}
li {margin:0px; padding:0px;}
/*------------*/

.naranja { background:#fff7b5 url(f_naranja.gif) 0 0 repeat-x;}

#cabecera {width:995px; overflow:hidden; margin-bottom:10px;}

#footer { width:1001px; font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin-bottom:15px;}
#footer .firma {margin-top:15px; border-top:1px dotted #999; padding-top:15px; font:normal 10px Arial, Helvetica, sans-serif; color:#666}
#footer .firma a {color:#666;}
.cierre_izq {
	width:740px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#666;
	float: left;
	padding-bottom: 15px;
}
.cierre_izq a {color:#666;}
.cierre_der {
	width:259px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#666;
	float: left;
	padding-bottom: 15px;
}
.cierre_der a {color:#666;}

#navegacion {width:994px; overflow:hidden; text-align:right;}
.naranja #navegacion {background:url(f_nav_naranja.gif) left bottom repeat-x;}

/*--#navegacion ul {float:left; height:33px;}--*/
/*--#navegacion li {float:left; margin:0px 2px; text-align:center; display:block; font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; height:29px; line-height:31px;}--*/

#navegacion ul {float:left;}
#navegacion li {float:left; /*width:120px;*/ margin:0px 2px; text-align:center; /*display:block;*/ font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; /*height:29px;*/ /*line-height:31px;*/ border: 1px solid #000; /*background:url(pest_color.gif) no-repeat;*/ list-style-type: none;}

/*.naranja #navegacion li {background:url(pest_naranja2.gif) 0 0 no-repeat;} */

/*--#navegacion li a {
	width:120px; 
	background:url(pest_off.gif) 0 0 no-repeat;
	text-align:center;
	display:block;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#9D4A00;
	text-decoration:none;
	height:29px;
	line-height:31px;
} --*/

/*--#navegacion li a:hover {
	color:#000;
	}--*/    
	
#navegacion li a {

    background: #cdcdcd url(pest_off.gif) 0 0 no-repeat;
    text-align:center;
    display:block;
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#9D4A00;
    text-decoration:none;
    height:29px;
    width: 120px;
    line-height:31px;
}

#navegacion li a:hover {

    color:#000;
	
    }	


   /*--#navegacion li a.navegacion_corto2 {
	float:left;
	width:78px !important;
	text-align:center;
	display:block;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#9D4A00;
	background:url(pest_off_corta2.gif) 0 0 no-repeat;
	text-align:center;
	text-decoration:none;
	height:29px;
	line-height:31px;
	margin-left: 0px; 
	margin-right: 0px;
      } --*/
	  
/*--#navegacion li a:hover.navegacion_corto2 {
          color:#000;
          }__*/

#navegacion li a.navegacion_corto2 {

	float:left;
    width:78px;
    text-align:center;
    display:block;
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#9D4A00;
    background:red url(pest_off_corta2.gif) 0 0 no-repeat;
    text-align:center;
    text-decoration:none;
    height:29px;
    line-height:31px;
    margin-left: 0px;
    margin-right: 0px;
      }
     
#navegacion li a:hover.navegacion_corto2 {

          color:#000;
          }

/*////////////// Esto es para los enlaces activos del menu superior //////////////*/

.navegacion-naranja {		
/*background:url(pest_naranja2.gif) 0 0 no-repeat !important;*/
color:#FFF !important;
}
/*/////////////////////////////////*/

#subnav {width:1001px; height:30px;}
.naranja #subnav {background:url(f_sub_naranja2.gif) 0 0 no-repeat;}

#subnav ul {margin:0px 4px;}
.naranja #subnav ul {background:url(f_ul_naranja2.gif) 0 0 repeat-x; }

#subnav li {
	display:inline;
	line-height:30px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#146600;
}
#subnav li a {
	text-decoration:none;
	color:#000;
	line-height:30px;	
}
#subnav li a:hover {
	text-decoration:none;
	color:#146600;
}

#subnav .tuberia { margin:25px 35px;}

#cuerpo {width:1001px; overflow:hidden;}
.naranja #cuerpo {background:url(f_cuerpo_naranja.gif) 0 0 repeat-y;}

.cierrecuerpo {width:1001px; height:15px;}
.naranja .cierrecuerpo {background:url(cierre_naranja.gif) 0 0 no-repeat;}

.cierrefoto {background:#F7F9FD url(sombra_foton.gif) 0 0 repeat-x; margin:0px 4px; height:15px;}
.cierrefotohome {background:#F7F9FD url(sombra_foton2.gif) 0 0 repeat-x; margin:0px 4px; height:15px;}

.derecha {
	float:left;
	width:220px;
	margin-left:26px;
	text-align:center;
	padding-top: 10px;
	margin-bottom: 5px;
}
.derecha h2 {
	font:normal 18px Georgia;
	color:#BA5E0A;
	border-bottom: 1px dotted #CEAD7B;
	margin-bottom:5px;
}
.derecha ul { margin-bottom:20px;}
.derecha li { font:normal 11px Tahoma; color:#777; padding-left:7px; margin-bottom:4px; background:url(square2.gif) 0 7px no-repeat;}
.derecha li a {color:#777; text-decoration:none;}
.derecha li a:hover {color:#555; text-decoration:underline;}


.limpia { clear:both;}

#home_izq {
	float:left;
	text-align:justify; /*overflow:hidden;*/
	padding-bottom: 0px;
	padding-left: 10px;
	width: 430px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;

}

#home_der {float:right;width: 243px;}
.home_der ul { margin:0px 0px;}
.home_der li {
	display:inline;
}
.home_der li a { color:#B56E00; text-decoration:underline;}

#titulo_home_der {
	color:#B56E00
	font-size: 12px;
	text-align: center;
	margin-bottom: 20px;
	background-image: url(fondo_titulo_home.gif);
	height: 44px;
	width: 234px;
	margin-left: 9px;
	vertical-align: middle;
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	margin-top: 25px;
}
.titulo_home_der {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 11x;
	padding-top: 12px;
}

.subtitulos_home_der {
	font-family: Arial, Gadget, sans-serif;
	color: #B56E00;
	font-size: 11px;
}
.texto_cursiva {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: italic;
}


/* Rectangulo de solicitud de prespuestos */

#titulo_solicitud_prespuestos {
	color:#B56E00;
	text-align: center;
	margin-bottom: 20px;
	background-image: url(solicitud-prespuestos.gif);
	height: 70px;
	width: 223px;
	margin-left: 9px;
	vertical-align: middle;
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	margin-top: 25px;
}
.titulo_home_der {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 11x;
	padding-top: 12px;
}

.subtitulos_home_der {
	font-family: Arial, Gadget, sans-serif;
	color: #B56E00;
	font-size: 11px;
}

/* ---------------------------------------------------------- */
#menu3 {
	width:698px;
	height:40px;
	text-align: center;
	background-image: url(borde-menu3.gif);
	background-repeat: repeat-x;
	margin-top: 20px;
}

#menu3 li {
	display:inline;
	line-height:30px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#515151;
}
#menu3 li a {
	text-decoration:none;
	color:#060;
	line-height:30px;
	
}
#menu3 li a:hover {
	text-decoration:none;
	color:#000A64;
}
#menu3 .tuberia { margin:25px 16px;}

.flecha {
	position: relative;
	top: -5px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #454545 !important;

Este sería el del menu en html:

Código:

      <div id="navegacion">
        <ul>
    <li><a href="link1.php">Link1</a></li>
    <li><a href="link2.php">Link2</a></li>
    <li><a href="link3.php">Link3</a></li>
    <li><a class="navegacion_corto2" href="link4.php">Link4</a></li>
    <li><a class="navegacion_corto2" href="link5.php">Link5</a></li>
    <li><a class="navegacion_corto2" href="link6.php">Link6</a></li>    
    </ul>

      </div>