Ver Mensaje Individual
  #5 (permalink)  
Antiguo 29/04/2009, 12:07
Avatar de soyelsapo
soyelsapo
 
Fecha de Ingreso: marzo-2008
Mensajes: 61
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Problemas de visualización

La aplicación:

El Css

Cita:
body{
color:#000000;
background-color: #333333;
background-image: url(../images/bg.gif);
background-repeat: repeat-x;
margin-top: 0px;
margin-bottom: 0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
}

img{
padding: 4px 0px 4px 0px;
}

img {border:0;}

a{
color:#35446b;
text-decoration: none;
}

a:hover{
color:#35446b;
}

li{
list-style:none;
}

li a{
font: 12px Arial, Verdana, Helvetica, sans-serif;
color: #010101;
}

li a:hover{
color: #4A8797;
}

#wrapper{
background:#FFFFFF;
width: 950px;
height: 100%;
text-aling: center;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#header{
width: 950px;
padding-top:20px;
text-align:center;
background-color: #FFFFFF;
}

#header_logo{
text-align:center;
margin:auto;
float:left;
}

#header_banner{
width:550px;
float:right;
text.align:center;
margin:auto;
}

#navbar{
background:#000000;
clear:both;
width:910px;
padding-left:40px;
height:6px;
text-align:center;
}

.pathway{
font:normal 11px Arial, Verdana, Helvetica, sans-serif;
color:#245aa6;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
}
.timedate {
font:normal 11px Arial, Verdana, Helvetica, sans-serif;
color:#245aa6;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 20px;
}
ul#mainlevel-nav{
padding:0px;
margin:0px;
float:left;
}

ul#mainlevel-nav li{
float:left;
padding:10px 40px 10px 0;
}

ul#mainlevel-nav li a{
font:bold 13px Arial, Verdana, Helvetica, sans-serif;
text-transform:uppercase;
color:#666666;
}

ul#mainlevel-nav li a:hover,#active_menu-nav{
color:#245aa6;
padding-top: 10px;
padding-bottom: 10px;
}

#container{
width:870px;
height:100%;
margin:10px 40px 10px 40px;
}

#leftcolumn{
background:#fafafa;
width:191px;
padding:2px;
float:left;
border:solid 1px #CCC;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 10px;
}

#contentCentral{
margin:0px 0px 5px 0px;
display:inline;
float:left;
text-align:center;
line-height:175%;
}

#users{
background:#245aa6;
text-align:left;
clear: both;
margin-top: 10px;
margin-right: 43px;
margin-left: 40px;
border:solid 1px #CCC;
background:#fafafa;
}


#content{
text-align:left;
float:left;
}

#rightcolumn{
background:#fafafa;
width:191px;
margin:0;
padding:2px;
float:right;
border:solid 1px #ccc;
}

#footer{
clear: both;
width: 867px;
padding-top:8px;
padding-bottom:8px;
font:normal 11px Arial, Verdana, Helvetica, sans-serif;
border:solid 1px #CCC;
background:#fafafa;
margin-top: 10px;
margin-right: 43px;
margin-left: 40px;
margin-bottom: 10px;

}

a.footer{
color:#A2A2A2;
text-decoration:underline;
}

.inputbox{
font: 11px Arial, Verdana, Helvetica, sans-serif;
border: solid 1px #C3C3C3;
padding:2px;
}

.button{
background: #E3E3E3;
font: 11px Arial, Verdana, Helvetica, sans-serif;
border: solid 1px #C3C3C3;
padding:2px;
}
.contentheading,.componentheading{
text-align:left;
font:bold 17px Arial, Verdana, Helvetica, sans-serif;
color:#000000;
padding-bottom: 10px;
text-transform:uppercase;
border:none;
}

.contentheading a{
color: #000000;
}

.contentheading a:hover{
color: #000000;
}

.contentpaneopen{
text-align:justify;
line-height: 150%;
}
.contentpaneopen li{
padding: 0 30px 0 10px;
list-style:none;
}

.contenttoc{
text-align:justify;
line-height: 150%;
}

.contenttoc li{
padding: 0 30px 0 10px;
list-style:none;
}

.contenttoc a{
font-weight: bold;
color: #504D59;
text-decoration: none;
}

.contenttoc a:hover{
font-weight: bold;
color: #9f9d36;
text-decoration: none;
}


.contentpane a{
line-height: 150%;
font-weight: bold;
font-size: 14px;
color: #504D59;
text-decoration: none;
}

.contentpane a:hover{
line-height: 150%;
font-weight: bold;
font-size:14px;
color: #9f9d36;
text-decoration: none;
}


a.category{
font:bold 12px Arial, Verdana, Helvetica, sans-serif;
color: #35446b;
text-decoration: none;
}

a.category:hover{
font:bold 12px Arial, Verdana, Helvetica, sans-serif;
color: #35446b;
text-decoration:underline;
}

tr.sectiontableentry1 td a,tr.sectiontableentry2 td a{
font:bold 12px Arial, Verdana, Helvetica, sans-serif;
color: #35446b;
text-decoration: none;
}


td.sectiontableentry1,td.sectiontableentry2{
text-align:left;
}


tr.sectiontableentry1 td a:hover,tr.sectiontableentry2 td a:hover{
font:bold 12px Arial, Verdana, Helvetica, sans-serif;
color: #35446b;
text-decoration:underline;
}

.pagenav_next, .pagenav_prev, .back_button a{
font-weight: bold;
color: #35446b;
text-decoration: none;
}

.pagenav_next, .pagenav_prev, .back_button a:hover{
font-weight: bold;
color: #35446b;
text-decoration:underline;
}

.pagenavbar a{
font-weight: bold;
color: #35446b;
text-decoration: none;
}

.pagenavbar a:hover{
font-weight: bold;
color: #35446b;
text-decoration:underline;
}


.createdate, .modifydate{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #C3C3C3;
}
.readon, .readon:hover{
color: #35446b;
text-decoration: underline;
}

.pagenav_next, .pagenav_next:hover{
color: #35446b;
text-decoration: underline;
}

.pagenav_prev, .pagenav_prev:hover{
color: #35446b;
text-decoration: underline;
}

.back_button, .back_button:hover{
color: #35446b;
text-decoration: underline;
}

.moduletable{
text-decoration:none;
color: #504D59;
font-size: 12px;
}

a.mainlevel{
display: block;
font-size: 12px;
font-weight: bold;
color: #666666;
text-align: left;
padding-top: 5px;
padding-left:10px;
height: 22px !important;
height: 27px;
width: 100%;
text-decoration: none;
vertical-align: middle;
}

a.mainlevel:hover{
text-decoration:underline;
background-image: url(../images/menu_hover_bg.gif);
}
a.mainlevel:active{
text-decoration:underline;
background-image: url(../images/menu_hover_bg.gif);
}

.moduletable, .moduletable_menu{
margin:0;
padding:0 0 20px 0;
line-height:175%;
}

.moduletable_menu td{
height:25px;
color: #4C4854;
padding-left:20px;
}

.latestnews ul{
text-align:left;
padding:0;
margin:0;
}

.moduletable h3, .moduletable_menu h3{
background:#245aa6;
font:bold 12px Arial, Verdana, Helvetica, sans-serif;
text-align:left;
text-transform:uppercase;
color:#fff;
margin-bottom:10px;
margin-top:0px;
padding: 7px 0px 7px 10px;;
}

.mosimage_caption{
font:normal 11px Arial, Verdana, Helvetica, sans-serif;
color:#999999;
}
#timedate {
float: right;
}
#main_image {
margin-top: -4px;
padding-top: -4px;
}