Cómo hacer un DIV CSS Enlace

etiquetas DIV definen un área rectangular dentro de páginas HTML. CSS (Cascading Style Sheets) son archivos de texto que controlan el diseño y la apariencia de las páginas HTML. Por ejemplo, "<a>", que se utiliza para crear enlaces es un elemento en línea, mientras que la etiqueta DIV es un elemento de bloque. Así que técnicamente etiquetas DIV no pueden residir dentro de las etiquetas de anclaje. Sin embargo, la solución es colocar la etiqueta de anclaje dentro de la etiqueta DIV y estirar las dimensiones de la etiqueta de anclaje para ajustarse al tamaño de la etiqueta DIV.

Instrucciones

1 Abrir el código fuente HTML y el archivo de código CSS adjunta de la página Web en diferentes ventanas o pestañas de un editor HTML o texto básico como el Bloc de notas.

2 Busque el DIV requerida dentro del código HTML. Tomar nota de la identificación y / o clases definido para el elemento DIV.

3 Coloque una etiqueta de anclaje (enlace) dentro de la etiqueta DIV.

4 Analiza el archivo CSS para la parte que los estilos de la etiqueta div en particular. Utilice el ID de clase o nombres DIV para encontrar el bloque de código.

5 Copia el código de bloque de CSS que los estilos de la DIV particular, y duplicar el código pegándola justo por debajo del original.

6 Coloque el único carácter "a" entre el id / DIV de clase y de los corchetes dentro del bloque de código copiado. Esto transformará el bloque de código CSS copiado de peinar el elemento DIV en labrar la etiqueta de anclaje dentro del elemento DIV.

7 Inserte la línea de código CSS "display: block;" en el bloque de código recién creado para la etiqueta de anclaje.

Consejos y advertencias

• etiquetas de anclaje pueden ser de estilo para aparecer como elementos de nivel de bloque o de diseño tales como DIVs utilizando "display: block;" código en CSS. Por lo tanto, no es necesario que la etiqueta DIV de existir si el propósito de la DIV es sólo para definir el área enlazable.
• Lógicamente, elementos DIV no se pueden hacer enlaces CSS. Sin embargo, las etiquetas de anclaje dentro de elementos DIV se pueden estirar para ajustarse al tamaño del elemento contenedor.
• Utilice fronteras CSS en diferentes colores, tanto para el DIV y la etiqueta de anclaje durante la prueba.
• Deja el bloque de código para el elemento DIV en blanco con el fin de evitar el código CSS redundante en la fuente. Pero asegúrese de que existe el código exacto dentro del bloque de código para la etiqueta de anclaje.
• líneas de código CSS terminan con punto y coma. La omisión de este, excepto en la última línea de un bloque de código, creará errores inesperados.
• bloques de código CSS están confinados entre llaves. soportes no cerradas o cierre de llaves adicionales pueden poner en peligro no sólo el bloque de código en particular, sino también a todo el archivo CSS.