Diseño y Posicionamiento Web con Joomla › Foros › General › Joomla en General › problema con html
- Este debate tiene 6 respuestas, 2 mensajes y ha sido actualizado por última vez el hace 13 años, 4 meses por
Anónimo.
-
AutorEntradas
-
-
11/02/2012 a las 12:50 #104132
Anónimo
InvitadoHola estoy usando joomlal 2.5 y una plantilla de gavick la gk-music city el problema que tengo es el siguiente me estoy volviendo loco para poder insertar codigos en html.
lo copio con el jck directamente del dreamweaver en la caja de texto sale perfecto es decir veo la tabla y los colores etc y al darle a visualizar sitio no salen ni los bordes de las tablas ni los colores ni nada que tenga que ver con el formato intente introduciendolo en un articulo e incluso en un modulo de personalizar html y no hay manera.
Creo que el problema de ser que algun permiso global hace que predomine sobre lo que pongo en los articulos pero vamos -
11/02/2012 a las 14:09 #104139
Moderador Foro
ParticipanteNo, el problema de copiar y pegar desde un software como word u otra pagina, es que toma los estilos de la fuente y termina haciendose una tortilla con cebolla y chocolate, que tiene que saver a rayos 🙂 .
Cuando copies desde una fuente diferente, debes limpiar el codigo innecesario antes de pegarlo en el editor. Debes pegarlo primero por ejemplo en el notepad de windows, lo que eliminara los estilos y te dejara el texto limipio para pegarlo.
Luego, debes ir a Extensiones / gestor de plugins y en el desplegable “Seleccionar tipo” elige editors y te aparecera Editor – TinyMCE, lo editas y en el cuadro Opciones Basicas en Funcionalidad selecciona Extendido. Sirve para mostrar todas las opciones del editor.
Accedes al contenido y veras el editor con mas opciones. Una de ellas es Word, como icono de una carpeta con la letra W de word. Haz clic ahi y pega lo que has copiado desde un documento word y creo que puede funcionar tambien con dreamweaver. Si no, selecciona el codigo desde dreamweaver, NO como se veria en una pagina, ya que dreamwweaver tiene esa opcion. Copias el codigo y en el editor, veras un icono con las letras HTML, haces clic y en la venta que te aparecera pegas el codigo y guardas. A ver que tal.
-
11/02/2012 a las 19:24 #104144
Anónimo
InvitadoGracias por tratar de ayudarme en verdad todo lo que me dijiste ya lo habia probado sin exito pero lo volvi a intentar.
Probe a pegarlo directamente del codigo de dreamweaver tanto con el boton de word como con el html y nada.
En concreto hice una tabla de 2 filas y puse la primera fila de color rojo y en la segunda textos al visualizarlo no se ven los bordes de la tabla ni la fila en rojo y solo se ven los textos sin mas.
De hecho tambien probe a hacerlo a meter el html en un modulo personalizar html y tampoco me sale.
Lo mas parecido a lo que consigue fue usando q asi si que consegui al menos que se coloreara el background de la celda -
11/02/2012 a las 19:38 #104145
Moderador Foro
ParticipanteY si… copias el contenido mostrado en un html y lo pegas en word y luego lo insertas en el editor por el icono de word. ¿Lo has probado? . Luego, es sabido que Gavick tiene una forma peculiar de programar sus plantillas y es posble que algo de la plantilla te este fastidiando.
-
11/02/2012 a las 20:45 #104149
Anónimo
Invitadoprobado tambien y nada.
El tema es que yo en el editor me salen perfecto lo veo y sale la tabla con los colores y con todo pero al visualizar el sitio ya no aparece nada.
Yo estoy seguro que es un problema de conflicto que habra un css por encima que tenga prioridad sobre lo que salga en el mod-content.
Lo extraño es que no le pase a nadie mas pues mira que estoy mirando y mirando foros y parece que a nadie le sucede lo que a mi. -
12/02/2012 a las 00:22 #104151
Moderador Foro
ParticipanteA ver, mira en el archivo css que corresponda a la clase, seguramente template.css de la plantilla y mira si ves la declaración !important y eliminalo. Seguramente sea algo relacionado. La declaración !important toma precedencia sobre otras reglas de estilos. Por ahi debe ir el tema.
-
12/02/2012 a las 01:01 #104152
Anónimo
Invitadopues 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
-
-
AutorEntradas
- Debes estar registrado para responder a este debate.