A veces, las tareas más simples en una página web pueden conducir a búsquedas largas e inútiles a través de publicaciones de blog y sitios web cargados de anuncios. Tuve esta experiencia en busca de una manera de usar un doble subrayado en algunos números, ¡y una solución simple que funcionó nunca se encontró! Afortunadamente pude preparar una solución decente que estoy seguro de que otros se han topado. Las siguientes son instrucciones para aplicar un doble subrayado a los números en su página HTML y otras soluciones HTML que uso con frecuencia. Se pueden aplicar utilizando un programa de texto básico como el bloc de notas de Windows o cualquier editor HTML.
Doble subrayador: simple y en el código
muchos enfoques para aplicar el doble subrayador implica editar la hoja de estilo y luego aplicar el estilo al texto o los números. Las siguientes etiquetas se pueden colocar en el HTML directamente alrededor del texto o los números que desea subrayar:
& ltu;> & ltspan; style = "Border-Bottom: 1px Double #000;"> $ 14,481
La primera etiqueta aplica el subrayado HTML genérico. El segundo asigna un estilo que resulta en otro subrayado a una altura ligeramente diferente a la primera.
Necesita un tablero: no un guión y no una línea
cuando lo necesite De un tablero, los escritores en línea a menudo deben recurrir a un guión o, para el escritor discriminatorio, dos guiones. Muchos programas de edición HTML ofrecen “EM-Dash” como un personaje especial. Este tablero es más largo que un guión, pero termina mirando demasiado tiempo. Un cambio simple en el código HTML para el EM-Dash dará como resultado el tablero perfecto para dividir las oraciones.
Insertar el EM-Dash con un editor HTML produce el siguiente código:
"-"
Si reemplaza el 2 final en el código con un 1, obtienes un tablero atractivo y de tamaño razonable. Por lo tanto, la solución final es exactamente:
-
Crear un enlace de imagen sin un contorno azul o colorado
Agregar un enlace a una imagen es un procedimiento simple en la mayoría Programas de diseño web, pero el proceso a menudo da como resultado una línea azul o color alrededor de la imagen. El resultado puede ser poco atractivo o no deseado, sin medios obvios para deshacerse de la frontera. Agregar lo siguiente después del nombre de la imagen en el código HTML eliminará el borde de enlace predeterminado: border = “0”. Así es como se vería el nombre de imagen completo en el código:
& ltimg; src = "imágenes/your_image_name.jpg" border = "0">
La página web se minimiza hasta que el contenido se aplasta como un frijol de cadena
Hay ciertos navegadores que no Manejar un ancho de página mínimo bien. Aunque puede usar CSS para especificar un tamaño mínimo, cuando prueba su sitio, nota que el contenido aún se puede minimizar hasta que todo esté aplastado en una columna estrecha. Colocar el siguiente código en la sección de encabezado HTML de su página web ayudará a garantizar que los navegadores respeten el ancho de su página mínima. La sección del encabezado HTML viene primero en el código y consta de toda la información entre las siguientes etiquetas:
& lthead;> y
Por lo general, coloco el código justo antes de la etiqueta de cierre para fácil referencia. Puede usar los dos números en el código (970 en este ejemplo) para especificar su ancho mínimo, y siempre deben ser el mismo valor. A menudo es mejor experimentar con diferentes valores hasta que lo obtenga bien. Además, y muy importante, todo el cuerpo de la página web debe colocarse entre las siguientes etiquetas:
& ltdiv; id = "wrapper1"> y
Aquí está el código:
Estos pocos trucos HTML me han guardado mucha búsqueda y los uso con gran frecuencia. Cuando está en un enlace o tiene opciones limitadas, pueden salvar el día.
