Muy buenas:

acabo de empezar en este mundo,de hecho ayer colge mi pagina https://devalladolid.webcindario.com/ , y tengo unas cuantas preguntas que espero me solucioneis:

1ª Abriendo mi espacio con IE va todo perfecto pero si abro con MOZILLA se ven descolocadas las capas o tablas

2º En una de las paginas tengo unos graficos ¿por que no se me ven todos? https://devalladolid.webcindario.com/rutas.html

3º A la mayoria de enlaces le tengo metido el codigo tarjet:"_blank que si no me equivoco hace que ese enlace se abra en otra pestaña o pagina, pero a mi me abre en mi propia pagina

4º¿Por que no me se abren los enlaces a clasificaciones?

5º ¿por que no me hacen falta las www.?

6º NO SALGO EN GOOGLE

Deciros que todo esto me funcionaba a la perfeccion en mi ordenador antes de subirlo a mi espacio con el programa cuteftp profesional 8.0.3

GRACIAS DE ANTEMANO

1.- No creo poder ayudarte .

2.- Porque por ejemplo fuensalda%C3%B1a-mucientes-cigales-cabezon-santovenia.JPG tiene espacios u otros carácteres raros, evita los espacios, es decir renombra , vuelve a subir a linkear dichas imagenes.

3.- Donde por ejemplo.

4.- Si habre la página clasificaciones, los enlaces dentro de dicha página mismo error que con las imagenes, hay espacios u otros caracteres.

5.- Porque no eres un dominio propiamente tal, eres http://tuweb.webcindario.com, además toda ruta absoluta comienza por http://...

6.- Porque lo acabas de decir, recien subiste tu web ayer , y la aparición en los buscadores puede tardar algo de tiempo, días , semanas ...

1ª Abriendo mi espacio con IE va todo perfecto pero si abro con MOZILLA se ven descolocadas las capas o tablas

2º El caracter raro es una "ñ" y para no poner espacios en blanco usé guiones y todos los gráficos están nombrados así y en el mismo directorio por lo que no me explico que unos se vean y otros no https://devalladolid.webcindario.com/rutas.html

3º A la mayoria de enlaces le tengo metido el codigo tarjet:"_blank que si no me equivoco hace que ese enlace se abra en otra pestaña o pagina, pero a mi me abre en mi propia pagina, por ejemplo todos los de esta página https://devalladolid.webcindario.com/federaciones.html ,y lo que a mi me gustaria es que se abrierán en otra pestaña

Gracias, ya solo me quedan 3 dudas

1.- Si entiendo lo que dices, sólo que no trabajo con capas por eso no te puedo ayudar, porque no se. Yo Trabajo a la antigua con tablas , de ancho fijo . Y no tengo problemas .

2.- Te insisto renombra si es añorar.jpg a anorar.jpg , luego reelanza , y sube todo nuevamente.

3.- No veo el blank por ningun lado

1-¿pruevo en otro sitio del foro?

2.-Voy a provar lo de renombrar

3.-<a href="http://www.fetacyl.org/#index.html"tarjet=_blank>Federacion Regional de Castilla y León</a>

GRACIAS POR AYUDARME

Prueba a poner esto " con el blank, es decir:

<a href="http://www.fetacyl.org/#index.html"tarjet="_blank">Federacion Regional de Castilla y León</a>

Lo mejor es leas sobre capas y maqueteo con ellas .

¿Que es eso del "maqueteo"?

GRACIAS a todos poco a poco voy solucionando todos los problemas.

 malditos espacios en blanco diéresis y EÑES

maqueteo es el diseño del esqueleto o estructura misma de la web (eso si guardando las proporciones, porque es mucho más que el siemple ordenamiento de cosas en una plantilla).

Buenas.

Yo programo con CSS y he de decir que el IE no es el Mozilla, y viceversa. Mozilla tiene unos tamaños distintos al IE. Me explico.... Mientras en el IE tu ves un input text de un tamaño, en el mozilla lo verás de otro tamaño...
Si maquetas por porcentajes en vez de pixels, puede que no te quede igual pq la pantalla del mozilla sea mayor que la del IE, por lo que todo te quedará más arriba, a la izq, o lo q sea... (aunque suele ser la del IE la que tiene mayor zona de lectura). Yo prefiero los pixels salvo que sea una cantidad pequeña (ej. left:5%), para todo lo demás, Master Card Hablando en serio.... mozilla está genial, pero las dimensiones de sus controles suelen ser de otro tamaño que en IE, por eso no lo ves igual. También he de decir, a favor de mozilla, es que tengo una web flash transparente y en mozilla funciona a la perfección y en IE no va.

PD: Abrir es sin H (leí habre) y PROBAR es con B (leí provar).....

Antes de nada pedir perdon por las faltas de ortografía, que hacen daño a la vista.

Te diré que mi navegador por excelencia es MOZILLA, de ahi que me moleste mas todabía que mi página no se vea bien con el.

en cuanto a la programación, yo también he usado los archivos .CSS y los tamaños y dimensiones les he dado en píxeles.

¿donde demonios está el fallo para que todas las páginas se me descuadren?, es mas la única tabla que he creado se me sale de su espacio http://www.devalladolid.webcindario.com/subidas.html

archivo .CSS para la mayoría de páginas

* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #A020F0}
body {text-align: center}
#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:white ; color:#00008B ; font-size:1em ; height: 45px}
#navegacion {background-color: turquoise ; color:silver ;list-style:none ; font-size:1.1em ; font-family:Monotype Corsiva ; height: 0px}
#navegacion ul { margin-left: 5px }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#subciclismo {background-color: violet ; color:bronze ;font-family:Monotype Corsiva ;
               list-style:none ; font-size:0.8em ; font-family: arial ; height: 20px}}
#subciclismo ul { margin-left: 5px }
#subciclismo li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#contenido {background-color: black ; text-align:center }
#contenido p {padding: 5px 10px 20px 10px ; text-align:center}
#contenido h1 {padding: 20px 10px 10px 10px ; color:#4876FF}
#contenido h4 {padding: 20px 10px 10px 10px ; color:#4876FF}
#contenido h4 a {color: #FFA07A; font-size:1.3em ; text-decoration: none}
#contenido h4 a:link { }
#contenido h4 a:visited {}
#contenido h4 a:hover {color:white ; text-decoration: underline ; background-color: blue}
#contenido h4 a:active { }
#contenido h5 {padding: 20px 10px 10px 10px ; Color:orange ; font-size: 16px;}
#contenido-rutas {text-align:center ; text-align: justify ; margin: 0px 50px }
#contenido-rutas img {margin: 30px 0px 0px 0px ; img-align: center}
table {text-align:center}
td {color:white}
p {color:white}
a {color: blue; font-size:1.3em ; text-decoration: none}
a:link { }
a:visited {}
a:hover {color:white ; text-decoration: underline ; background-color: purple}
a:active { }
.unnamed1 {font-family: Arial, Helvetica, sans-serif; Font-size: 14px; font-style: normal;line-height: normal;font-weight: normal;font-variant: normal;
 text-transform: capitalize;left: auto;}
#e-mail {background-color: white ; text-aling:center}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width: 800px ; height:12px ; overflow: hidden }  
.tablasubidas {
 letter-spacing: normal;
 text-align: center;
 vertical-align: middle;
 word-spacing: normal;
 white-space: normal;
 border: thin outset #000099;
 width: 800px;
 font-family: Arial, Helvetica, sans-serif;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 text-transform: capitalize;}

Archivo .CSS para la página de inicio y las de clasificaciones

* {margin:0px ; padding:0px ; border: 0px}
body {background-color: #A020F0}
body {text-align: center}
#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:#00008B ; color:silver ; font-size:1em }
#navegacion {background-color: turquoise ; color:silver ;list-style:none ;
               font-size:1.1em ; font-family:Monotype Corsiva ; height: 25px}
#navegacion ul { margin-left: 10px }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#subnavegacion {background-color: violet ; color:bronze ;font-family:Monotype Corsiva ;
               list-style:none ; font-size:0.8em ; font-family: arial ; height: 20px}}
#subnavegacion ul { margin-left: 15px }
#subnavegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#contenido {background-color: black ; color:white ; text-align:center ; width:800px}
#contenido h2 {padding: 20px 10px 10px 10px}
#contenido h4 {padding: 20px 10px 10px 10px}
#menu       {background-color: lorange ; width: 150px ; float:left ;
             text-align:left ; margin: 3px 3px 3px 3px ;
             background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom ; padding-bottom:0px 0px; background-repeat: no-repeat}
#menu li    {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
          background-image: url(objetos/menu-parte-superior.gif) }
hr {background-color: #A020F0}     
a {color: blue; font-size:1.3em ; text-decoration: none}
a:link {}
a:visited {}
a:hover {color:white ; text-decoration: underline ; background-color: purple}
a:active { }
a {color: blue; font-size:1.3em ; text-decoration: none}
#menu a {color: black; font-size:1.3em ; text-decoration: none}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:purple ; text-decoration: underline ; background-color: violet}
#menun a:active { }
#contenido a {color: white; font-size:1em ; text-decoration: none}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {color:yellow ; text-decoration: underline ; background-color: red}
#contenido a:active { }
#pie {background-color: #00008B ; color:silver ; text-aling:center}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
                  background-repeat: no-repeat ;
                  width: 800px ;
                  height:12px ;
                  overflow: hidden } 
.enlacetriatlon {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-style: normal;
 font-weight: normal;
 color: #9900FF;
 cursor: hand;
 line-height: normal;
 font-variant: normal;
 text-transform: uppercase;
 text-decoration: none;
 letter-spacing: normal;
 word-spacing: normal;
 white-space: normal;}

No sé cual de todos esos estilos es el de la tabla, pero con la misma estás poniendo position:relative en vez de position:absolute.... o el margin:right en vez de margin:left.... no sé. Yo uso resolución de 1200x800, o algo así, en el portatil y raro es que vea algo descuadrado, hasta las mias las veo bien, y eso que soy nobel,por decirlo así. Mi consejo es que quites pixels del left hasta que lo veas bien.... y si en el IE lo ves bien y en el mozilla lo ves mal, pues cuadratelo en el mozilla y pon..."web optimizada para mozilla en tal resolución" y ya ta xDDDD
Trankilo que todo sale muxaxo!