Arruiné todo mi trabajo al cambiar el archivo CSS... HELP!!!!

willyfc · #31 (**permalink**) 17/04/2009, 17:26

acabo de ver tu hoja de estilo y esta correctamente linkeada, el problema es que tienes un monton de barras que no deben estar ahí:

Código:

{\rtf1\ansi\ansicpg1252\deff0\deflang1033{\fonttbl{\f0\fnil\fcharset0 Courier New;}}
{\*\generator Msftedit 5.41.15.1507;}\viewkind4\uc1\pard\f0\fs20 @charset "utf-8";\par
/* CSS Document */\par
\par

quita todo eso que tienes en el documento css al principio y luego quita todas las barras(/) y palabras par que tengas que tienes regadas por todo el documento, esas barras no dejan que se haga una correcta lectura del css.

EDITO: quise decir estas barras(\). Quitalas todas

willyfc · #32 (**permalink**) 17/04/2009, 17:33

o sea que debería quedar de esa manera

Código css:

Ver original/* CSS Document */
 
#top{
height: auto;
width: 950px;
text-align:left;
}
#nav{
height: 49px;
width: 950px;
margin-bottom: 10px;
}
#nav_1{
float: left;
height: 49px;
width: 9px;
}
#nav_2{
float: left;
height: 80px;
width: 933px;
padding-top: 8px;
}
#nav_3{
float: left;
height: 49px;
width: 8px;
}
#tablist{ margin: 25px 0 0 0; }
#tablist li{ list-style: none; display: inline; }
#tablist li a{
text-decoration: none;
margin: 0 3px 0 0;
padding: 4px 15px;
border: 1px solid #3B3B3B;
font-weight: bold;
color: #F60;
}
#tablist li a:hover{
border: 1px solid rgb(255, 102, 0); color: #00C;
color: #F00; background-color: #FF9;
}
#tablist li a.current{
background-color: #3B3B3B;color: #ccc;
}
#tablist .key { text-decoration: underline;}
#ads{
height: 143px;width: 950px;
margin-bottom: 15px;
}
#ads1{
float: left;
height: 143px;
width: 8px;
}
#ads2{
float: left;
height: 136px;
width: 934px;
padding-top: 7px;
}
#ads3{
float: left;
height: 143px;
width: 8px;
}
#text{
tab height: auto;
tab width: 940px;
tab border: 4px solid #EAEAEA;
tab text-align: left;
tab padding: 10px;
tab margin-bottom: 15px;
}
#left_title{
height: 40px;
width: 160px;
font-size: 16px;
color: #FFFFFF;
padding-top: 17px;
padding-left: 11px;
font-weight: bold;
}
#left{
height: auto;
width: 170px;
text-align: left;
margin-top: 5px;
}
#left ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
#left li{
line-height: 25px;
padding-left: 10px;
}
#word_big{par
font-size: 24px;
color: #FFFFFF;
font-weight: bold;
}
#footer{
height: auto;
width: 940px;
border: 4px solid #EAEAEA;
text-align: left;
padding: 1px;
}
a:link {
color: #3333ff;
text-decoration: none;
}
a:visited {
color: #33aacc;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF0000;
}
  .title1 {
tab color: #F60;
}
  #nav #nav_2 table tbody tr td {
tab color: #999;
}
  #text table tbody tr td #left {
tab color: #FFC;
tab font-size: 10px;
tab font-family: Verdana, Geneva, sans-serif;
}
  #text table tbody tr td table tbody tr td p {
tab color: #CF9;
}

pruebalo en un archivo css nuevo y lo vinculas y avisas

ClubIce · #33 (**permalink**) 17/04/2009, 17:38

Mire el ejemplo que nos has mostrado y ami me parese [perfecto tal como esta

pitufoweb · #34 (**permalink**) 17/04/2009, 17:45

Con razón no funcionaba.

Bye

#35 (**permalink**) 17/04/2009, 17:50

Querido Willy... hice todo lo que me dijiste y acabo de abrir el archivo CSS y por alguna extraña razón aparece con todas esas barras que tu has resaltado.... pero mi archivo ORIGINAL no las tiene y acabo de revisarlo directamente en mi directorio (hosting) y tampoco aparecen. Diablos! Será que están embrujados esos códigos o es que quieren decir que debo dejar algunos espacios o algo así?

Algo de eso debe pasar!

Es increíble.. como dije antes, tengo la impresión de que éste problema es muy sencillo pero la solución está tan oculta aun para los ojos de vosotros los expertos.

SEGUIRE INTENTANDO TODO de TODO..... gracias corazón de melón.

Triby · #36 (**permalink**) 17/04/2009, 17:52

StarClown, que editor usaste para crear el archivo general.css?

Edito:

Ahora me pregunto si tendra algo que ver con juego de caracteres UTF-8 con BOM.

pitufoweb · #37 (**permalink**) 17/04/2009, 17:57

Estoy casi seguro que uso WordPad. Que es para crear documentos rtf (Documentos de de texto enriquecido) Es por eso que agrega todo ese código de mas.

Tendrías que usar el Notepad y no el WordPad.

Bye.

willyfc · #38 (**permalink**) 17/04/2009, 18:00

Cita:

Iniciado por Triby

StarClown, que editor usaste para crear el archivo general.css?

Edito:

Ahora me pregunto si tendra algo que ver con juego de caracteres UTF-8 con BOM.

Tengo la impresión que sí. Coloca esto en la cabecera del archivo html

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="antiques, ornaments, art, collectibles, sales, auctions, offers">

y si el documento css dice Utf-8, quitaselo, una cosa más quita los estilos que estan sobre la web y colocalos en el mismo documento.

pitufoweb · #39 (**permalink**) 17/04/2009, 18:05

No hay duda. El WordPad es el que genera ese código de mas. Hice una pequeña prueba con el WordPad y miren el resultado cuando lo veo con el editor de texto plano.

Código HTML:

{\rtf1\ansi\ansicpg1252\deff0\deflang1033{\fonttbl{\f0\fswiss\fcharset0 Arial;}}
{\*\generator Msftedit 5.41.15.1515;}\viewkind4\uc1\pard\f0\fs20 body \{color: #000;\}\par
\par
div \{font-zise: 1em; \}\par
\par
\par
}

#40 (**permalink**) 17/04/2009, 18:08

Willy, Triby y Pitufo.... definitivamente es lo que yo decía, el problema es muy simple pero yo lo estoy complicando demasiado.

Creo que es el EDITOR que estoy usando justamente. Es que, como no tengo FrontPage ni DreamWeaver ni nada de eso, estoy trabajando a código pelón y lo he estado haciendo en WORDPAD -groso ERROR-

y ahora mismo estoy probando usar el NOTEPAD para ver si así se arregla todo.

Voy a probar lo que me sugieres Willy.... voy corrieeeendoo.... ya estoy bien cansadita y pronto me iré a casa pero... GRACIAS a todo, son uno maestros geniaaales.

willyfc · #41 (**permalink**) 17/04/2009, 18:09

Cita:

No hay duda. El WordPad es el que genera ese código de mas. Hice una pequeña prueba con el WordPad y miren el resultado cuando lo veo con el editor de texto plano.

que cosas. es terrible que haga eso

Entonces quedamos así, es lo mencionado antes, agarra el código css y copialo en un bloc de notas y lo guardas con extensión css y lo vuelves a subir a tu servidor.

#42 (**permalink**) 17/04/2009, 18:22

Cita:

Iniciado por willyfc

que cosas. es terrible que haga eso

Entonces quedamos así, es lo mencionado antes, agarra el código css y copialo en un bloc de notas y lo guardas con extensión css y lo vuelves a subir a tu servidor.

AMIGOS............. PROBLEMA RESUELTO!!!!!!!!!!!!!!!!

Definitivamente era el EDITOR de WORDPAD.... y además, agregué el encabezado que me dió Willy pero creo que eso me empequeñeció las letritas o no sé pero, la cosa es que RESULTO!!!!!!

Ay Dios mío... ahora si podré dormir tranquila y empezaré a trabajar en el resto de la Web con el mismo ESTILO CSS.

GRAAAAAAAAAAAAACIAS

y por favor, que alguien me diga donde CALIFICO sus RESPUESTAS por que no sé y se merecen VEINTE MEDALLITAS cada uno

Un besote para todos....

willyfc · #43 (**permalink**) 17/04/2009, 18:25

No es nada, tranqui. Pa eso estamos por aquí

ClubIce · #44 (**permalink**) 18/04/2009, 09:48

Mejor usa el Bloc de Notas