un saludo.
tengo un problema con una pagina que estoy diseñando. ya termine una parte,
sin embargo, cuando la subo al servidor no se muestra como se deberia ver.
localmente se muestra bien, pero es arriba, en el servidor, que me muestra
este problema.
les adjunto el html del index y el css. son tres paginas, pero ninguna de
las tres se ve bien, asi que tal vez sea el mismo problema en las tres. si
es asi, pues con el index sera suficiente. como se daran cuenta, para las
margenes y el menu estoy siguiendo algunos ejemplos que han recomendado por
la lista, y, a pasar de eso, no funcionan ya en internet.
muchas gracias de antemano por la ayuda.
hugo
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
ñjclk jls fsld flskdjflskdjf sld fjsld flsjdfls jlfsd fsd f
Presentación
Programa
Inscripción en
línea
Presentación:
sdñlfsñldkfñsldkfñ ñkñxlckvñ
´sglkdsñlfgkdñlfg ñ kñdflgkdñlfgkdñ kdñ kdñkg ñdfg
**
BODY{
background: #ff; /*url(images/red208.jpg);*/
margin:0;
padding: 30px;
text-align:center; /* hack para o IE */
}
a, a:visited {
color: #ff6600;
text-decoration: none;
}
a:hover {
background-color: #FFCC00;
color: #FF;
}
.cuadro-general{
/*background: url(images/derecha.jpg) 100% 0 no-repeat; */
width:800px;
position: absolute;
left:0px;
top:10px;
}
.cuadro-sombra-derecha {
background: url(images/derecha.jpg) 100% 0 no-repeat;
width:290px;
z-index: 9;
position: absolute;
left:255px;
top:500px;
}
.sombra-abajo-esq {
background: url(images/abajo-esquina.jpg) 0 100% no-repeat;
}
.sombra-abajo {
background: url(images/abajo.jpg) 100% 100% no-repeat;
padding:0 27px 27px 0;
}
.cuadro-sombra-derecha2 {
background: url(images/derecha.jpg) 100% 0 no-repeat;
width:290px;
position: absolute;
left:550px;
top:480px;
}
.sombra-abajo-esq {
background: url(images/abajo-esquina.jpg) 0 100% no-repeat;
}
.sombra-abajo {
background: url(images/abajo.jpg) 100% 100% no-repeat;
padding:0 27px 27px 0;
}
.texto-cuadro-sombra {
background:#ff;
border:1px solid #00;
/*border-style: solid solid solid solid;
border: 4px;*/
}
.texto h3 {
text-align:center;
margin:0.5em 0;
}
.texto p {
margin-bottom:0;
font: 0.8em Georgia, Times New Roman, Times, serif;
padding:0 10px 10px;
text-align:justify;
}
.img-index-principal {
background: url(images/derecha.jpg) 100% 0 no-repeat;
width:581px;
position: absolute;
left:255px;
top:250px;
}
.sombra-abajo-esq-img {
background: url(images/abajo-esquina.jpg) 0 100% no-repeat;
}
.sombra-abajo-img {
background: url(images/abajo.jpg) 100% 100% no-repeat;
padding:0 22px 22px 0;
}
.contacto {
/*position:relative;*/
/*left:5px; */
top:50px;
width: 670px;
height:500px;
background : #ff;
/*border : 1px solid #00;*/
color : #669900;
font-size : 10pt;
font-family : Trebuchet;
}
.contacto_tr {
/*border:4px solid #00;*/
}
.contacto_td {
/*border:1px solid #fd4201;*/
}
.contacto-input{
width: 250px;
border:2px inset #7dbb01;
background-image:url(Images/Sombra_formularios.jpg);
color : #00;
font-size : 10pt;
}
.contacto-input_textarea{
width: 250px;
border:2px inset #7dbb01;
background-image:url(Images/Sombra_formularios.jpg);
height: 150px;
color : #ff;
font-size : 10pt;
}
.contacto_submit{
background : #669900;
border : 1px solid #ff;
color : #ff;
font-weight: bold;
font-size : 10pt;
}
.contacto_right {
text-align:right;
}
.contacto_left {
text-align:left;
margin: 0px;
}
.contacto_fieldset{
border: 2px solid #DCDCDC;
}
.cabezote:before {
display: block;
background: url(Images/cantonades.png) 100% 0;
content: ".";
width: 80px;
height: 80px;
margin: -80px 0 0 100%;
text-indent: -1px;
}
.cabezote {
font-size: 1.2em;
margin: -10px 0 0 0;
padding: 10px 10px 5px;
background: #669900;
color: #ff;
}
.contenido-1 {
font-family:trebuchet;
color: #00;
padding-top: 30px;
background-color:#ff;
border: 1px solid #765;
}
.contenido-1 p {
text-align: justify;
font-size:-1em;
/*text-indent: 10px;*/
margin: 0px;
}
H1 {
font-size : 2em;
text-indent: 5px;
}
H1 a, H1 a:visited {
color: #FF6600;
text-decoration: none;
}
H1 a:hover {
color: #FFCC00;
background-color: #ff;
}
#todo{
width: 80%;
margin:0 auto;
padding: 5px 0 5px;
text-align:left; /* "remédio" para o hack do IE */
background-color: #ff;
}
#contenido:before {
display: block;
background: url(Images/cantonades.png) 0 0;
content: ".";
width: 80px;
height: 80px;
margin: -70px 100% 0 -70px;
text-indent: -1px;
}
#contenido{
margin: auto;
width: 90%;
background: #EAEBCB;
padding: 30px;
border: 20px solid #FD3001;
}
#contenido:after {
display: block;
background: url(Images/cantonades.png) 0 100%;
content: ".";
width: 80px;
height: 80px;
margin: 0 100% -70px -70px;
text-indent: -1px;
}
#todo-1{
background: #669900;
padding: 5px 10px;
color: #ff