¡Caminando hacia el éxito!

Aprende en Comunidad

Avalados por :

¿Cómo configurar la declaración DOCTYPE en un componente de portal para mejorar el CSS?

  • Creado 01/03/2024
  • Modificado 01/03/2024
  • 21 Vistas
0
Cargando...

Necesito una declaración de tipo de documento (DOCTYPE) en la parte superior de la salida HTML de un componente de portal para que funcionen algunas características de CSS. Si no sabes de lo que estoy hablando, es una declaración del tipo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

en la parte superior de una página HTML.

¿Alguien sabe dónde configurar esto y en qué nivel?

He notado que el HTML de SDN sí tiene la declaración DOCTYPE, pero nuestro propio portal parece no producir esta declaración DOCTYPE.

Pedro Pascal
Se unió el 07/03/2018
Pinterest
Telegram
Linkedin
Whatsapp

4 Respuestas

0
Cargando...

Anton,

El contexto es un intento de crear un menú dinámico basado en CSS para el portal como reemplazo de los menús predeterminados del portal. Quiero que toda la jerarquía sea visible en el cliente sin necesidad de regresar al servidor para profundizar en la jerarquía como lo hace la navegación detallada entregada por SAP.

También se requiere tener esquinas redondeadas para las pestañas del menú, algo que también quiero lograr a través de CSS.

Mi componente del portal crea una lista sin numeración a partir de la estructura del menú del portal. Las definiciones de clase de CSS convierten esta lista en un menú dinámico horizontal.

La idea está inspirada en ejemplos disponibles en las siguientes URL

http://www.alistapart.com/articles/horizdropdowns/

y

http://www.seoconsultants.com/css/menus/tutorial/

El estado actual de mi proyecto de prueba es que el menú funciona en un maquetado HTML puro con el DOCTYPE en la parte superior, pero no dentro del contexto de mi componente del portal.

PS: gracias por la referencia al artículo sobre DOCTYPE. Hay uno similar en alistapart, por cierto, que ya leí y que es exactamente la razón por la que estoy tratando de establecer el doctype y ver si esto resuelve mi problema: http://www.alistapart.com/articles/doctype/

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Hola Theo

No puedo responder tu pregunta sobre cómo hacerlo, pero más bien cuestiono por qué querrías hacerlo.

Si se excluye la declaración de tipo de documento de un documento html o se incluye una incompleta como la declaración en sdn, se cambia a los navegadores modernos al modo de renderizado llamado "modo de quirks". En este modo, un navegador moderno renderiza de acuerdo al comportamiento de diseño no estándar de los navegadores más antiguos. Algunas páginas pueden depender de ser renderizadas de esa manera. No me sorprendería si EP depende de ese comportamiento de diseño.

Si se incluye una declaración de tipo de documento completa, el modo de renderizado del navegador puede cambiar a un modo "estricto" o "casi estricto". Si haces eso en páginas que dependen de un comportamiento de diseño no estándar, el diseño parecerá estar "roto".

El artículo al que me referí, tiene buenos consejos sobre cuál doctype puede ser el más apropiado. Cuando un documento html no se valida, como las páginas en sdn, entonces es mejor no usar ningún doctype.

No estoy seguro de qué características de CSS no funcionan sin una declaración de doctype. Si me das más información al respecto, quizás pueda ayudarte.

Anton

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Solo para agregar mi granito de arena. Tuvimos un problema importante al agregar la declaración DOCTYPE en la parte superior del sitio SDN. Con el portal, hay problemas graves con algunos de los objetos JavaScript al establecer el DOCTYPE para que sea estricto XHTML, y probablemente encontrarás una ventana cuadrada en blanco en la parte superior izquierda de la pantalla. Creo que se trata de un iframe que se utiliza para mostrar algunos de los mensajes dentro del portal, que normalmente solo se muestra cuando ocurren ciertos eventos. Sin embargo, al establecer el doctype en XHTML, descubrí que el iframe se mostraba en la parte superior izquierda y sin cambiar el JavaScript estándar del portal no pude deshacerme de esto.

Además, como nota al margen, hay diferencias importantes en CSS al usar el modo estricto o de compatibilidad de los navegadores. Obviamente hay formas de solucionar esto, pero es un proceso doloroso.

Envíame un correo electrónico si quieres que te explique cómo logramos que este doctype se muestre en el navegador.

D

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Hola Theo

He echado un vistazo al ejemplo en el artículo de A List Apart. Guardé los archivos html y css localmente y eliminé la declaración DOCTYPE y la declaración de espacio de nombres xml del elemento html. Revisé el resultado en Firefox, IE6, IE5.5 e IE5.1, pero no hubo diferencia en el diseño con la declaración.

Estás invitado a enviarme un ejemplo de tu maqueta HTML y el css por correo electrónico y podría echarle un vistazo.

Saludos

Anton

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019

contacto@primeinstitute.com

(+51) 1641 9379
(+57) 1489 6964

© 2024 Copyright. Todos los derechos reservados.

Desarrollado por Prime Institute

¡Hola! Soy Diana, asesora académica de Prime Institute, indícame en que curso estas interesado, saludos!
Hola ¿Puedo ayudarte?