En el ratón, yo tenía un botón central que, cuando hacía click en un vínculo de los marcadores, se abría en una nueva pestaña. Ha muerto, ha huido, no sé, un día se fue y no volvió más. Si alguien lo ve por ahí, ¿le puede avisar que lo extraño?
En el ratón, yo tenía un botón central que, cuando hacía click en un vínculo de los marcadores, se abría en una nueva pestaña. Ha muerto, ha huido, no sé, un día se fue y no volvió más. Si alguien lo ve por ahí, ¿le puede avisar que lo extraño?
margin VS padding |
margin: superior derecho inferior izquierdo margin-top: | margin-right: | margin-bottom: | margin-left:Establece la cantidad de espacio entre un elemento y el elemento adyacente.
Puede ser una longitud (positiva o negativa) un porcentaje o auto.
padding: superior derecho inferior izquierdo padding-top: | padding-right: | padding-bottom: | padding-left:Establecen la distancia entre los bordes de un elemento y el área que lo contiene.
No admite valores negativos.
Vamos a imaginar que hay un bloque dentro de otro bloque y, que en ambos, las propiedades margin y padding son 0px:
<div style="background-color:oldlace;height:100px; ... "> /* EXTERNO */ <div style="background-color:tomato; ... "> /* INTERNO */ CONTENIDO ... </div> </div>Aquí hay una herramienta simple donde puede probarse qué significa cada propiedad. Cambien los valores de margin y padding para cada uno de los bloques, opriman el botón correspondiente y vean cómo actua cada propiedad en el navegador que están usando.
| Bloque EXTERNO | Bloque INTERNO | ||
CSS: orden de prioridades |

Cuando agregamos reglas o propiedades CSS no sólo debemos cuidar que la sintaxis sea correcta ya que hay un orden de prioridades que a veces tiene que ver con el orden real en que se han enumerado pero también con el valor específico del selector que usamos.
Un peligro latente |
"Según un relevamiento que realizó la revista Forbes existe un decálogo de acciones que pueden traer graves consecuencias para el usuario y la computadora. Repase el listado para prevenir problemas"
Por supuesto, como la mayoría de las noticias de las secciones pseudo-tecnológicas de los diarios, las recomendaciones son obvias, abrir adjuntos desconocidos, revelar contraseñas o ingresar datos personales en cualquier lado, pero hay uno en especial, en el número 10 que no entiendo: "Participar en redes sociales."

Ahora que lo pienso, los de Forbes tienen razón: ES MUY PELIGROSO ... para ellos.
POST-EDICION: por si alguien no entendió, esto, continúa ACA.
BitTorrent se cruzó de vereda |
BitTorrent.com no ofrecerá vínculos que ofrezcan material pirateado. "Este acuerdo supone un golpe a la piratería pues el motor de búsqueda en actividad ubicado en BitTorrent.com dejará de ofrecer vínculos que ofrezcan material pirateado."
La mula tuvo un ataque de tos y continuó tirando del carro, como siempre.
mailto |
<a href="mailto:usuario@servidor.com"> texto </a>Cuando se hace click sobre el vínculo, el navegador abre el cliente de correo por defecto con un nuevo mensaje listo para ser enviado.
Esta código puede ser ampliado para que incluya información adicional de la siguiente manera:
<a href="mailto:usuario@servidor.com?CODIGOadicional"> texto </a>donde el código adicional puede ser:subject=texto incluye el texto en el campo ASUNTO
cc=direccion@servidor.com incluye una dirección en el campo CC
bcc=direccion@servidor.com incluye una dirección en el campo BCC
Sólo puede ser utilizada una de las opciones a la vez y, por supuesto, el usuario puede modificar los campos a su gusto antes de enviarlo.
META Blogger Beta |
<META name='tipo' content='contenido' />
Blogger Beta, a través de un código específico:<b:include data='blog' name='all-head-content'/>agrega un conjunto de metados de manera automática:
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>pero nosotros, podemos agregar cualquier otro. Personalmente, los ubiqué inmediatamente después del tag <head>;:
especifica la codificación y el tipo
<meta content='true' name='MSSmartTagsPreventParsing'/>
controversial atributo introducido por Microsoft
<meta content='blogger' name='generator'/>
indica al creador de la página web
<head>META description está considerado como imprescindible, es el que utilizan los buscadores y, muchas veces, es su contenido el que muestran como sumario de una página. Simplemente es un texto descriptivo del contenido de la página (en este caso del blog entero) sin ningún tipo de restricción, aunque se recomienda no incluir el título dentro del mismo. Qué y cuánto poner parece subjetivo, unos dicen que deber ser conciso mientras otros dicen que debe ser amplio (hasta 150 caracteres). Su código es el siguiente:
<meta ....... />
.......
<meta ....... />
<b:include data='blog' name='all-head-content'/>
<meta name="description" content="... texto_personal ..." />
META keywords también está considerado como imprescindible, contiene palabras clave que sirven de referencia del contenido. Pueden colocarse hasta 1024 caracteres, separando cada palabra por medio de una coma o un espacio:<meta name="keywords" content="... palabra, palabra, palabra ..." />
META refresh permite establecer cada cuánto tiempo (expresado en segundos) se recargará la página:<meta http-equiv="refresh"content="segundos" />
con refresh también podemos redireccionar al usuario de una pagina a otra:<meta http-equiv="refresh" content="segundos;URL=http://www.xxxxx/index.htm" />
META Robots los robots son programas que usan los buscadores para indexar las páginas (visitan y registran todos los vínculos en su base de datos):<meta meta name="robots" content="TIPO" />
donde TIPO va a indicar cómo queremos que actuen los robots:content="all" todas las paginas son indexadas
content="noindex,nofollow" no añade la página al motor de búsqueda
content="noindex,follow" no añade la página inicial pero si resto de lo enlaces
content="none" igual que el anterior
content="index,nofollow" sólo indexa la pagina inicial
content="index,follow" indexa la página y todos sus vínculos (opción por defecto y la más utilizada)
El uso de META author, META copyright, META date, META language y META rating es evidente:
<meta name="Author" content="... nombre_autor ..." />
<meta name="copyright" content="... texto_advertencia ..." />
<meta name="Date" content="... fecha ..." />
<meta name="language" content="es" />
<meta name="rating" content="general|mature" />
META Cache-Control y META Pragma evitan que la página sea guardada en la caché del usuario. La primera es de uso genérico y la segunda es para los navegadores Netscape. Son útiles cuando tenemos un sitio que se actualiza muy seguido pero sus resultados son poco fiables:
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="... fecha ..." />
si se quiere que sea inmediatamente utilizar:<meta http-equiv="Expires" content="0" />
Eso es todo. Incluir description y keywords me parece casi obligatorio pero tengan en cuenta que el uso de palabras claves falsas para mejorar las estadísticas está considerado un fraude por los motores de búsqueda.





