LA INFORMACION SUBE PERO DESCONFIGURADA. POR QUE??????

Hola amigos:

Acabo de comprar con RAZY 2 dominios por un año cada uno y cuando segùn sus lecciones paso a paso, subo los archivos Index.html; estilos.css; objetos y midis al FTP todo me sale pero desconfigurado.

no se por que no funciona como lo diseñè. Ademas cuando le pido al servidor que busque por mi dominio(www.elparcerato.com), no lo encuentra; para poder llegar a mi web toca escribir varias veces (elparcerato.com/index13-18.html)Serà que me podrìan colaborar??

Cordial Saludo


k-3gamo

hola

tu documento index13-18.html
deberia llamarse solamente

index.html asi tal cual
cuando lo tengas, lo subes, y nos avisas de nuevo

saludos

Hola Janeth:

Hice los cambios como Ud. me dijo; ahora entra todo perfecto pero si abro la pàgina por EXPLORER; si la abro por GOOGLE CHROME, FIREFOX Y GOOGLE abre pero desconfigurada y por ALTAVISTA o YAHOO ni siquiera la encuentra.

QUE HAGO PARA SOLUCIONAR ESTO???????????

Todo se montò, como dice en el curso CCTW-CURSO PASO A PASO.

Cordial saludo,

FRANK

en css

a cabecera ponle 120 de altura, porque no cabe su contenido
a navegacion 1 y 2 ponle 35px de altura

te sobra un cierre de div abajo donde cerraste pie
el cierre de global debes ponerlo justo antes de cerrar body

te falta ponerle float:left a div pie1 dos y tres

cuando hagas los cambios me avisas para seguir checando

saludos

Hola que tal Janeth:

Le cuento que hice los cambios que Usted me sugiriò y por explorer se ve muy bien, pero por Google, Google Chrome, Firefox se ve desconfigurado y por Altavista, Yahoo, Bing y otros ni siquiera encuentra la URL.

Por si acaso ahì pego los còdigos CSS
* {text-indent:0px; margin:0px ; padding:0px ; border: 0px}
body{background-color:#FF8000}
h1{font-size:13px; text-decoration:none; font-weight:bold; text-align:center}
h1:first-line {letter-spacing:4px}
image{border-style:none}
#global{width:800px ; margin: 4px auto }
#curva-superior{ background-image:url(objetos/curva-superior.gif); background-repeat: no-repeat; width:800px; height:12px; overflow:hidden}
#cabecera{background-color:#FF8000; border-top:white 1px solid; border-right:white 1px solid; border-bottom:white 1px solid; border-left:white 1px solid; height:120px; text-align:center}
#logotipo{width:120px; float:left; font-size:15px}
#publicidad{width:645px; float:right}
#navegacion{background-color:yellow; border:white 1px solid; height:35px; text-align:center; font-weight:bold}
#navegacion li {float:left; margin:0px 2px}
#navegacion a{color:green; text-align:center; font-size:13px; font-wieght:bold; border:white 2px solid; padding:0px 26px}
#navegacion a:hover{background-color:pink}
#navegacion2{background-color:#FFCC00; border:white 1px solid; height:35px; text-align:center; font-weight:bold}
#navegacion2 li {float:left; margin:0px 2px}
#navegacion2 a{color:red; text-align:center; font-size:13px; font-wieght:bold; border:white 2px solid; padding:0px 44px}
#navegacion2 a:hover{background-color:aqua}
#contenido{background-color:#FF8000; width:800px; float:left; border:white 1px solid}
#contenido p{padding:5px; text-align:justify; text-indent:15px; font-weight:normal;}
#titulo-seccion{padding:2px 0px; text-align:center}
#titulo-seccion p{text-align:center; font-size:16px}
#menu1 {background-color:white; width:175px; float:left; text-align:left; margin-top:20px; margin-right:10px; margin-left:5px; border:#6666FF 3px inset; background-image:url(objetos/lineas-menu2.gif); background-repeat: no-repeat; width:175px; height:12px; background-position:bottom}
#menu1 li{list-style:none; margin: 4px 0px 4px 5px}
#menu1 h1{text-decoration:none; font-size:14px; color:black; background-image:url(objetos/lineas-menu2.gif); background-repeat: no-repeat; width:175px; height:14px; padding-top:12px}
#menu2 a{background-color:#009900; width:175px; float:left; color:#00FFFF; margin-top:5px; margin-right:27px; border:aqua 3px outset}
#menu3 a{background-color:#E6E8FA; width:175px; float:left; color:#red; margin-top:5px; margin-right:27px; border:#FF3300 3px inset}
#menu4 a{background-color:#FF33CC; width:175px; float:left; color:#00FF00; margin-top:5px; margin-right:2px; border:pink 4px outset}
#menu5 a{background-color:blue; width:175px; float:left; color:yellow; margin-right:20px; margin-left:5px; border:yellow 3px inset}
#menu6 a{background-color:#FFFF00; width:175px; float:left; color:#00009C; margin-top:5 px; margin-right:29px; border:#FF33CC 3px outset}
#menu7 a{background-color:#663300; width:175px; float:left; color:white; margin-top:5px; margin-right:29px; border:white 3px inset}
#menu8 a{background-color:#FF0000; width:175px; float:left; color:#FFCC00; margin-top:5px; margin-right:2px; border:#33CC00 4px outset}
#menu9 a{background-color:#00FF33; width:175px; float:left; color:black; margin-right:20px; margin-left:5px; border:#6633FF 3px inset}
#menu10 a{background-color:#FF00FF; width:175px; float:left; color:yellow; margin-top:5px; margin-right:29px; border:#33CC00 4px outset}
#menu11 a{background-color:#00FF7F; width:175px; float:left; color:#FF0000; margin-top:5px; margin-right:29px; border:#FF00FF 3px inset}
#menu12 a{background-color:#FF9933; width:175px; float:left; color:maroon; margin-right:5px; border:#FFFF00 4px outset}
#pie{background-color:green; border:white 1px solid; height:70px}
#pie li{list-style:none}
#pieuno{float:left; width:150px}
#piedos{float:left; width:496px; text-align:center}
#pietres{float:left; width:150px}
#pie a {color: yellow; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:blue ; text-decoration:underline ; background-color:silver}
#pie a:active {color:black}
#curva-inferior{ background-image:url(objetos/curva-inferior.gif); background-repeat:no-repeat; width:800px; height:12px; overflow:hidden }
a {color:black; font-size:1.1em; text-decoration:none; display:block}
a:link {}
a:visited {}
a:hover {color:green; text-decoration:underline}
a:active {}

Cordial Saludo,


FRANK

agregale 800px de ancho a div pie en css
y ahi mismo aumentale a 75px la altura

cerraste mal el <a> del elemento 8 lo pusiste despues del cierre de li

yyyyy

despues de toooda la mañana y parte de la tarde
no he logrado que se vea bien, hay algunos margenes que arreglar
y divs mal puestos

yo... que tu, empezaria de nuevo, poniendo atencion a los detalles
que hay algo que no funciona pero no encuentro que es

veo en el pie que no lo tienes cerrado

mañana seguiré checando
saludos

Hola Janeth:

Le cuento que su Ùltimo mensaje llegò casi todo desconfigurado y en desorden y no se entiende muy bien; pero por lo que veo y deduzco de lo que medio se entiende, Ud. me sugiere que vuelva a empezar; cosa que francamente veo imposible, ya que lo que Ud. ve ahì me tomo 20 dìas y no lo voy a acabar, de todas formas agradezco su asesoria hasta ahora.

Cordialmente,

K-3 GAMO

hola

te entiendo... a mi me tocó hacer mi web completa desde 0 mas de 6 veces
y todo es para ir aprendiendo de los errores cometidos, e ir tomando mas practica...

animo, verás que no es tan dificil,
peero a la par que vas construyendo debes ir mirando en ambos navegaroes

saludos

Gastè dos dìas corrigiendo todos los còdigos uno por uno, tanto de Html como de Css y aùn solo abre bien con internet explorer...

ahì le envìo el css corregido; el Html creo que ud. lo mira directamente en la web.

* {text-indent:0px; margin:0px ; padding:0px ; border: 0px}
body{background-color:#FF8000; float:center; border:white 1px solid}
h1{font-size:13px; text-decoration:none; text-align:center}
h1:first-line {letter-spacing:4px}
image{border-style:none}
#global{width:800px ; margin: 4px auto; font-family:helvetica}
#curva-superior{ background-image:url(objetos/curva-superior.gif); background-repeat: no-repeat; width:800px; height:12px; overflow:hidden}
#cabecera{background-color:#FF8000; border-top:#FFFFFF 1px solid; border-right:#FFFFFF 1px solid; border-bottom:#FFFFFF 1px solid; border-left:#FFFFFF 1px solid; height:120px; text-align:center}
#logotipo{width:120px; float:left}
#publicidad{width:640px; float:right}
#navegacion{background-color:#FFFF00; border:#FFFFFF 1px solid; height:35px; font-weight:bold}
#navegacion li{float:left; margin:0px 2px}
#navegacion a{color:#336600; text-align:center; font-size:13px; font-wieght:bold; border:#FFFFFF 2px solid; padding:0px 26px}
#navegacion a:hover{background-color:#FF99CC}
#navegacion2{background-color:#FFCC00; border:#FFFFFF 1px solid; height:35px; text-align:center}
#navegacion2 li {float:left; margin:0px 2px}
#navegacion2 a{color:#FF0000; text-align:center; font-size:13px; border:#FFFFFF 2px solid; font-weight:bold; padding:0px 44px}
#navegacion2 a:hover{background-color:#99CCCC}
#contenido{background-color:#FF8000; width:800px; float:left; border:#FFFFFF 1px solid}
#titulo-seccion{text-align:center}
#menu1 {background-color:#FFFFFF; width:175px; float:left; text-align:left; margin-top:5px; margin-right:20px; margin-left:5px; border:#6666FF 3px inset; background-image:url(objetos/lineas-menu2.gif); background-repeat: no-repeat; width:165px; height:12px; background-position:bottom}
#menu1 li{list-style:none; margin:4px 0px 4px 5px}
#menu1 h1{text-decoration:underline; background-image:url(objetos/lineas-menu2.gif); background-repeat: no-repeat; width:165px; height:14px; padding-top:12px}
#menu2{background-color:#009900; width:175px; float:left; margin-top:5px; margin-right:27px; border:#66FFCC 3px outset}
#menu2 a{color:#FFFF00; padding:5px}
#menu2 h1{color:#99FF00}
#menu3{background-color:#E6E8FA; width:175px; float:left; margin-top:5px; margin-right:27px; border:#FF3300 3px inset}
#menu3 a{color:#330000; padding:5px}
#menu4{background-color:#FF33CC; width:175px; float:left; margin-top:5px; margin-right:2px; border:#7799CC 4px outset}
#menu4 a{color:#00FFFF; padding:5px}
#menu4 h1{color:#CCFFFF}
#menu5{background-color:#0000CC; width:175px; float:left; margin-top:5px; margin-right:20px; margin-left:5px; border:#FFFF00 3px inset}
#menu5 a{color:#FFFFFF; padding:5px}
#menu5 h1{color:#CCFFFF}
#menu6{background-color:#FFFF00; width:175px; float:left; margin-top:5 px; margin-right:29px; border:#FF33CC 3px outset}
#menu6 a{color:#003300; padding:5px}
#menu7{background-color:#663300; width:175px; float:left; margin-top:5px; margin-right:29px; border:#FFFFFF 3px inset}
#menu7 a{color:#FFCCCC; padding:5px}
#menu7 h1{color:#CCFFFF}
#menu8{background-color:#FF0000; width:175px; float:left; margin-top:5px; margin-right:2px; border:#33CC00 4px outset}
#menu8 a{color:#FFCC00; padding:5px}
#menu8 h1{color:#FFFF00}
#menu9{background-color:#00FF33; width:175px; float:left; margin-top:5px; margin-right:20px; margin-bottom:5px; margin-left:5px; border:#6633FF 3px inset}
#menu9 a{color:#000066; padding:5px}
#menu10{background-color:#FF00FF; width:175px; float:left; margin-top:5px; margin-right:29px; margin-bottom:5px; border:#33CC00 4px outset}
#menu10 a{color:#33FFCC; padding:5px}
#menu10 h1{color:#FFCCFF}
#menu11{background-color:#00FF7F; width:175px; float:left; margin-top:5px; margin-right:29px; margin-bottom:5px; border:#FF00FF 3px inset}
#menu11 a{color:#CC0000; padding:5px}
#menu12{background-color:#FF9933; width:175px; float:left; margin-top:5px; margin-right:5px; margin-bottom:5px; border:#FFFF00 4px outset}
#menu12 a{color:#333300; padding:5px}
#pie{background-color:#077D07; border:#FFFFFF 1px solid; height:100px; width:800px}
#pie li{list-style:none}
#pieuno{float:left; width:148px; height:100px; background-color:#077D07}
#piedos{float:left; width:496px; text-align:center; background-color:#077D07}
#pietres{float:left; width:148px; background-color:#077D07}
#pie a {color:#FFFF00; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:#6600CC ; text-decoration:underline ; background-color:#336666}
#pie a:active {}
#curva-inferior{ background-image:url(objetos/curva-inferior.gif); background-repeat:no-repeat; width:800px; height:12px; overflow:hidden }
a {font-size:1.1em; text-decoration:none; display:block}
a:link {}
a:visited {}
a:hover {color:#330099; text-decoration:underline}
a:active {}

Cordialmente,

K-3GAMO

hola

agregale altura fija a cada uno de los recuadros
pones esto

#menu2 a{color:#FFFF00; padding:5px}
#menu2 h1{color:#99FF00}

les estás dando caracteristicas al contenido del div menu
pero no al div en si
me explico????

te falta
#menu2 {ancho, alto, float,)

ponle el mismo ancho y altura a cada div de esos, para que se acomoden donde deben ir exactamente, no olvides tener en cuenta los margenes
e ir checando en ambos navegadores al mismo tiempo

saluidos