Esta es mi pagina:
(la cuelgo asi xk no me deja colgar links....)
http : // citmprojectes. upc. es:8080/jaumemc / Web_DO_Alella/ (sin espacios
y el css:
Código:
img{
filter: alpha(opacity=90);
opacity: .9;
}
a {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
color:#000000;
font-size:13px;
}
a:hover {
text-decoration:underline;
}
h1{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
font-size:24px;
}
h2{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
font-size:18px;
text-decoration:underline;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#000000;
float:left;
text-align:center;
}
h4{
border-width:thin;
border-style:dotted;
background-color:#FFFF66;
font-size:14px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
margin-top:10px;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#FFF;
float:left;
}
.negrita { font-weight:bold; }
body {
background-color:#FFF;
}
#contenedor {
font-family:Arial, Helvetica, sans-serif;
background-image:url(img/web_DOA_background.jpg);
width: 800px;
height:600px;
}
#cabecera {
width:100%;
height:6.85em;
margin-bottom:1.3em;
}
html>body #cabecera_Logo {
width:8.9em;
height:6.85em;
float:left;
background-image:url(img/WebDOA_logo.png);
}
#cabecera_Logo {
width:8.9em;
height:6.85em;
background-image:url(img/WebDOA_logo.png);
float:left;
margin-top:0.7em;
margin-left:0.5em;
}
html>body #cabecera_Titol {
width:25.6em;
height:6.85em;
background-image:url(img/WebDOA_titol.png);
float:left;
}
#cabecera_Titol {
width:25.6em;
height:6.85em;
background:url(img/WebDOA_titol.png);
float:left;
}
/*---------------------------------------------*/
#menu_Principal{
width:77%;
float:left;
height:4.50em;
}
#menu {
font-size: 0.7em;
width: 100%;
position: relative;
float:left;
}
#menu ul { list-style-type: none;}
#menu ul li.nivel1 {
float: left;
width: 20%;
}
#menu ul li { float: left;}
#menu ul li a {display: block;
text-decoration: none;
color:#000;
background-color: #a20000;
border-top: solid 1px #a20000;
border-bottom: solid 1px #a20000;
padding: 0px;
position: relative;
height:36px;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color:#000;
color: #a20000;
position: relative;
}
#menu ul li a.nivel1 {display: block!important;display: none;
}
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;width: 458px;border: solid 1px #a20000;border-top: none;background-color: #a20000; left:6em;
}
#menu ul li ul li a {width: 100%;
border: none;
background-color: #a20000;
padding:0px 2px 0px 2px;
left:1.5em;
}
#menu ul li ul li a:hover {
position: relative;
text-decoration: underline;
border-bottom: none;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
ul.uno {left: 40px;}
ul.dos {left: 40px;}
ul.cuatro {left: 40px;}
/*----------------------------------------*/
#contenido {
width:44em;
background-color:#FFFFFF;
opacity: .83;
height:22em;
position:relative;
top:6em;
}
#contenido .opaco{
filter: alpha(opacity=70);
}
#contenido .text{
width:65%;
height:100%;
float:left;
position:relative;
top:-72px;
overflow:scroll;
display:inline;
}
#contenido .foto{
width:35%;
height:100%;
float:left;
position:relative;
top:-72px;
overflow:scroll;
filter: alpha(opacity=100);
opacity: 1;
}
#contenido .text .DOA_guia{
display:block;
float:left;
border-bottom:1px #000 solid;
border-right:1px #000 solid;
padding-right:0.2em;
}
#contenido .text .insertar{
float:right;
border-bottom:1px #000 solid;
border-left:1px #000 solid;
padding-left:0.2em;
padding-right:0.2em;
}
#contenido .tornar{
float:right;
border-bottom:1px #000 solid;
border-left:1px #000 solid;
padding-left:0.2em;
padding-right:0.2em;
}
#contenido .DOA_guia1{
float:left;
border-bottom:1px #000 solid;
border-right:1px #000 solid;
padding-right:0.2em;
}
#contenido .formulari{
display:block;
}
#contenido .text1{
width:100%;
height:100%;
float:left;
position:relative;
top:-72px;
overflow:scroll;
display:inline;
}
#contenido .barrasuperior{
position:relative;
top:-4.5em;
float:left;
width:100%;
}
#contenido .barrainferior{
position:relative;
top:-3em;
float:left;
width:100%;
}
/*---------------------------------------------------*/
#credits{
width:50em;
height:1.25em;
position:relative;
top:1.5em;
}
#credits .credits2 {
border-right:double;
border-right-color:#333333;
padding-right:0.5em;
}
#credits .mapaweb {
border-right:double;
border-right-color:#333333;
padding:0em 0.5em 0em 0.5em;
}
/*GESTOR-------------------------------------------------------------*/
#contenido .login{
position:relative;
top:7em;
filter: alpha(opacity=100);
opacity: 1;
}
#contenido .menuGestor{
float:left;
position:relative;
left:5em;
}
#contenido .text2{
width:100%;
height:100%;
float:left;
position:relative;
top:-72px;
overflow:scroll;
display:block;
}
#contenido .text3{
width:100%;
height:100%;
float:left;
position:relative;
top:50px;
display:block;
}
#contenido .text2 .DOA_guia{
display:block;
float:left;
border-bottom:1px #000 solid;
border-right:1px #000 solid;
padding-right:0.2em;
}
#contenido .text2 .insertar{
float:right;
border-bottom:1px #000 solid;
border-left:1px #000 solid;
padding-left:0.2em;
padding-right:0.2em;
}
#contenido .barrainferior .percentatge{
height: 3em;
}
#contenido .text2 .barrainferior2{
position:relative;
float:left;
width:100%;
}
/* ---------------------PART PUBLICA-------------------------*/
#contenido .text .publica .titol{
display:block;
float:left;
font-weight:bold;
padding-left:0.2em;
text-align:justify;
}
#contenido .text .publica .textContingut{
display:block;
float:left;
text-align:justify;
padding:0 0.5em 0 0.5em;
}
#contenido .text .publica{
display:block;
float:left;
position:relative;
}
#contenido .fotoPublica{
width:35%;
height:100%;
float:left;
position:relative;
top:-72px;
filter: alpha(opacity=100);
opacity: 1;
overflow:hidden;
}
#contenido .fotoPublica .imagen{
padding-top:1em;
padding-bottom:0.3em;
}
#contenido .text .publica2{
display:block;
float:left;
padding-left:8em;
}
