Amigos y amigas.... estoy aterrorizada por que, ya casi termino una Web de un cliente ( aunque soy medio novata aun ) y se me ocurrió la brillante IDEOTA de llevarle los estilos CSS a un directorio aparte pero, NO ME FUNCIONO y ahora la Web se ve horriiiibleeeeee
Les suplico, les rueeeego me echen la manita por que no encuentro el problema después de leerlo como cincuenta veces durante todo el día... NADA de NADA.
Estoy trabajando en un hosting de Godaddy y como no tengo ningún editor HTML lo estoy haciendo a puro código en Wordpad pero, me defiendo... sin embargo, este problemilla esta acabando con mis nervios.
Les muestro el CODIGO con el que hago el llamado en cada página y luego les colocaré el CODIGO CSS tal cual lo tengo en mi archivo.... porfis, ayudenme muchachos, GRACIAS!!
Código:
body {
background: #000000;
font-size: 12px;
text-align: center;
margin: 0px;
padding: 0px;
}
#top{
height: auto;
width: 950px;
text-align:left;
}
#nav{
height: 49px;
width: 950px;
margin-bottom: 10px;
}
#nav_1{
background-image: url('../images/top_left.gif');
background-repeat: no-repeat;
float: left;
height: 49px;
width: 9px
}
#nav_2{
background-image: url('../images/top_bg.gif');
background-repeat: repeat-x;
float: left;
height: 80px;
width: 933px;
padding-top: 8px
}
#nav_3{
background-image: url('../images/top_right.gif');
background-repeat: no-repeat;
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: 100px;
width: 950px;
margin: 20px auto 10px auto;
}
#ads1{
background-image: url('../images/top2_left.gif');
background-repeat: no-repeat;
float: left;
height: 143px;
width: 8px
}
#ads2{
background-image: url('../images/top2_bg.gif');
background-repeat: repeat-x;
float: left;
height: 136px;
width: 934px;
padding-top: 7px
}
#ads3{
background-image: url('../images/top2_right.gif');
background-repeat: no-repeat;
float: left;
height: 143px;
width: 8px
}
#text{
height: auto;
width: 940px;
border: 4px solid #EAEAEA;
text-align: left;
padding: 10px;
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{
font-size: 18px;
color: #FFFFFF;
font-weight: bold;
}
#footer{
height: auto;
width: 940px;
border: 4px solid #EAEAEA;
text-align: left;
padding: 1px;
}
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
color: #333333;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FF0000;
}
.title1 {
color: #F60;
}
#nav #nav_2 table tbody tr td {
color: #999;
}
#text table tbody tr td #left {
color: #CCC;
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
}
#text table tbody tr td table tbody tr td p {
color: #CF9;
}
#ads #ads2 p b {
color: #9F9;
}
#ads #ads2 p b {
color: #CF0;
}
p b {
color: #0F0;
}
.footer {
color: #CCC;
}
.footer2 {
color: #666;
}
Y así es como hago el llamado.... y NAAADAA!!
Código:
<link href="CSS/general.css" rel="stylesheet" type="text/css" />