Diseño y Posicionamiento Web con Joomla › Foros › General › Joomla en General › problema con html › Re: problema con html
pues aun no lo he arreglado pero creo que por ahi van los tiros en el archivo template.css si que hay !important de hecho hay bastantes lo que no se es que hay que hacer si quitarlos
o cambiarlo por otros y cual es el que hay que modificar o quitar
/* Basic elements */
body { line-height:1.8; min-height:100%; background: #000; color: #555; }
body > #bg { background: transparent url(‘../images/main_bg.jpg’) repeat 0 0; }
a { color: #bc3726; text-decoration: none }
a:hover,
a:active,
a:focus { color: #222; }
h1, h2, h3, h4, h5 { font-weight: normal }
h1 { font-size:360%; }
h2 { font-size:320%; }
h3 { font-size:135%; }
h4 { font-size:110%; }
h5 { font-size:100%; }
ul { list-style:none; }
ul li { line-height:1.9; }
p { margin: 0.5em 0 }
/* top */
#gkTop { padding-bottom: 10px; margin-bottom: 8px!important; }
#gkTopShadow { background: #000 url(‘../images/top_gradient.png’) repeat-x 0 top; }
#gkTopWrap { background: transparent url(‘../images/top_bg.jpg’) no-repeat center 0; }
#gkTop a { color: #fff; }
#gkTop a:hover,
#gkTop a:active,
#gkTop a:focus { color: #bc3726; }
#gkTopInterface { overflow: hidden; }
/* userarea */
#gkButtons { background: transparent url(‘../images/userarea_bg.png’) repeat 0 0; border: 1px solid #1a1a1a; float: right; height: 30px; line-height: 30px; margin: 30px 18px 0 0; padding: 0 12px; }
#gkButtons a { font-size: 11px; text-transform:uppercase; margin-left: 5px; }
#gkButtons a:first-child { margin-left: 0; color: #bc3726; }
#gkButtons a:first-child:hover { color: #fff; }
/* social icons */
#gkSocialIcons { float: right; margin: 32px 35px 0 0; }
#gkSocialIcons a { background: transparent url(‘../images/social_icons.png’) no-repeat 0 0; display: block; float: left; width: 30px; height: 30px; opacity: 0.5; filter: alpha(opacity=50); text-indent: -999em; }
#gkSocialIcons a:hover { opacity: 1.0; filter: alpha(opacity=100); }
#gkIconsFacebook { background-position: 0 0!important; }
#gkIconsVimeo { background-position: -30px 0!important; }
#gkIconsTwitter { background-position: -60px 0!important; }
#gkIconsDelicious { background-position: -90px 0!important; }
#gkIconsBuzz { background-position: -120px 0!important; }
#gkIconsDigg { background-position: -150px 0!important; }
#gkIconsYoutube { background-position: -180px 0!important; }
#gkIconsMyspace { background-position: -210px 0!important; }
/* info block */
#gkNavBottom { height: 40px; background: transparent url(‘../images/horizontal_line.png’) repeat-x 0 36px; }
/* search */
#gkSearch { float: right; }
#mod-search-searchword { height: 13px; width: 122px; padding:5px; border:none!important; background:#fff url(‘../images/search_icon.png’) no-repeat 114px center; color:#888; margin:7px 18px 0 0; }
/* info */
#gkInfo { float: left; }
/* logo */
h1#gkLogo a img { display: block; height: 68px; margin: 0; max-width:350px; top: 0; left:0; float: left; padding: 10px}
h1#gkLogo a.cssLogo { background: url(‘../images/style1/logo.png’) no-repeat 0 0; display: block; height: 88px; margin: 0; text-indent: -999em; width:250px; top: 0; left:0; z-index: 1001; float: left }
h1.gkLogo.text { width: auto; margin: 0; }
h1.gkLogo.text a,
h1.gkLogo.text .gkSiteSlogan { display: block; background:none!important; color: #fff; font: normal 40px/50px Georgia, serif; text-indent: 0; text-align: center; }
h1.gkLogo.text a { padding: 0 16px; width: auto!important; }
h1.gkLogo.text .gkSiteSlogan { font-size: 22px; line-height: 10px; margin: -32px 0 18px 0; }
/* Containers */
#gkHeaderModule1 { float: left; }
#gkHeaderModule2 { float: right; }
#gkMain /*{ padding-bottom: 23px; }*/
#gkContent,
#gkRight,
#gkLeft {padding-bottom: 18px!important}
#gkMainbody {}
#gkMainbodyWrap { background: #fff; padding: 18px; }
/* Bottom */
#gkBottomWrap { width: 100%; background: #000 url(‘../images/footer.jpg’) no-repeat 50% 0; overflow:hidden; }
#gkBottom1,
#gkBottom2,
#gkFooter { padding: 18px 0;}
#gkBottomWrap .box div > h3 { text-transform: uppercase; color: #9F9F9F; margin-bottom: 9px;}
#gkBottomWrap a { color: #555}
#gkBottomWrap a:hover { color: #BC3726}
#gkBottomWrap .box ul li { background: transparent url(‘../images/style1/bul_li.png’) no-repeat 0 9px; padding-left: 22px;}
#gkBottomWrap .box ul li:hover {background: transparent url(‘../images/bul_li_menuWhite.png’) no-repeat 0 9px; }
/* footer */
#gkFooter { margin: 0 auto 20px auto; padding: 48px 0; }
#gkFooter li { float: left; font-size: 11px; border-top: none!important; margin-right: 10px; }
#gkStyleArea { margin-left: 20px!important; margin-top: 0; }
#gkStyleArea,
#gkCopyrights { float:right; font-size: 11px; line-height: 28px; margin: 0; }
#gkFrameworkLogo { display: block; width: 130px; height: 42px; background: url(‘../images/framework-logo.png’) no-repeat 0 0; text-indent: -9999em; margin: 20px auto 40px auto; }
/* Suffixes */
#mainPage .box,
#mainPage .box_menu,
#mainPage .box_text { overflow: hidden; margin-top: 18px !important; background: #fff; }
#mainPage .box:first-child,
#mainPage .box_menu:first-child,
#mainPage .box_text:first-child { margin-top: 0!important; }
#mainPage .box > div,
#mainPage .box_menu > div,
#mainPage .box_text > div { margin: 12px; }
#mainPage .content { padding: 0 4px; overflow: hidden; }
#mainPage .box li,
#mainPage .box_menu li,
#mainPage .box_text li { }
#mainPage .box li:first-child,
#mainPage .box_menu li:first-child,
#mainPage .box_text li:first-child { }
/*— default */
#mainPage .box > div > h3,
#mainPage .box_menu > div > h3,
#mainPage .box_text > div > h3 { overflow: hidden; height: 41px; line-height: 41px; margin: 0 0 15px; padding: 0 18px; background: url(‘../images/style1/moduleH3.png’) repeat-x 0 0; color: #9f9f9f; text-transform: uppercase }
/*— color1 */
#mainPage .box.color1 > div > h3 { background-position: 0 -41px; color: #f6e6e4 }
/*— color2 */
#mainPage .box.color2 { background: #000; color: #6c6c6c }
#mainPage .box.color2 > div { border: 1px dashed #414141; padding: 12px; }
#mainPage .box.color2 > div > h3 { margin: 0 0 19px; padding:0; height: 23px; line-height: 17px; background: none; color: #fff; border-bottom: 1px dashed #414141 }
#mainPage .box.color2 a { color: #fff }
#mainPage .box.color2 a:hover { color: #BC3726 }
/*— color3 */
#mainPage .box.color3 { background: #bc3726; color: #f1cecb }
#mainPage .box.color3 > div { border: 1px dashed #ce6c5d; padding: 12px; }
#mainPage .box.color3 > div > h3 { margin: 0 0 19px; padding:0; height: 23px; line-height: 17px; background: none; color: #fff; border-bottom: 1px dashed #ce6c5d }
#mainPage .box.color3 a { color: #fff }
#mainPage .box.color3 a:hover { color: #f1cecb }
/*— border1 */
#mainPage .box.border1 > div { border: 1px dashed #ccc; padding: 12px; }
#mainPage .box.border1 > div > h3 { margin: 0 0 19px; padding:0; height: 23px; line-height: 17px; background: none; color: #333; border-bottom: 1px dashed #ccc }
/*— border2 */
#mainPage .box.border2 > div { border: 1px dashed #ce6c5d; padding: 12px; }
#mainPage .box.border2 > div > h3 { margin: 0 0 19px; padding:0; height: 23px; line-height: 17px; background: none; color: #bc3726; border-bottom: 1px dashed #ce6c5d }
/*— noborder1 */
#mainPage .box.noborder1 { background: #000; color: #6c6c6c }
#mainPage .box.noborder1 > div > h3 { margin: 0 0 5px; padding:0; height: 23px; line-height: 17px; background: none; color: #fff; }
#mainPage .box.noborder1 .content { padding: 0!important; }
#mainPage .box.noborder1 a { color: #fff }
#mainPage .box.noborder1 a:hover { color: #BC3726 }
/*— noborder2 */
#mainPage .box.noborder2 { background: #bc3726; color: #f1cecb }
#mainPage .box.noborder2 > div > h3 { margin: 0 0 5px; padding:0; height: 23px; line-height: 17px; background: none; color: #fff; }
#mainPage .box.noborder2 .content { padding: 0!important; }
#mainPage .box.noborder2 a { color: #fff }
#mainPage .box.noborder2 a:hover { color: #f1cecb }
/*— grunge1, grunge2, grunge3, noPad */
#mainPage .box.grunge1,
#mainPage .box.grunge2,
#mainPage .box.grunge3 { background: #fff url(‘../images/modules/module_bg2_1.jpg’) no-repeat 100% 0; }
#mainPage .box.grunge4,
#mainPage .box.grunge5,
#mainPage .box.grunge6 { background: #fff url(‘../images/modules/module_bg1.jpg’) no-repeat right top; }
#mainPage .box.grunge1 > div,
#mainPage .box.grunge2 > div,
#mainPage .box.grunge3 > div { background: #fff url(‘../images/modules/module_bg2_2.jpg’) no-repeat 0 100%; padding: 12px; margin: 12px 12px 0 0; }
#mainPage .box.grunge1 .content,
#mainPage .box.grunge2 .content,
#mainPage .box.grunge3 .content { background: #fff; padding: 0 12px 12px; }
#mainPage .box.grunge4 .content,
#mainPage .box.grunge5 .content,
#mainPage .box.grunge6 .content { padding: 0; }
#mainPage .box.grunge2 > div > h3,
#mainPage .box.grunge5 > div > h3 { background: transparent url(‘../images/style1/module_header_color.png’) repeat-x 0 0; color: #fff; }
#mainPage .box.grunge3 > div > h3,
#mainPage .box.grunge6 > div > h3 { margin: 0 0 19px 12px; padding:0; height: 23px; line-height: 17px; background: none; color: #333; border-bottom: 1px dashed #ccc }
#mainPage .box.grunge6 > div > h3 { margin-left: 0; }
#mainPage .box.noPad .content { padding: 0; }
#mainPage .box.noPad > div { padding: 0 0 12px 12px }
/* _text */
#mainPage .box_text .group > h3 { font-weight: normal; font-size:115%; }
#mainPage .box_text .bannerfooter { font-size: 85%; text-align: right; font-style: italic; }
#mainPage .box_text .banneritem { border-bottom: 1px dashed #ccc; margin-top:10px; padding-bottom: 10px; }
/* – clear */
.box.clear,
.box.clear > div,
.box.clear > div > .content { padding: 0 !important; background: none !important; border: none !important; margin: 0!important; }
/* breadcrumbs and tools */
#gkBreadcrumb { background: #000 url(‘../images/style1/moduleH3.png’) repeat-x 0 0; height: 41px; line-height: 41px; margin: -18px -18px 20px!important; padding: 0 18px; }
#gkBreadcrumb .breadcrumbs { float: left; width: 80%; font-size: 12px; }
#gkBreadcrumb a { color: #9F9F9F }
#gkBreadcrumb a:hover { color: #fff }
#gkBreadcrumb .separator { margin: 0 6px; }
#gkTools { float: right; width: auto; margin-top:13px; }
#gkTools a { background:url(“../images/tools.png”) no-repeat scroll 0 0 transparent; cursor:pointer; display:block; float:left; height:16px; text-indent:-999em; width:16px; opacity:0.5; }
#gkTools a:hover { opacity: 1.0; }
#gkToolsReset { background-position: -16px 0!important; }
#gkToolsDec { background-position: -32px 0!important; }
/* CSS3 */
#gkButtons,
div.pagination ul li a,
div.pagination ul li span,
.k2Pagination ul li a,
.k2Pagination ul li span,
.k2TagCloudBlock a
.latestItemTagsBlock ul.latestItemTags li a,
.userItemTagsBlock ul.userItemTags li a,
.catItemTagsBlock ul.catItemTags li a,
.itemTagsBlock ul.itemTags li a,
.k2TagCloudBlock a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#mod-search-searchword { border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; }
#gkTopShadow { box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; }
esto es lo que hay espero te sirva para ayudarme y gracias por tratar de ayudarme la verdad es que llevo un par de dias fastidiado con este tema