Foros del Web » Creando para Internet » CSS »

Aporte: pequeña guía de migración a XHTML+CSS

Estas en el tema de Aporte: pequeña guía de migración a XHTML+CSS en el foro de CSS en Foros del Web. Ya lo suponía, j*f*, que andarías en ello. ¡Que no borren mi comentario para poder decirles a mis nietos: yo fui quien ...!" Ahora en ...

  #61 (permalink)  
Antiguo 04/12/2008, 17:32
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 9 meses
Puntos: 539
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Ya lo suponía, j*f*, que andarías en ello.
¡Que no borren mi comentario para poder decirles a mis nietos: yo fui quien ...!"
Ahora en serio.
Merecería la pena embarcarnos en ello.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #62 (permalink)  
Antiguo 04/12/2008, 17:47
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Cita:
Iniciado por kseso? Ver Mensaje
Ya lo suponía, j*f*, que andarías en ello.
Empezaba a pensar en esa forma de hacerlo para ahorrarme curro

Cita:
Iniciado por kseso? Ver Mensaje
¡Que no borren mi comentario para poder decirles a mis nietos: yo fui quien ...!"
Voy a ver si se me permite borrar comentarios ajenos (no temas, no puedo hacerlo, que si no...)
Cita:
Iniciado por kseso? Ver Mensaje
Ahora en serio.
Merecería la pena embarcarnos en ello.
Hay que reunir fuerzas, la verdad. Creo que es algo "tocho"
__________________
Visita mi nueva web idplus.org
  #63 (permalink)  
Antiguo 05/12/2008, 15:40
 
Fecha de Ingreso: diciembre-2008
Ubicación: Cordoba
Mensajes: 127
Antigüedad: 15 años, 3 meses
Puntos: 17
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

excelente guia!

  #64 (permalink)  
Antiguo 05/12/2008, 16:08
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Gracias, me alegro de que te guste.

El otro día en otra parte se suscitó el debate de si diseño líquido o estático, y había gente que decía que le resultaba mucho más cómodo leer en columnas más estrechas (creo que en realidad a casi todo el mundo, de ahí las columnas periodísticas), por lo que he incorporado una utilidad a la guía para poder leerla en una columna con un ancho menor.

A ver si os gusta.

El enlace es el mismo del principio.
__________________
Visita mi nueva web idplus.org
  #65 (permalink)  
Antiguo 05/12/2008, 18:15
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Yo prefiero estrecha!
Más que nada porque la pantalla es de 22" y me mareo de mirar a un lado y al otro...
Por otro lado, el inconveniente que veo es que se salen los gráficos del principio y algunas palabras del final de la línea...
He estado probando y si el ancho lo pones a 51em ya entra todo y queda bien...

Por otro lado, he tenido que mirar dos veces para darme cuenta donde estaba el enlace de estrecho... igual puedes ponerlo en otro lugar...

Un saludo!

Ares.
  #66 (permalink)  
Antiguo 05/12/2008, 18:42
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Creo que debes refrescar a caché de tu navegador: nada se debe salir, pero esas imagenes ya las tienes en la caché. Pruébalo.
__________________
Visita mi nueva web idplus.org
  #67 (permalink)  
Antiguo 05/12/2008, 19:57
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 23 años
Puntos: 535
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Como te comenté "en la otra parte" (o "en el otro lado"), donde se suscitó el debate de si diseño líquido o estático: practicomodísimo!
__________________
...___...
  #68 (permalink)  
Antiguo 05/12/2008, 21:11
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 18 años, 4 meses
Puntos: 12
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Excelente, aun así debo decir que en dos puntos se sale el texto, no se si esto sea un error o no.
Conceptos Generales

Cita:
<a href="http://www.google.es">Enlace</a>, <div class="miclase">...</div>
Etiquetas Meta

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>Cajas con sombra una sola imagen - Recursos CSS - araudi.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Keywords" content="recursos, css, diseño, web, xhtml, software
libre" />
<meta name="Description" content="Pagina dedicada a recursos de diseño Web
con CSS, en castellano" />
<meta name="Author" content="Mikel Morote Donazar" />
<meta name="Subject" content="Recursos CSS" />
<meta name="Language" content="es" />
<meta name="Robots" content="index, follow" />
<link rel="alternate" href="http://www.araudi.net/indice.html" title="Indice
de contenidos" media="all" lang="es" />
<link rel="stylesheet" href="css/indice.css" type="text/css" />
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos
  #69 (permalink)  
Antiguo 05/12/2008, 21:48
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 23 años
Puntos: 535
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Cita:
Excelente, aun así debo decir que en dos puntos se sale el texto, no se si esto sea un error o no.
Es cierto, aunque debo decir que sólo lo noté con IE7.
Y, aparentemente, sólo ocurre con los <pre> cuyo contenido sea muy largo, como por ejemplo:

Cita:
<pre>&lt;a href="http://www.google.es"&gt;Enlace&lt;/a&gt;, &lt;div class="miclase"&gt;...&lt;/div&gt;</pre>
U saludo
__________________
...___...
  #70 (permalink)  
Antiguo 06/12/2008, 03:51
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Ah, sí, lo siento. Estaba entre las tareas y lo olvidé.

El asunto es que la etiqueta "pre" tiene definido por defecto un tipo de letra monoespaciado como "Courier" y un tamaño de 12px, pero explorer no lo entiendo así, no asignando tamaño.
Por eso en FF se ve correctamente, sin que nada se salga, y en IE7 se ve la letra de lo que es código mucho más grande. Lo había corregido para IE6 con un important pero olvidé que tenía que mirar de corrregirlo en IE7.

Ya está arreglado, asignando a "pre" el tipo de letra "Courier" el el tamaño de 1em (como si no los tuviera ya por defecto), para que IE lo entienda. Si refrescáis la caché veréis que ya está arreglado.

Aun se sale un poquillo el Opera y Safari pero me da más bien igual.
__________________
Visita mi nueva web idplus.org
  #71 (permalink)  
Antiguo 06/12/2008, 04:23
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

He refrescado la caché y las imágenes del principio se salen, y parte del texto también...

Probaré más adelante por si acaso...

Aresillo!!
  #72 (permalink)  
Antiguo 06/12/2008, 12:08
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Es curioso cómo escribiendo una cosa de estas te centras en el contenido y a veces descuidas el formato. He cambiado las etiquetas "pre" por "code", que por otra parte era mucho más lógico, y el texto de código ya no se puede salir en el formato estrecho en ningún navegador.

Ya imagino lo que ocurre, Aresillo, y es que tú usas un tamaño predefinido más pequeño que 16px, que es el que uso yo. Ya lo he corregido, pero desgraciadamente la imagen de la tabla vacía se estropea un poco.
__________________
Visita mi nueva web idplus.org
  #73 (permalink)  
Antiguo 06/12/2008, 12:44
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

La tabla la veo bien, no se sale nada a excepción de esta imagen:


Y una pregunta, se podría justificar el texto, yo al menos lo prefiero...

Aresillo!!
PS: Buen trabajo Mik, gracias por preocuparte tanto por la accesibilidad
  #74 (permalink)  
Antiguo 06/12/2008, 12:49
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Esa imagen del demonio...

Es que si la adapto se deja de entender el texto. En la primera versión estaba hecho simplemente en código y no había ningún problema (todas las imágenes, en realidad), pero en ese caso sin CSS todo desaparece y no hay texto de reemplazo, así que convertí todos los ejemplos en imágenes.

Si puedo hacer algo lo haré, pero si no, a los que usáis pantallas de 22" y tamaños de letra de 12px os darán morcilla
__________________
Visita mi nueva web idplus.org
  #75 (permalink)  
Antiguo 06/12/2008, 13:13
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Arreglado. También se salía la imagen de la posición absoluta y está corregido.

Mira a ver.
__________________
Visita mi nueva web idplus.org
  #76 (permalink)  
Antiguo 06/12/2008, 15:37
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Everything right!

Gracias por preocuparte por los de pantalla de 22"

Aresillo!!
  #77 (permalink)  
Antiguo 07/12/2008, 20:12
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 23 años
Puntos: 535
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Hola, sólo comentar a esto:

Cita:
Y una pregunta, se podría justificar el texto, yo al menos lo prefiero...
Sólo lo he leído, pero me parece totalmente lógico, y es que el "justificado" en el texto empeora la lectura.
__________________
...___...
  #78 (permalink)  
Antiguo 09/12/2008, 17:35
Avatar de DoPeY-BBS  
Fecha de Ingreso: octubre-2005
Ubicación: Santo Domingo, Dominican Republic, Dominican Republic
Mensajes: 574
Antigüedad: 18 años, 4 meses
Puntos: 12
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

A mi no me funcionan los acceskey? en ningunos de los dos navegadores que tengo firefox 3.0 ni ie 6.0

EDITO

Problema Resuelto

Por lo menos con el teclado numérico no funciona conmigo
__________________
http://www.htmldog.com/HTML, CSS, and JavaScript,

http://tutorialphp.net/
Aprende PHP en 12 capítulos

Última edición por DoPeY-BBS; 09/12/2008 a las 18:46 Razón: Solucionado
  #79 (permalink)  
Antiguo 09/12/2008, 18:28
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Pues no sé que te ocurrirá, pero:

IE6: alt + tecla de acceso + enter - va bien
FF2 y 3: alt+mayus+tecla - va bien

Al menos a mi me van bien.
__________________
Visita mi nueva web idplus.org
  #80 (permalink)  
Antiguo 16/12/2008, 04:41
Avatar de STK_Pablo  
Fecha de Ingreso: junio-2008
Ubicación: Las Rosas - Santa Fe - Argentina
Mensajes: 69
Antigüedad: 15 años, 9 meses
Puntos: 1
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Justo lo que estaba buscando, ya que deseaba pasar mi sitio de tablas a divs, gracias....
  #81 (permalink)  
Antiguo 19/12/2008, 09:22
Avatar de alapaco  
Fecha de Ingreso: septiembre-2003
Ubicación: Caballito - Buenos Aires - Argentina - América del Sur - Planeta Tierra - Sistema Solar - Vía Láctea
Mensajes: 216
Antigüedad: 20 años, 6 meses
Puntos: 5
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Excelente guía, me sirvió mucho lo del atributo position.
__________________
__________________
Álvaro Lapacó
  #82 (permalink)  
Antiguo 18/01/2009, 05:35
 
Fecha de Ingreso: enero-2009
Mensajes: 15
Antigüedad: 15 años, 2 meses
Puntos: 1
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Muy buenoOoooooooooooo!
básico y fácil de entender, comparto completamente que es cambiar la forma de "pensar" se hace difícil, pero despues se mirá para atrás..y se ve, cuanto se perdía..!
Las tablas siguen siendo útiles para algunas cosas, personalmente para paginación de elementos en aplicaciones, las sigo usando.

felicitaciones!

Última edición por webosiris; 18/01/2009 a las 05:40 Razón: elimino firma
  #83 (permalink)  
Antiguo 03/03/2009, 11:45
 
Fecha de Ingreso: marzo-2007
Mensajes: 21
Antigüedad: 17 años
Puntos: 0
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Hola, estoy 'tratando de cambiar' pero no lo logro del todo. Quisiera quitar un iframe donde muestro distintos archivos (siempre sobre index.php), pero no lo logro con css/divs. Necesito que me den una idea como para 'arrancar' y ver si logro resolverlo.Gracias.
  #84 (permalink)  
Antiguo 03/03/2009, 11:46
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 18 años, 10 meses
Puntos: 839
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Algo así, no podrás hacer con CSS. Deberías hacerlo con AJAX.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #85 (permalink)  
Antiguo 03/03/2009, 11:56
 
Fecha de Ingreso: marzo-2007
Mensajes: 21
Antigüedad: 17 años
Puntos: 0
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

mmm, creo que entonces dejare todo igual ya que funciona perfecto, solo era un cambio visual.Gracias David.
  #86 (permalink)  
Antiguo 03/03/2009, 12:03
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

La etiqueta iframe puede sustituirse en algunos casos por <object>, pero no es una cuestión de CSS, ya que CSS se limita a la presentación, no a la funcionalidad.
A menos que quieras cambiar la estructura de tu sistema, deberías seguir con <iframe>


Saludos.
  #87 (permalink)  
Antiguo 03/03/2009, 12:11
 
Fecha de Ingreso: marzo-2007
Mensajes: 21
Antigüedad: 17 años
Puntos: 0
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Sí, seguire con iframe por ahora.Gracias.
  #88 (permalink)  
Antiguo 04/03/2009, 23:49
Avatar de Anya82
Colaborador
 
Fecha de Ingreso: noviembre-2007
Ubicación: tij.bc.mx
Mensajes: 1.269
Antigüedad: 16 años, 3 meses
Puntos: 196
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Hey! Mik!
Gracias por tu ayuda! me uno al gremio de seguidores de tu guia! jeje
quiero aprender CSS y me servira muchisimo tu guia, gracias por el tiempo invertido!
__________________
¿Ya se enteraron? Grandes y maravillosas noticias... ¡Google no te cobra por búsqueda!
  #89 (permalink)  
Antiguo 05/03/2009, 01:17
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Hola, Anya. Ya ves que es muy específica para la migración (no muy orientada a aprender CSS en sí), pero bueno, algo puede orientar.

Me alegro de que te guste. La segunda parte es más práctica

Te veremos pues por aquí buscando cosillas y aclarando dudas en breve, ¿no?
__________________
Visita mi nueva web idplus.org
  #90 (permalink)  
Antiguo 06/03/2009, 12:38
 
Fecha de Ingreso: marzo-2009
Mensajes: 4
Antigüedad: 15 años
Puntos: 0
Respuesta: Aporte: pequeña guía de migración a XHTML+CSS

Gracias señor por la guia.
Es muy buena para tener las cosas mas claras.
Que santa Lucia le conserve la claridad de ideas.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 33 personas




La zona horaria es GMT -6. Ahora son las 01:42.