Foros del Web » Creando para Internet » CSS »

El CSS me impide ejecutar scripts

 Estas en el tema de El CSS me impide ejecutar scripts en el foro de CSS en Foros del Web. Hola gente, mi problema es el siguiente: Estoy armando una aplicacion para facebook y utilizo (entre otras cosas) varios scripts que provee facebook. Todos funcionaban ...
  #1 (permalink)  
Antiguo 23/01/2011, 18:10
Avatar de Frehley  
Fecha de Ingreso: junio-2005
Ubicación: Somewhere between Heaven and Hell
Mensajes: 415
Antigüedad: 19 años, 5 meses
Puntos: 0
Pregunta El CSS me impide ejecutar scripts
Hola gente, mi problema es el siguiente:

Estoy armando una aplicacion para facebook y utilizo (entre otras cosas) varios scripts que provee facebook.
Todos funcionaban perfecto hasta que empeze a implemente un template html que incluia un CSS... el problema es que al poner el CSS no veo los scripts, es como si me los deshabilitara...

La verdad que no entiendo mucho asi que les pido que si alguien puede me ayude! Muchas gracias!

Les dejo el CSS

Código PHP:
* {
    margin: 0px;
    padding: 0px;
}

body {
    height: 100%;
    background-color: #ffffff;
    color: #85859c;
    font-family: tahoma, arial, sans-serif;
    font-size: 10px;
    text-align: center;
}

a {
    color: #85859c;
    text-decoration: underline;
}

a:hover {
    color: #69699c;
}

span {
    display: none;
}

img {
    border: none;
}

p {
    margin: 10px 0px 5px;
    text-align: justify;
    line-height: 14px;
}

.clearthis {
    margin : 0px;
    height : 1px;
    clear : both;
    float : none;
    font-size : 1px;
    line-height : 0px;
    overflow : hidden;
}

#container {
    margin: 0px auto;
    width: 780px;
    border-color: #9e9ec3;
    border-width: 0px 1px 1px;
    border-style: solid;
}

input {
    padding-left: 2px;
    background-color: #fff;
    color: #85859c;
    font-family: tahoma, arial, sans-serif;
    font-size: 11px;
}


/* Page Header */

#page_header {
    width: 780px;
    height: 113px;
    color: #fff;
    background: url('images/header_background.gif') repeat-x 0px 0px;
    overflow: hidden;
}

#page_header a {
    color: #fff;
    text-decoration: none;
}

#page_header a:hover {
    color: #e1e1e1;
}

#page_heading {
    width: 190px;
    height: 75px;
    background: url('images/company_logo.jpg') no-repeat 35px 37px;
    float: left;
}

#page_heading h1 {
    width: 190px;
    height: 52px;
    background: url('images/company_name.jpg') no-repeat 56px 36px;
    float: left;
}

#page_heading h2 {
    width: 190px;
    height: 16px;
    background: url('images/company_punchline.jpg') no-repeat 56px 2px;
    float: left;
    clear: both;
}

#page_headerlinks {
    padding-right: 20px;
    padding-top: 25px;
    width: 275px;
    float: right;
    text-align: left;
    word-spacing: -1px;
}

#page_headerlinks ul {
    list-style-type: none;    
}

#page_headerlinks li {
    padding: 0px 10px 0px 9px;
    float: left;
    list-style-type: none;
    background: url('images/header_toplinks_div.gif') no-repeat 100% 2px;
}

#page_headerlinks li.last {
    padding-right: 0px;
    background: none;
}

#page_headersearch {
    padding-right: 30px;
    padding-top: 25px;
    float: right;
    clear: right;
    width: 255px;
    text-align: left;
    word-spacing: -1px;
    overflow : hidden;
}

#page_headersearch h3 {
    float: left;
    font-weight: bold;
    font-size: 12px;
}

#page_headersearch form {
    padding-left: 3px;
    float: left;
}

#page_headersearch input {
    margin-top: 1px;
    padding-left: 2px;
    width: 158px;
    height: 14px;
    float: left;
    border: none;
}

#page_headersearch input.button {
    padding: 0px;
    margin-top: 0px;
    margin-left: 5px;
    width: 34px;
    height: 16px;
    background-color: transparent;
    float: left;
}


/* Main Navigation Menu */

#page_menu {
    margin-bottom: 1px;
    width: 780px;
    height: 21px;
}

#page_menu ul {
    width: 780px;
    height: 21px;
    list-style-type: none;
    overflow: hidden;
}

#page_menu li {
    margin-right: 1px;
    width: 129px;
    height: 21px;
    float: left;
    background: url('images/menu_background.gif') repeat-x 0px 0px;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

#page_menu li.last {
    margin-right: 0px;
    width: 130px;
}

#page_menu a {
    padding-top: 3px;
    display: block;
    color: #fff;
    text-decoration: none;
}

#page_menu a:hover {
    color: #e1e1e1;
}


/* Left Sidebar */

#left_sidebar {
    width: 129px;
    float: left;
    text-align: left;
    color: #8989b6;
}

#left_sidebar a {
    color: #8989b6;
}

#left_sidebar a:hover {
    color: #75759c;
}



/* Left Sidebar: Newsletter Signup Box */

#newsletter {
    margin-bottom: 2px;
    padding: 5px 5px 15px;
    width: 118px;
    border-color: #9e9ec3;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    overflow: hidden;
    font-weight: bold;
}

#newsletter h2 {
    padding-bottom: 10px;
    font-size: 10px;
}

#newsletter input {
    padding-left: 0px;
    width: 115px;
    height: 16px;
    border: #bfbfe6 1px solid;
    float: left;
    clear: left;
}

#newsletter input.button {
    margin-top: 3px;
    margin-left: 95px;
    width: 22px;
    height: 13px;
    border: none;
}

#newsletter #link_cancel {
    margin-top: 5px;
}


/* Left Sidebar : Categories */

#categories {
    margin-bottom: 1px;
    padding: 1px 1px 1px 0px;
    border-color: #9e9ec3;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    text-align: center;
}

#categories_header {
    margin-bottom: 2px;
    width: 127px;
    height: 20px;
    background-color: #9e9ec3;
    overflow: hidden;
}

#categories_header h2 {
    margin-top: 3px;
    margin-left: 5px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}

#categories ul {
    margin: 0px auto;
    width: 120px;
    list-style-type: none;
}

#categories li {
    width: 120px;
    height: 21px;
    list-style-type: none;
    text-align: left;
    border-bottom: #b6b6d2 1px solid;
    float: left;
}

#categories li.last {
    border: none;
}

#categories li a {
    margin-top: 4px;
    margin-left: 6px;
    display: block;
    color: #7575a9;
    text-decoration: none;
}

#categories li a:hover {
    color: #56567c;
}


/* Left Sidebar : Special Offer */

#specialoffer {
    width: 129px;
    height: 98px;
    overflow: hidden;
    background: url('images/specialoffer_background.jpg') no-repeat 0px 0px;
    color: #fff;
    font-size: 11px;
}

#specialoffer_text {
    width: 129px;
    height: 60px;
}

#specialoffer_text h2 {
    margin-top: 8px;
    margin-left: 10px;
    width: 113px;
    height: 38px;
    background: url('images/specialoffer_header.gif') no-repeat 0px 0px;
}

#specialoffer_link {
    margin-left: 12px;
}

#specialoffer_link a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#specialoffer_link a:hover {
    color: #f2f2f2;
}


/* Main Content Area */

#main_content {
    margin-right: 2px;
    width: 644px;
    text-align: center;
    float: right;
}

#main_content .h_divider {
    margin-bottom: 2px;
    height: 1px;
    background-color: #c2c2cd;
    overflow: hidden;
}


/* New Item Description */

#new_item {
    margin: 0px auto 2px;
    padding: 5px 10px;
    width: 600px;
    text-align: justify;
}

#new_item_header {
    margin-top: 10px;
    float: left;
    width: 348px;
}

#new_item_header h1 {
    color: #434367;
    font-size: 18px;
    font-weight: normal;
}

#new_item_header h2 {
    color: #434367;
    font-size: 14px;
    font-weight: bold;
    font-family: arial, tahoma, sans-serif;

}

#new_item_image {
    width: 245px;
    float: right;
    overflow: hidden;
    text-align: right;
}

#new_item_text {
    float: left;
    clear: left;
    width: 348px;
}

#new_item_link {
    float: left;
    clear: left;
    width: 348px;
    font-weight: bold;
    text-align: right;
}

#new_item_link a {
    text-decoration: none;
}


/* Sub Items Descriptions */

.sub_items {
    margin-bottom: 2px;
    margin-top: 5px;
    width: 644px;
    background: url('images/item_sub_background.gif') repeat-y 0px 0px;
    text-align: justify;
}

.sub_left {
    padding-left: 5px;
    width: 300px;
    float: left;
}

.sub_right {
    padding-right: 15px;
    width: 315px;
    float: right;
}

.sub_items_header {
    padding-left: 20px;
    padding-top: 10px;
    float: left;
    width: 110px;
}

.sub_items_header h1 {
    color: #434367;
    font-size: 14px;
    font-weight: bold;
    font-family: arial, tahoma, sans-serif;
}

.sub_items_header h2 {
    color: #434367;
    font-size: 12px;
    font-weight: normal;
    font-family: arial, tahoma, sans-serif;
}

.sub_items_image {
    margin-top: 15px;
    float: right;
    text-align: right;
}

.sub_items_text {
    padding-left: 20px;
    float: left;
    clear: left;
    width: 110px;
}

.sub_items_cartinfo {
    padding-top: 12px;
    padding-left: 20px;
    color: #820721;
    font-family: arial, tahoma, sans-serif;
    float: none;
    clear: both;
}

.sub_items_cartinfo h2 {
    font-size: 14px;
    font-weight: bold;
}

.sub_items_cartinfo .price {
    float: left;
    text-align: left;
}

.sub_items_cartinfo .addtocart {
    margin-top: 2px;
    float: right;
    width: 100px;
    height: 12px;
    text-align: left;
    background: url('images/button_addtocart.gif') no-repeat 0% 0%;
}


/* Page Footer */

#page_footer {
    width: 780px;
}

#powered_by {
    padding-top: 17px;
    float: right;
    width: 305px;
    height: 30px;
    color: #9595c2;
    text-align: center;
}

#powered_by a {
    color: #9595c2;
}

#product_brands {
    float: left;
}

#product_brands ul {
    width: 470px;
    list-style-type: none;
}

#product_brands li {
    margin: 5px 6px 3px 3px;
    height: 40px;
    list-style-type: none;
    float: left;
}

#product_brands li.zalcom {
    width: 107px;
    background: url('images/brand_zalcom.gif') no-repeat 0px 0px;
}

#product_brands li.digital {
    width: 95px;
    background: url('images/brand_digital.gif') no-repeat 0px 0px;
}

#product_brands li.adept {
    width: 126px;
    background: url('images/brand_adept.gif') no-repeat 0px 0px;
}

#product_brands li.simtel {
    width: 99px;
    background: url('images/brand_simtel.gif') no-repeat 0px 0px;
} 
__________________
diegoz.com.ar
  #2 (permalink)  
Antiguo 23/01/2011, 18:53
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 10 meses
Puntos: 36
Respuesta: El CSS me impide ejecutar scripts
El CSS no debería interferir de ningún modo con ningún script. Es más probable que el problema esté en el javascript o en el código HTML.
Excepción hecha de que lo que estuviera haciendo el javascript fuese mostrar CSS y la plantilla te haya machacado algunos estilos o cosa semejante.
Sin ver el resto del código no se puede más que elucubrar.
Mejor si colocases un enlace a tu página si la tienes subida a alguna parte.
¿Has probado a volver a enlazar esos scripts después de cambiar la palantilla?
  #3 (permalink)  
Antiguo 23/01/2011, 18:59
Avatar de Frehley  
Fecha de Ingreso: junio-2005
Ubicación: Somewhere between Heaven and Hell
Mensajes: 415
Antigüedad: 19 años, 5 meses
Puntos: 0
Respuesta: El CSS me impide ejecutar scripts
Ya lo solucione! Era simple

span {
display: none;
}

Lo puse en display: all;

y listo!

Muchas gracias!
__________________
diegoz.com.ar
  #4 (permalink)  
Antiguo 23/01/2011, 20:05
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 10 meses
Puntos: 36
Respuesta: El CSS me impide ejecutar scripts
Me alegro que te esté funcionado, por que la propiedad display:all no existe, no tiene ningún significado. Te funcionará igual si la borras.
Un saludo.

Etiquetas: ejecutar, scripts
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 21:35.