Tengo una pagina montada en Joomla 1.5, el problema que tengo es que en un banner me aparece alrededor el color azul de vinculo (imagen adjunta)
Me dicen que debo modificar el archivo .css
y adicionar para el objeto a no border no adorno
a {
text-decoration: none;
border: 0px
}
PERO NO HE PODIDO HACERLO!! ESTE ES EL CODIGO, DONDE LO ADICIONO?
/* Default Joomla! Menu */
#left ul.menu {
margin: 0;
padding: 1px 0 0;
list-style: none;
}
#left ul.menu li {
padding : 0px 0px 15px 0px;
width: 147px;
height: 30px;
}
#left ul.menu li a {
display: block;
color: #333333;
text-decoration: none;
outline: none;
}
#left ul.menu li a span {
padding-left: 10px;
}
#left ul.menu li a:hover,
#left ul.menu li a:active,
#left ul.menu li a:focus {
color: #E2E6E9;
background: url(../images/menuoverl.jpg) repeat-y;
font-weight: none;
text-decoration: none;
padding : 0px 0px 5px 0px;
}
#left ul.menu li.active a {
color: #E2E6E9;
background: url(../images/menuoverl.jpg) repeat-y;
font-weight: none;
text-decoration: none;
padding : 0px 0px 5px 0px;
}
#left ul.menu li.active a span {
}
#left ul.menu li li a span {
background: none;
}
#left ul.menu li ul {
margin: 0;
padding: 0;
list-style: none;
}
#left ul.menu li li {
padding: 0 0 0 15px !important;
list-style: none;
}
#left ul.menu li li a {
color: #333333;
background: none !important;
font-weight: normal;
}
#left ul.menu li li a:hover,
#left ul.menu li li a:active,
#left ul.menu li li a:focus {
}
#left ul.menu li li a span {
font-weight: normal;
}
/* Inicia NAV */
ul.menu{
list-style:none;
padding:0;
}
#left ul.menu li, #nav ul.menu, #nav ul.menu li{
margin:0;
padding:0;
}
#nav ul.menu a, #nav ul.menu li#current a{
color:#fff;
font-weight:bold;
display:block;
text-decoration:none;
}
#nav ul.menu a:hover{
color:#FFFFFF;
background:#2E4560;
display:block;
}
#nav ul.menu li#current a{
color:#2E4560;
background:#FFFFFF;
display:block;
margin:0 0 0 7px;
}
#nav ul.menu ul a:hover, #nav ul.menu ul li#current a{
color:#FFFFFF;
background:#2E4560;
}
#nav{
margin-top:-6px;
vertical-align:middle;
text-align: center;
z-index:100;
}
#nav ul.menu a{
vertical-align:middle;
padding : 10px 17px 8px 18px;
font-weight : bold;
display:block;
background:#aec0e8;
text-decoration : none;
}
#nav ul.menu a:hover, #nav ul.menu li#current a{
vertical-align:middle;
padding : 10px 17px 8px 18px;
display:block;
}
#nav ul.menu li{
float:left;
padding:0;
background:none;
padding : 0px 0px 0px 5px;
}
#nav ul.menu ul{
position:absolute;
font-weight:400;
}
#nav ul.menu li ul a, #nav ul.menu ul li#current a{
color:#fff;
}
#nav ul.menu li ul a:hover{
color:#fff;
}
#nav ul.menu li:hover ul ul,#nav ul.menu li:hover ul ul ul, #nav ul.menu li.sfhover ul ul, #nav ul.menu li.sfhover ul ul ul{
}
#nav ul.menu li:hover ul,#nav ul.menu li li:hover ul,#nav ul.menu li li li:hover ul,#nav ul.menu li.sfhover ul,#nav ul.menu li li.sfhover ul,#nav ul.menu li li li.sfhover ul{
}
#nav ul.menu li li:hover,#nav ul.menu li li.sfhover{
background-color:#0a7099;
}
/* Center Menu*/
#center ul.menu {
margin: 0;
padding: 1px 0 0;
list-style: none;
text-align:right;
}
#center ul.menu li {
margin: 0 !important;
padding: 0 ;
background: none !important;
}
#center ul.menu li a {
padding: 2px 0;
display: block;
color: #E2E6E9;
text-decoration: none;
outline: none;
padding : 10px 5px 10px 10px;
}
#center ul.menu li a span {
/*border-top: medium solid #ff0000;*/
padding-left: 0px;
padding-right: 5px;
width: 110px;
height: 27px;
text-align: left;
}
#center ul.menu li a:hover,
#center ul.menu li a:active,
#center ul.menu li a:focus {
color: #E2E6E9;
padding : 10px 5px 10px 10px;
background: url(../images/menucenterhover.jpg) no-repeat;
font-weight: none;
text-decoration: none;
}
#center ul.menu li.active a {
color: #E2E6E9;
padding : 10px 5px 10px 10px;
background: url(../images/menucenterhover.jpg) no-repeat;
font-weight: none;
text-decoration: none;
}
#center ul.menu li.active a span {
}
#center ul.menu li li a span {
background: none;
}
#center ul.menu li ul {
margin: 0;
padding: 0;
list-style: none;
}
#center ul.menu li li {
padding: 0 0 0 15px !important;
list-style: none;
}
#center ul.menu li li a {
color: #333333;
background: none !important;
font-weight: normal;
}
#center ul.menu li li a:hover,
#center ul.menu li li a:active,
#center ul.menu li li a:focus {
}
#center ul.menu li li a span {
font-weight: normal;
}