Formatear HTML

3 minutos de lectura

Formatear HTML
Pared roja

He estado tratando de hacer que mis pestañas funcionen usando los códigos cortos de pestañas en PHP.

La primera parte de mi pregunta fue averiguar cómo escribir el código PHP y los códigos abreviados en el archivo PHP. @jeremyharris me ayudó con esto aquí

ob_start();
get_template_part("includes/categories-panel");
$cats = ob_get_clean();
ob_start();
get_template_part('includes/home-map-panel');
$home = ob_get_clean();

echo do_shortcode('[tabs style="boxed"]
[tab title="First Tab"]' .$cats. '[/tab]
[tab title="Second Tab"]'. $home  .'[/tab]
[tab title="Third Tab"] Tab 3 Content here [/tab]
[tab title="Fourth Tab"] Tab 4 Content here [/tab]
[/tabs]');

La segunda pregunta ahora es cómo hacer que el HTML funcione en la interfaz. Esto podría ser un conflicto de CSS o HTML de algún tipo, pero las pestañas no funcionan.

Después de insertar el código de la primera pregunta, mi fuente HTML se ve así http://pastie.org/4226310

No estoy seguro de por qué las pestañas no se muestran correctamente con el contenido. En cambio, están alineados verticalmente. Siento que podría tener algo que ver con el primer ‘panel de categorías’ incluido, ya que cuando lo elimino funciona mejor …

Estoy trabajando en localhost FYI.

¡Gracias por cualquier ayuda!

  • Hay numerosos errores de validación cuando lo ejecuta a través del validador w3c. Etiquetas no cerradas, bloques anidados en elementos en línea, etc. Supongo que es una etiqueta no cerrada. ¿Puede decirnos específicamente qué elementos se supone que son las pestañas? Ni siquiera puedo encontrar “Contenido de la pestaña 4 aquí”, que debería ser una pestaña.

    – jeremyharris

    9 de julio de 2012 a las 15:52

  • lo siento, eliminé las pestañas 3 y 4 porque en realidad solo las estaba agregando para ver si las pestañas funcionarían correctamente con texto sin formato. El contenido que debería aparecer en la pestaña 1 es el panel de categorías y la pestaña 2 es mapas de inicio (lo siento, se llamó panel de mapa de inicio arriba por accidente) También para tener en cuenta que siento que es el panel de categorías con el problema como cuando eliminé la referencia del archivo en su código anterior, la segunda pestaña se muestra correctamente. ¿Espero que eso ayude?

    – Pared roja

    9 de julio de 2012 a las 15:58


  • ¿Puedes actualizar tu pasta? ¿Y darnos una identificación para el elemento de la pestaña de categorías?

    – jeremyharris

    9 de julio de 2012 a las 16:01

  • id = ubicación para el panel de categorías – también actualizado – Por lo que puedo ver en Firebug es que parece estar simplemente extendiendo las ubicaciones para incluir las pestañas como una ubicación. En la jerarquía, las pestañas están realmente dentro de la ID de ubicaciones: mmm, ¿algo no debe cerrarse?

    – Pared roja

    9 de julio de 2012 a las 16:10


  • Hola, jeremy. De hecho, me las arreglé para jugar concategories-panel.php y eliminé parte del código para que funcionara. ¡El problema en este momento es que el mapa en la segunda pestaña no se carga! solo se carga 1 cuadrado diminuto del mapa de Google. Sin embargo, cuando está en la primera pestaña, ¡se carga bien! tal vez esa sea otra pregunta 🙂 gracias por toda su ayuda, ¡muy apreciada!

    – Pared roja

    9 de julio de 2012 a las 16:23

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad