Código para plantilla con fórmulas

Hola Justo.

Puedes adjuntar una captura para que veamos exactamente a que te refieres ?

Lo estoy revisando y no consigo verlo:

Un saludo

Hola Pepe, te adjunto capturas de lo que he comentado en el mensaje anterior.  En la primera desborda, en la segunda no se abre al hacer clic. En otros casos, no se adapta para móviles y aparece scroll lateral. 

Lo que quiero es tener una plantilla que me valga para diferentes tipos de ejercicios y no de problemas. Muchas gracias!

Hola Justo, 

Estoy revisando los enlaces que nos compartes pero no logro ubica donde esta el ejercicio que se desborda, puedes enviarnos la URL de la primera imagen que nos compartes donde el contenido se sale de la caja? de esta forma podemos revisar con mayor detalle lo que nos comentas. 

Un Saludo 

Hola Karen. Sí, la vuelvo a enviar, es esta:  https://soymatematicas.com/adjunta-matriz/

Gracias. Saludos!

Hola Justo,

Ya lo veo, es el desplegable del ejercicio. Revisando el código de tu sitio web lo que veo es que asigna un ancho absoluto a la sección donde está el desplegable, estos estilos los añades inline, es decir lo estás incorporando en el mismo div donde está la sección del ejercicio, por lo que no podemos manipularlo de forma sencilla con CSS. 

Para que la sección se adapte mejor debes editar tu contenido y en el div donde pones el ejercicio cambiar el tamaño absoluto del width por una unida relativa como %, em, rem

Prueba cambiar una unida al primero Div y nos comentas como va todo

Por ejemplo cambiar el width: 300px; por width: 100%; o el tamaño que deseas tenga el ancho de la sección de ejercicio

Verifícalo y os comentas como va todo 

Un Saludo 

Gracias. Lo he estado probando, aumentando el width. Funciona para aumentar el ancho, pero después, no sé porqué se al actualizar la caja deja de ser clicable. ¿Puede haber una incompatibilidad que genera problemas al editar? Me ha pasado varias veces.

Os agradecería mucho si me ayudais a mejorar esto. Igual es algo del código del tema, no lo sé.

Saludos

Hola Justo, 

Inicialmente como añadiste la función del togle?, es posible que esté generando un conflicto el código HTML añadido con el código que entiendo tienes creado para añadir la funcionalidad, prueba añadir una nueva entrada con estas fichas y revisa si funciona. 

Si es posible, indícanos el código que estás utilizando para añadir esta característica al sitio de forma que podamos revisarlo con mayor detalle. 

Un Saludo

No tengo ni idea que es la función del togle. 

el código HTML añadido con el código que entiendo tienes creado peara añadir la funcionalidad --> Tampoco sé de esto.

Últimamente me ayudo de chatgpt para crear fichas de este tipo.

He creado una nueva entrada y sigue sin funcionar.

Gracias. Saludos

Hola Justo,

Al ser un código personalizado es muy complicado indicarte exactamente donde tienes el error, pero puedes enviarle a ChatGPT que te envíe el código corregido para qué las solapas que ahora no funcionan, lo hagan de forma correcta. Seguido de tu texto completo el que encuentras en HTML.

Ejemplo > dame el código corregido con lo que tengo que añadir para que funcione correctamente los desplegables en mi sitio, que actualmente no funcionan: (codigo completo)

Al ser algo tan personalizable ya forma parte de un ajuste hecho a medida y no podemos verlo del todo por qué no tenemos acceso a tu sitio, puedes hacerlo que te indico con ChatGPT o bien consultar con nuestros colaboradores:

https://www.webempresa.com/directorio-colaboradores.html

Un saludo 🖐️ 

Sí, perdona. Al editar la entrada, añado en código en la pestaña de HTML.

Saludos

Hola Justo,

Verífica mi último mensaje y sigue esos pasos.

Un saludo 🖐️ 

Buenos días,

Lo he preguntado porque ya he dado muchas vueltas con chatgpt y Claude. Os puedo dar acceso a mi web si hace falta.

Pensaba que en este foro se podían resolver estas dudas. Seguramente prescindiré de este servicio.

Saludos

Hola Justo.

Nosotros no tenemos acceso a los administradores y no podemos acceder por motivos de RGPD

Seguramente prescindiré de este servicio

Justo, el foro es gratuito tu no pagas por este servicio es algo que ofrece Webempresa para algunos planes, lo que pagas es por tener mejores prestaciones de Hosting pero no por el soporte del foro.

Sobre el tema del servicio que ofrecemos lo puedes ver en las reglas del foro:

-> https://www.webempresa.com/reglas.html

En el ya se indica:

Queda excluido el soporte técnico sobre programación y CSS. 

El soporte gratuito está delimitado a temas relacionados con WordPress o Joomla y sus plugins, temas o extensiones gratuitas. 

Si te das cuenta ya indicamos que no damos soporté a programación ni CSS y aun así intentamos ayudaros en lo que nos sea posible.

Creo que hemos intentado ayudarte en los casi mas de 70 temas que tienes abiertos y te estamos dando un buen soporte pero bueno si quieres prescindir de este soporte solo tienes que decirlo y bloqueamos tu usuario.

Sobre la consulta, no has llegado ni a proporcionar el código que tienes añadido, nosotros no podemos hacer magia aun no tenemos esos poderes pero si lo hubieras proporcionado igual podríamos haber ayudado.

De todas formas y como excepción te preparado algo que puede funcionar aunque cada web es distinta y por eso no damos soporte a código no te puedo asegurar que funcione.

<h2>Ejercicios resueltos de matriz adjunta</h2>

<!-- Ficha 1 -->
<div style="width: 450px; margin: 20px auto; text-align: center; font-family: Arial, sans-serif; font-size: 18px; cursor: pointer; overflow: hidden;" onclick="toggleSolution(this)">
<div style="background-color: #3498db; color: white; padding: 15px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);">
<strong>Ejercicio 1:</strong>
<div style="margin-top: 10px; font-size: 20px;">Encuentra la adjunta de [latex]A = \begin{pmatrix} 1 & 2 \\ 3 & 4 \end{pmatrix}[/latex]</div>
</div>
<div class="solution" style="display: none; margin-top: 15px; background-color: #f7f9fc; padding: 15px; border-radius: 10px; border: 2px solid #3498db; text-align: left; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap;">
<p><strong>Paso 1:</strong> Calcula los cofactores de cada elemento de la matriz:<br />
[latex]C_{11} = 4, C_{12} = -3, C_{21} = -2, C_{22} = 1[/latex]</p>
<p><strong>Paso 2:</strong> Escribe la matriz de cofactores:<br />
[latex]\text{Cof}(A) = \begin{pmatrix} 4 & -3 \\ -2 & 1 \end{pmatrix}[/latex]</p>
<p><strong>Paso 3:</strong> Transpón la matriz de cofactores:<br />
[latex]\text{Adj}(A) = \begin{pmatrix} 4 & -2 \\ -3 & 1 \end{pmatrix}[/latex]</p>
</div>
</div>

<!-- Ficha 2 -->
<div style="width: 450px; margin: 20px auto; text-align: center; font-family: Arial, sans-serif; font-size: 18px; cursor: pointer; overflow: hidden;" onclick="toggleSolution(this)">
<div style="background-color: #3498db; color: white; padding: 15px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);">
<strong>Ejercicio 2:</strong>
<div style="margin-top: 10px; font-size: 20px;">Encuentra la adjunta de [latex]B = \begin{pmatrix} 2 & 5 \\ 7 & 3 \end{pmatrix}[/latex]</div>
</div>
<div class="solution" style="display: none; margin-top: 15px; background-color: #f7f9fc; padding: 15px; border-radius: 10px; border: 2px solid #3498db; text-align: left; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap;">
<p><strong>Paso 1:</strong> Calcula los cofactores de cada elemento:<br />
[latex]C_{11} = 3, C_{12} = -7, C_{21} = -5, C_{22} = 2[/latex]</p>
<p><strong>Paso 2:</strong> Escribe la matriz de cofactores:<br />
[latex]\text{Cof}(B) = \begin{pmatrix} 3 & -7 \\ -5 & 2 \end{pmatrix}[/latex]</p>
<p><strong>Paso 3:</strong> Transpón la matriz de cofactores:<br />
[latex]\text{Adj}(B) = \begin{pmatrix} 3 & -5 \\ -7 & 2 \end{pmatrix}[/latex]</p>
</div>
</div>

<!-- Ficha 3 -->
<div style="width: 450px; margin: 20px auto; text-align: center; font-family: Arial, sans-serif; font-size: 18px; cursor: pointer; overflow: hidden;" onclick="toggleSolution(this)">
<div style="background-color: #3498db; color: white; padding: 15px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);">
<strong>Ejercicio 3:</strong>
<div style="margin-top: 10px; font-size: 20px;">Encuentra la adjunta de [latex]C = \begin{pmatrix} 0 & 1 \\ 1 & 0 \end{pmatrix}[/latex]</div>
</div>
<div class="solution" style="display: none; margin-top: 15px; background-color: #f7f9fc; padding: 15px; border-radius: 10px; border: 2px solid #3498db; text-align: left; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap;">
<p><strong>Paso 1:</strong> Calcula los cofactores:<br />
[latex]C_{11} = 0, C_{12} = -1, C_{21} = -1, C_{22} = 0[/latex]</p>
<p><strong>Paso 2:</strong> Matriz de cofactores:<br />
[latex]\text{Cof}(C) = \begin{pmatrix} 0 & -1 \\ -1 & 0 \end{pmatrix}[/latex]</p>
<p><strong>Paso 3:</strong> Transpón la matriz:<br />
[latex]\text{Adj}(C) = \begin{pmatrix} 0 & -1 \\ -1 & 0 \end{pmatrix}[/latex]</p>
</div>
</div>

<!-- Ficha 4 -->
<div style="width: 450px; margin: 20px auto; text-align: center; font-family: Arial, sans-serif; font-size: 18px; cursor: pointer; overflow: hidden;" onclick="toggleSolution(this)">
<div style="background-color: #3498db; color: white; padding: 15px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);">
<strong>Ejercicio 4:</strong>
<div style="margin-top: 10px; font-size: 20px;">Encuentra la adjunta de [latex]D = \begin{pmatrix} 6 & 1 \\ -3 & 2 \end{pmatrix}[/latex]</div>
</div>
<div class="solution" style="display: none; margin-top: 15px; background-color: #f7f9fc; padding: 15px; border-radius: 10px; border: 2px solid #3498db; text-align: left; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap;">
<p><strong>Paso 1:</strong> Calcula los cofactores:<br />
[latex]C_{11} = 2, C_{12} = 3, C_{21} = -1, C_{22} = 6[/latex]</p>
<p><strong>Paso 2:</strong> Matriz de cofactores:<br />
[latex]\text{Cof}(D) = \begin{pmatrix} 2 & 3 \\ -1 & 6 \end{pmatrix}[/latex]</p>
<p><strong>Paso 3:</strong> Transpón la matriz:<br />
[latex]\text{Adj}(D) = \begin{pmatrix} 2 & -1 \\ 3 & 6 \end{pmatrix}[/latex]</p>
</div>
</div>

<!-- Ficha 5 -->
<div style="width: 450px; margin: 20px auto; text-align: center; font-family: Arial, sans-serif; font-size: 18px; cursor: pointer; overflow: hidden;" onclick="toggleSolution(this)">
<div style="background-color: #3498db; color: white; padding: 15px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);">
<strong>Ejercicio 5:</strong>
<div style="margin-top: 10px; font-size: 20px;">Encuentra la adjunta de [latex]E = \begin{pmatrix} 4 & -2 \\ 3 & 1 \end{pmatrix}[/latex]</div>
</div>
<div class="solution" style="display: none; margin-top: 15px; background-color: #f7f9fc; padding: 15px; border-radius: 10px; border: 2px solid #3498db; text-align: left; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); word-wrap: break-word; overflow-wrap: break-word; white-space: pre-wrap;">
<p><strong>Paso 1:</strong> Calcula los cofactores:<br />
[latex]C_{11} = 1, C_{12} = -3, C_{21} = 2, C_{22} = 4[/latex]</p>
<p><strong>Paso 2:</strong> Matriz de cofactores:<br />
[latex]\text{Cof}(E) = \begin{pmatrix} 1 & -3 \\ 2 & 4 \end{pmatrix}[/latex]</p>
<p><strong>Paso 3:</strong> Transpón la matriz:<br />
[latex]\text{Adj}(E) = \begin{pmatrix} 1 & 2 \\ -3 & 4 \end{pmatrix}[/latex]</p>
</div>
</div>

<!-- Script para toggleSolution -->
<script>
function toggleSolution(element) {
const solution = element.querySelector('.solution');
if (solution.style.display === 'block') {
solution.style.display = 'none';
} else {
solution.style.display = 'block';
}
}
</script>

Como te digo, es una excepción, no vamos a proporcionarte ninguna modificación del código ni tampoco te vamos a ofrecer ningún otro código personalizo o modificación de código que necesites.

Un saludo