Padding not disappearing when it is set to 0 at certain breakpoint - html

I have padding set on a div for the main text on my pages, but have it set to disappear at 700px with a media query. For some reason, it's not working and I don't know why. Below is a code pen and my code. Thank you!
Code Pen: http://codepen.io/caguilera0001/pen/EgWzgz
#contentOne {
height: 100%;
/*** change to 100% once all is put in ***/
width: 100%;
background-color: #4484CE;
z-index: 1;
}
#blue {
background-color: #4484CE;
width: 100%;
height: 40px;
}
#gray {
width: 100%;
height: 100%;
/*** change to 100% once all is put in ***/
background-color: #D9D9D9;
}
#title {
padding-top: 30px;
padding-left: 114px;
font-size: 32px;
font-weight: bold;
color: #000;
margin: 10px;
}
#text {
padding-top: 30px;
padding-left: 114px;
margin: 10px;
padding-right: 98px;
height: 100%;
}
#media all and (max-width: 700px) {
#text {
padding-left: none;
padding-right: none;
}
#title {
line-height: 1em;
}
}
<div id="main">
<div id="contentOne">
<div id="blue">
<!-- this is blue for navbar -->
</div>
<!-- end blue -->
<div id="gray">
<!-- this is gray for main/content one -->
<div id="title">Attendance Office</div>
<div id="text">
<p><strong>(323)993-3408</strong>
</p>
<p><strong>The Attendance Office is open from 7:00am to 3:30 pm.</strong> We are here to help you with absences, contact information update, enrollment, check-outs, etc.<strong> </strong>
</p>
<p>Attendance at school is extremely important. By state law, a student who has more than 3 unexcused absences is determined to be in violation of the truancy laws.</p>
<p>The following is a listing of the only reasons that are excusable:</p>
<ul type="disc">
<li>Due to his or her illness</li>
<li>Due to quarantine under the direction of a county or cit health officer</li>
<li>For the purpose of having medical, dental, optometric or chiropractic services rendered</li>
<li>For the purpose of attending the funeral services of a member of his or her immediate family</li>
<li>For the purpose of jury duty in the manner provided by law</li>
<li>Due to the illness or medical appointment during school hours of a child whom the pupil is the custodial parent</li>
<li>With Prior Principal Approval, for justifiable personal reasons including, but not limited to, an appearance in court, attendance at a funeral service past the allowable day(s), observance of a holiday or ceremony of his/her religion, attendance
at religious retreats or attendance at an employment conference when the pupil's absence has been requested in writing, prior to the absence, by the parent/guardian and approved by the principal.</li>
<li>With Prior Principal Approval, for the purpose of serving as a member of a precinct board for an election pursuant to Section 12302 of the Election Code.</li>
<li>Pupils who are members of religions that observe religious holidays that fall on school days may be excusable from school by making prior arrangements, as specified by the school principal and with written parental/guardian request.</li>
</ul>
<p><strong>PLEASE NOTE THAT THE ABOVE REASONS ARE THE ONLY REASONS THAT WILL <u>NOT</u> TRIGGER A TRUANCY LETTER. </strong>
</p>
<p><strong>BELOW ARE SOME EXAMPLES OF UNEXCUSED ABSENCES: </strong>
</p>
<p>Three or more of the following excuses will trigger a Truancy letter:</p>
<ul type="disc">
<li>Running errands for family</li>
<li>Vacations or trips</li>
<li>Unverified illness</li>
<li>Family emergency</li>
<li>Transportation problems</li>
<li>Inclement weather</li>
<li>Babysitting</li>
<li>Absent from class without school or parent/guardian permission</li>
<li>Absence uncleared for more than 10 school days despite due diligence efforts to obtain an explanation from the parent/guardian</li>
<li>Unexcused tardy for 30 minutes or more</li>
<li>No note from parent/guardian</li>
</ul>
<p><strong>Leaving School Early:</strong>
<br />
<br />Students upon arriving on campus are not to leave school for any reason without permission. Students needing to leave early must be picked up by a parent/guardian/adult that is on the emergency card. Only those listed in the emergency card are
able to pick up students out of school and <u>must present a picture ID every time</u>.
<br />
<br />
<strong>To Enroll a Student in Bancroft Middle School:</strong>
<br />
<br />You will need the following items completed prior to registration:
<br />Last report card
<br />Parent/guardian picture ID
<br />Birth certificate
<br />Immunization records (must be up to date)
<br />Address verification (Utility bill, Gas, Water, or Light only) in Parent's name. (You cannot use telephone bill)
<br />
<br />
<strong>PARENTS/GUARDIANS ARE REQUIRED TO REPORT TO THE ATTENDANCE OFFICE, IN WRITING, A CHANGE OF ADDRESS OR CONTACT INFORMATION WITHIN 30 CALENDAR DAYS OF THE CHANGE. PROOF OF THIS CHANGE IS ALSO REQUIRED. FAILURE TO DO SO MAY BE CAUSE FOR FORFEITURE OF THE RIGHT TO A CONTINUING ENROLLMENT PERMIT. STUDENTS WILL BE TRANSFERRED TO THE SCHOOL OF RESIDENCE IF FALSE OR INACCURATE RESIDENCE INFORMATION IS DISCOVERED.</strong>
</p>
<p><strong> </strong>Click here for the Attendance Policy
</p>
<p> </p>
<p> </p>
<p><strong>La oficina de asistencia está abierta está abierta de 7:00am a 3:30 pm.</strong> Estamos aquí para servirle con respecto a ausencias, actualización de información de emergencia, inscripciones, dadas de baja, etc.<strong> </strong>
</p>
<p>Asistencia a clases es extremadamente importante. Por las leyes del estado un estudiante que tiene más de 3 ausencias sin excusa es considerada una violación de las leyes de asistencia.
<br /> La siguiente lista provee las únicas razones para ausencia excusada:</p>
<ul>
<li>Enfermedad o lesión del alumno</li>
<li>Cuarentena</li>
<li>Servicios médicos, dentales, oftalmológicos o quiroprácticos</li>
<li>Asistencia a funeral de un miembro de la familia directo, P.ej. madre, padre, abuelo, abuela, hermano, hermana, o cualquier familiar que viva en el mismo domicilio que el alumno (un día si es en el Estado, tres días fuera del Estado)</li>
<li>Obligación de jurado</li>
<li>Enfermedad o tratamiento médico de un niño cuya patria potestad sea del alumno.</li>
</ul>
<p>Las Razones Personales Justificables de una ausencia son aquellas que se presentan por escrito, por parte del padre de familia, y <u>son aprobadas por el director</u>. Las ausencias que encuadran en esta categoría, incluyen entre otras:</p>
<ul>
<li>Servicio militar activo en zona de combate (miembro directo de la familia -máximo tres días)</li>
<li>Comparecencia en un tribunal o Asistencia a servicios funerarios (extensión de días)</li>
<li>Asistencia a un retiro religioso (que no exceda cuatro horas por semestre)</li>
<li>Industria del entretenimiento (no más de cinco días de ausencia consecutiva o un máximo de cinco ausencias por año escolar)</li>
<li>Exclusión o exención médica</li>
<li>Conmemoración religiosa, feriado cultural, ceremonia y secular histórica.</li>
<li>Instrucción religiosa (asistir a jornada escolar mínima no más de cuatro días por mes escolar)</li>
<li>Suspensión revocada mediante el proceso de apelaciones</li>
<li>Participación en una organización no lucrativa de artes escénicas (máximo cinco por año escolar)</li>
<li>Servicios de salud mental previamente coordinados (Tratamiento Diurno de Salud Mental)</li>
<li>“Día de Llevar a Nuestros Hijos e Hijas a la Escuela ®”</li>
</ul>
<p><strong>POR FAVOR NOTE QUE LAS RAZONES MECIONADAS ARRIBA SON LAS UNICAS RAZONES QUE <u>NO</u> CREARAN UNA CARTA DE AUSENCIAS INJUSTIFICADAS. </strong>
</p>
<p><strong>ABAJO ESTA LA LISTA DE EJEMPLOS DE AUSENCIAS NO JUSTIFICADAS: </strong>
</p>
<p>Tres o más de este tipo de ausencias hará una carta de ausencias no excusadas:</p>
<ul type="disc">
<li>Hacer diligencias para el padre/tutor</li>
<li>Vacaciones o viajes</li>
<li>Enfermedades sin verificación</li>
<li>Problema de transporte</li>
<li>Inclemencias del clina</li>
<li>Cuidar de niños menores</li>
<li>Ausencia a clase sin permiso de la escuela o padre/tutor</li>
<li>Ausencia sin nota de padre/tutor</li>
</ul>
<p><strong>Salir temprano de la escuela:</strong>
<br />
<br />Ya que los estudiantes entran a la escuela no pueden salir por ninguna razón sin permiso de la escuela. Los estudiantes que necesiten salir temprano deberán ser recogidos por un padre/tutor/adulto que este listado en la tarjeta de emergencia.
Solamente aquellos listados en la tarjeta de emergencia podrán pasar por el estudiante y <u>deben presentar identificación fon fotografía cada vez</u> que vengan por el estudiante.
<br />
<br />
<strong>Para inscribir a un estudiante a Bancroft Middle School:</strong>
<br />
<br />Usted tendrá que presentar los siguientes documentos antes de inscripción:
<br />Última boleta de calificaciones
<br />Identificación con fotografía del padre/tutor
<br />Certificado de nacimiento
<br />Cartilla de vacunas (actualizada)
<br />Comprobante de domicilio (factura de gas, agua o luz solamente) en el nombre del padre/tutor. (No se aceptan facturas de teléfono)
<br />
<br />
<strong>ES REQUERIDO QUE LOS PADRES/TUTORES REPORTEN POR ESCRITO A LA OFICINA DE ASISTENCIA CUANQUIER CAMBIO DE DIRECCION O CONTACTO DENTRO DE LOS 30 DIAS DEL CAMBIO. COMPROBANTE DE DOMICILIO ES REQUERIDO. EL NO HACER ESTO PUEDE CAUSAR LA PERDIDA DE ESPACIO EN LA ESCUELA Y EL ESTUDIANTE SERA TRANSFERIDO A SU ESCUELA DE RESIDENCIA SI SE NCUENTRA QUE LA INFORMACION PROVEEIDA ES FALSA O INCORRECTA.</strong>
</p>
<p>Clic aquí para la política de asistencia
</p>
</div>
<!-- end text-->
</div>
<!-- end gray -->
</div>
<!-- end content one -->
</div>
<!-- end main -->

none is not a valid value for padding.
#text{
padding-left: none;
padding-right: none;
}
Should be:
#text{
padding-left: 0;
padding-right: 0;
}

Related

I have a text with html and css and need formatted text

I am re-making a website that takes tests. It was on PHP and now we are taking it to TypeScript.
I am using React and Material UI to display the feedback for the correct answer and explanation when the user sends their answer.
I get the feedback from an old database they were using (and that we will still use), and what they used to do was create a variable called html (string), and then concatenate each part of the html code raw.
Something like this: (in PHP .= and . is what you use to concatenate)
$html = '';
$html = '<div>';
$html .= '<p class="maintext"><span>' . $some_variable_they_want_in_span . '</span>';
$html .= $some_other_variable_that_is_empty_or_not_depending_on_if_clause . '</p>';
$html .= '</div>';
it is a pain... but the thing is. Now that I am showing the feedback, it comes in a terrible format that I can't simply show in a Typography element (Material UI, but I couldn't in a -p- tag either).
The text is, for example, this one:
" <p>Artículo séptimo.\n</p><p>1. En el ejercicio de sus funciones, los miembros de las Fuerzas y Cuerpos de Seguridad tendrán a todos los efectos legales el carácter de AGENTES DE LA AUTORIDAD.\n</p><p>2. Cuando se cometa delito de atentado, empleando en su ejecución armas de fuego, explosivos u otros medios de agresión de análoga peligrosidad, que puedan poner en peligro grave la integridad física de los miembros de las Fuerzas y Cuerpos de Seguridad, tendrán al efecto de su protección penal LA CONSIDERACIÓN DE AUTORIDAD.\n</p><p>3. La Guardia Civil sólo tendrá consideración de fuerza armada en el cumplimiento de las misiones de carácter militar que se le encomienden, de acuerdo CON EL ORDENAMIENTO JURÍDICO.\n</p><p>\n</p> "
How can I show this in a readable and nice text? I tried some npm packages and passing it through decodeURI but no change. Any ideas? Some text will even come with something like
"Artículo 2. Secretaría de Estado de Seguridad.<div>Corresponde a la persona titular de la Secretaría de Estado de Seguridad el ejercicio de las funciones a las que se refiere el artículo 62 de la Ley 40/2015, de 1 de octubre, y en particular, la dirección, coordinación y supervisión de los órganos directivos dependientes de la Secretaría de Estado, bajo la inmediata autoridad de la persona titular del Ministerio, para el ejercicio de las siguientes funciones:&nbsp;</div><ul><li><span style=\"letter-spacing: -0.015rem;\">El ejercicio del mando de las Fuerzas y Cuerpos de Seguridad DEL ESTADO, y la COORDINACIÓN Y SUPERVISIÓN DE LOS SERVICIOS Y MISIONES QUE LES CORRESPONDEN.</span></li></ul>"
Ok! So one of my coworkers found this solution:
import textParserTest from "~/utils/textparser"; // (which uses in its code the following: import parse from "html-react-parser";)
...
<div
contentEditable="true"
dangerouslySetInnerHTML={{
__html: textParserTest(props.question.answer, 0)
.toString()
.replaceAll("\\n", ""),
}}
></div>
So basically. html-react-parser package did the trick

How to encode small caps for abbreviations using CSS if the font doesn't support this option?

I have a product named with an acronym and the name of the product is repeated many times on the page.
In Spanish, typographic style rules suggest using acronyms in small-caps, but the font I have does not provide the small-caps option.
What is the best way to code a simulation of small-caps in this case?
#import url('https://fonts.googleapis.com/css2?family=Nunito:wght#400;600;700;800&display=swap');
h1,p{font-family: Nunito;}
h1{font-size: 2em;
font-weight: 600;}
p{font-size: 1em;}
<h1>Cual es el mejor <abbr>SOAP</abbr> para bañar a tu perro</h1>
<p>Bañar a tu perro con <abbr>SOAP</abbr> no debería ser difícil. Sin embargo, es posible que el <abbr>SOAP</abbr> que consigas huela a gato, con lo cual afectes seriamente la personalidad de tu mascota. Es necesario probar el <abbr>SOAP</abbr> que vas a usar sobre tu perro en una persona antes de aplicárselo, asegurándote de que el <abbr>SOAP</abbr> no atraiga otras alimañas. Sigue a la persona a la que engañaste al cambiarle el <abbr>SOAP</abbr> y anota su interacción con otras formas de vida<p>
This is a good solution in any context given a font with enough font-weight options.
#import url('https://fonts.googleapis.com/css2?family=Nunito:wght#300;400;600;700;800&display=swap');
h1,p{font-family: Nunito;}
h1{font-size: 2em;
font-weight: 700;}
p{font-size: 1em;
font-weight:300}
abbr{
font-size: 1.5ex;
font-weight: bolder;
}
<h1>Cual es el mejor <abbr>SOAP</abbr> para bañar a tu perro</h1>
<p>Bañar a tu perro con <abbr>SOAP</abbr> no debería ser difícil. Sin embargo, es posible que el <abbr>SOAP</abbr> que consigas huela a gato, con lo cual afectes seriamente la personalidad de tu mascota. Es necesario probar el <abbr>SOAP</abbr> que vas a usar sobre tu perro en una persona antes de aplicárselo, asegurándote de que el <abbr>SOAP</abbr> no atraiga otras alimañas. Sigue a la persona a la que engañaste al cambiarle el <abbr>SOAP</abbr> y anota su interacción con otras formas de vida<p>

Html style not displayed on my Qweb Report

I got a Qweb Report on odoo11 that works perfectly ,but when i try adapting it on odoo12 the Html text loose it's style after adding [url.report ,http:/0.0.0.0:8069]
Here My Html field :
CGV_field = fields.Html(string="CGV", default=
"""<div><b>EXEMPLE DE CONDITIONS GENERALES DE VENTE</b></div>
<div><b><br>\n</b></div>
<b>Article 1 – Objet</b>
<br>
<p>Les présentes conditions régissent les ventes par la société (catégories ou nature des produits commercialisés par le site Internet).</p>
<br>
<b>Article 2 – Prix</b>
<br>
<p>Les prix de nos produits sont indiqués en Dinars toutes taxes comprises (TVA et autres taxes applicables au jour de la commande), sauf
indication contraire et hors frais de traitement et d’expédition.
Toutes les commandes quelle que soit leur origine sont payables en dinars.
La société se réserve le droit de modifier ses prix à tout moment, mais le produit sera facturé sur la base du tarif en vigueur au moment de la
validation de la commande et sous réserve de disponibilité.
Les produits demeurent la propriété de la société jusqu’au paiement complet du prix.
Attention : dès que vous prenez possession physiquement des produits commandés, les risques de perte ou d’endommagement des
produits vous sont transférés.</p>"""
Calling it on xml report :
<template id="report_cgv_account">
<t t-call="web.html_container">
<t t-foreach="docs" t-as="o">
<t t-call="elosys_cgv_in_report.internal_layout_cgv_o">
<div class="page">
<div class="oe_structure"/>
<div class="row" style="margin-left:10px;margin-right:10px;">
<span style=" margin-left:10px;margin-right:10px;" t-raw="o.company_id.CGV_field"/>
</div>
</div>
</t>
</t>
</t>
</template>
what it's supposed to show :
What i've got :
The System parameters key is report.url not url.report.
I've found the answer if any of you wish to know :
just add <![CDATA[ ]]> before <span>

ITextRenderer - TextBox out of generated Pdf mediabox

I'm trying to convert a html content document to pdf using ITextRenderer using this version of library:
implementation group: 'org.xhtmlrenderer', name: 'flying-saucer-pdf-itext5', version: '9.1.22'
This is what I'm doing to convert my html to pdf:
ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
ITextRenderer renderer = new ITextRenderer();
renderer.setDocumentFromString(getXHTMLFromHTML(out.toString()));
renderer.layout();
renderer.createPDF(byteArrayOutputStream);
However I'm getting a problem with a specific part of my html, a table that's supposed to be a list. This is the result in adobe acrobat:
As you can see the text box is out of the mediabox of the pdf, there's no cropbox present, and the result is that text is not fully visible.
Here is the html that causes this issue:
<div id="4a9dc6ae-3d2e-448b-8e70-3422659f87bd" class="alinea">
<p>Ne sont pas déductibles les dépenses suivantes:</p>
<table id="9c582e44-1932-4bee-b93e-6fb75b725f4b" style="width: 1127px;" class="custom-list">
<tbody class="body number-style dot-separator">
<tr class="row">
<td class="cell">1.</td>
<td class="cell">les dépenses faites en vue de remplir des obligations imposées � la collectivité par ses statuts ou son pacte social;</td>
</tr>
<tr class="row">
<td class="cell">2.</td>
<td class="cell">l'impôt sur le revenu des collectivités, l'impôt sur la fortune et l'impôt commercial communal;</td>
</tr>
<tr class="row">
<td class="cell">3.</td>
<td class="cell">les rémunérations imposables en vertu du premier alinéa, numéro 2 de l'<a id="e48d16e9-3eeb-4d99-91c3-f97b8d206a5e" href="https://00f74ba44b4a6fc879f193e8a262c50fb07e0f7d81-apidata.googleusercontent.com/#/o/link/1/a0ea877e-3736-4ce9-b09f-fc1be79b787a" class="tech_content LINK_INTERN">article 91</a>;</td>
</tr>
<tr class="row">
<td class="cell">4.</td>
<td class="cell">les dépenses faites dans un but cultuel, charitable ou d'intérêt général sans préjudice de la disposition prévue au premier alinéa, numéro 3 de l'<a id="3e74194c-2ae3-4b41-9efc-c6a1c23102cb" href="https://00f74ba44b4a6fc879f193e8a262c50fb07e0f7d81-apidata.googleusercontent.com/#/o/link/1/a0eb1cc1-3e9c-4175-9a52-be2d0b6cc455" class="tech_content LINK_INTERN">article 109;</a></td>
</tr>
<tr>
<td>5.</td>
<td>les intérêts ou redevances dus lorsque les conditions suivantes sont simultanément remplies :
<table class="custom-list" id="02812a11-d2d0-92cb-9c78-e9fa30f8fa1d" style="width: 955px;">
<tbody class="body lower-alpha-style one-bracket-separator">
<tr class="row">
<td class="cell">a)</td>
<td class="cell">le bénéficiaire des intérêts ou redevances est un organisme � caractère collectif au sens de l’article 159. Si le bénéficiaire n’est pas le bénéficiaire effectif, il y a lieu de prendre en considération le bénéficiaire effectif ;</td>
</tr>
<tr class="row">
<td class="cell">b)</td>
<td class="cell">l’organisme � caractère collectif qui est le bénéficiaire des intérêts ou redevances est une entreprise liée au sens de l’article 56 ;</td>
</tr>
<tr class="row">
<td class="cell">c)</td>
<td class="cell">l’organisme � caractère collectif qui est le bénéficiaire des intérêts ou redevances est établi dans un pays ou territoire figurant � l’annexe I des conclusions du Conseil de l’Union européenne relatives � la liste révisée de l’Union européenne des pays et territoires non coopératifs � des fins fiscales (ci-après « annexe I »), dans les conditions spécifiées ci-après.</td>
</tr>
</tbody>
</table><p></p><p>Toutefois, la disposition du présent numéro n’est pas applicable si le contribuable apporte la preuve que l’opération � laquelle correspondent les intérêts ou redevances dus est utilisée pour des motifs commerciaux valables qui reflètent la réalité économique.</p><p></p><p>Le terme « intérêts » employé dans le présent numéro désigne les intérêts et arrérages dus qui se rapportent � des créances de toute nature, assorties ou non de garanties hypothécaires ou d’une clause de participation aux bénéfices du débiteur, et notamment les intérêts et arrérages d’obligations d’emprunts, y compris les primes et lots attachés � ces titres. Les pénalisations pour paiement tardif ne sont pas considérées comme des intérêts au sens du présent numéro.</p><p></p><p>Le terme « redevances » employé dans le présent numéro désigne les rémunérations de toute nature dues pour l’usage ou la concession de l’usage d’un droit d’auteur sur une œuvre littéraire, artistique ou scientifique, y compris les films cinématographiques, d’un brevet, d’une marque de fabrique ou de commerce, d’un dessin ou d’un modèle, d’un plan, d’une formule ou d’un procédé secrets et pourdes informations ayant trait � une expérience acquise dans le domaine industriel, commercial ou scientifique.</p><p></p><p>À partir du 1er mars 2021, la disposition du présent numéro s’applique concernant les pays et territoires qui figurent � l’annexe I, dans sa dernière version, telle que publiée au Journal officiel de l’Union européenne � cette date. À partir du 1er janvier de chaque année qui suit, elle s’applique concernant les pays et territoires qui figurent � l’annexe I, dans sa dernière version au 1er janvier de l’année subséquente en question, telle que publiée au Journal officiel de l’Union européenne � cette date.</p><p></p><p>Toutefois, lorsque des pays et territoires ne figurent plus � l’annexe I, dans sa dernière version au 1er janvier d’une année subséquente, telle que publiée au Journal officiel de l’Union européenne � cette date, la disposition du présent numéro cesse de s’appliquer concernant ces pays et territoires dès la date de publication au Journal officiel de l’Union européenne de l’annexe I dans sa dernière version mentionnée ci-avant. En cas de version antérieure de l’annexe I au cours de la même année opérant pour la première fois le retrait du pays ou territoire en question, la disposition du présent numéro cesse de s’appliquer déj� dès la date de publication au Journal officiel de l’Union européenne de l’annexe I, dans une telle version antérieure opérant le retrait du pays ou territoire en question.</p></td>
</tr>
</tbody>
</table>
</div>
Thank you very much for help, I have look everywhere but I don't see anybody having this issue.
So turns out that itext wraps the content of a table inside the margins of the pdf only if the table (or any element) does not provide a fixed width or height. So the solution for me in this case was to remove the width and height from my html table.

How to enter Carriage Return in XSL

I am programming a simple web app. I have the following xml :`
<pelis>
<nombre id="avengers">Valoracion de Avengers Engame
<Valoracion>Calificacion general: 7.5</Valoracion>
<Valorpro>Calificacion de Cartelera Tinajo: 8</Valorpro>
<ComentariosP>Positivo: Buena pelicula, con un argumento interesante y envolvente. Las escenas estan bien rodadas y las coreografias bien ejecutadas. La banda sonora es buena, asi como el vestuario y sobre todo el maquillaje y los efectos especiales.</ComentariosP>
<ComentariosN>Negativo: Demasiado larga para nuestro gusto. Algunos fallos de guion y de realizacion. El sonido en algunas escenas es demasiado elevado y poco claro. El argumento es predecible desde muy temprano.</ComentariosN>
</nombre>
<nombre id="mamma">Valoracion de Mamma Mia!
<Valoracion>Calificacion general: 8</Valoracion>
<Valorpro>Calificacion de Cartelera Tinajo: 8</Valorpro>
<ComentariosP>Positivo: Pelicula muy recomendable. Unifica una comedia elaborada con una trama interesante y adictiva. La banda sonora de ABBA es impecable, sumado a un escenario espectacular, asi como unas coreografias muy elaboradas.</ComentariosP>
<ComentariosN>Negativo: Guion predecible. En algunas partes se hace un poco aburrida y no consigue captar al espectador. </ComentariosN>
</nombre>
<nombre id="hobbit">Valoracion de El Hobbit
<Valoracion>Calificacion general: 8</Valoracion>
<Valorpro>Calificacion de Cartelera Tinajo: 10</Valorpro>
<ComentariosP>Positivo: Gran película. Al igual que sus predecesoras (El señor de los Anillos I,II y III), es una obra de arte. Música impresionante, universo envolvente, escenas increibles, trama interesante, vestuario peculiar y una infinidad de aspectos positivos.</ComentariosP>
<ComentariosN>Negativo: El unico punto negativo es que puede ser un poco larga</ComentariosN>
</nombre>
<nombre id="hotel">Valoracion de Hotel Transilvania
<Valoracion>Calificacion general: 8.5</Valoracion>
<Valorpro>Calificacion de Cartelera Tinajo: 8</Valorpro>
<ComentariosP>Positivo: Una comedia para toda la familia. Peculiar en gran medida, dado que enfoca a los monstruos como seres humanizados. Buena trama, actores conocidos. Muy entretenida.</ComentariosP>
<ComentariosN>Negativo: No tiene ningun punto negativo destacable</ComentariosN>
</nombre>
<nombre id="lobo">Valoracion de El Lobo de Wall Street
<Valoracion>Calificacion general: 8</Valoracion>
<Valorpro>Calificacion de Cartelera Tinajo: 9</Valorpro>
<ComentariosP>Positivo: Una pelicula muy curiosa. Cuenta con grandes actores, un guion elaborado, unas escenas muy bien rodadas. Se sigue con gran interes y tiene giros que la convierten en un peliculon</ComentariosP>
<ComentariosN>Negativo: Demasiado larga (3 horas de duracion)</ComentariosN>
</nombre>
</pelis>`
and I also have the following XSL to transform it to HTML:
What I want is that all the text that will be shown in the html have carriage return after every line. I have tried adding and also what you can see in the code, but it doesnt work.
Because XSLT output is HTML, you can use <br/> for that. Or CSS for the <p> tag.
A NL or CR character in an HTML document displays as an ordinary space in the browser. If you want text to start on a new line when rendered in the browser, you typically want to output a <br> element.