efrei/tp-xml-films
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add some basic CSS

Browse source
This commit is contained in:
flyingscorpio@clevo 2022-11-19 14:57:57 +01:00
parent 34acbbe267
commit 552df70a17
2 changed files with 121 additions and 88 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
cinema-xsl.css
View file

@ -3,23 +3,31 @@
font-family: "Times New Roman", Times, serif;
}
cinéma {}
.film {
margin: 10px;
border: solid 1px gray;
}
titre {
font-weight: bold;
font-size: 14pt;
.présentation {
display: flex;
justify-content: space-between
}
réalisateur {
.titre h3 {
font-weight: bold;
font-size: 14pt;
display: inline;
padding: 5px;
}
.titre p {
display: inline;
}
.réalisateur {
color: red;
}
année {
.année {
color: red;
}
@ -38,6 +46,11 @@ année {
font-style: italic;
}
film, séances, synopsis {
display: block;
.séances {
display: flex;
justify-content: space-between;
max-width: 75%;
}
.séances p {
display: inline;
}

178
cinema.xsl
View file

@ -17,93 +17,113 @@ xmlns:xlink="http://www.w3.org/1999/xlink">
<div class="film">
<p>
<xsl:value-of select="titre"/>
(<xsl:value-of select="année"/>), de <xsl:value-of select="réalisateur"/>
</p>
<div class="présentation">
<div class="titre">
<h3><xsl:value-of select="titre"/></h3>
<p>(<span class="année"><xsl:value-of select="année"/></span>), <span class="réalisateur"><xsl:value-of select="réalisateur"/></span></p>
</div>
<div class="genres">
<xsl:for-each select="genres/genre">
<p><xsl:value-of select="."/></p>
</xsl:for-each>
</div>
<p class="langue"><xsl:value-of select="langue"/></p>
<p class="durée"><xsl:value-of select="durée"/> minutes</p>
<div class="nationalités">
<xsl:for-each select="nationalités/nationalité">
<p><xsl:value-of select="."/></p>
</xsl:for-each>
</div>
<div>
<p>Avec :</p>
<ul class="acteurs">
<xsl:for-each select="acteurs/acteur">
<li>
<a href="{@xlink:href}">
<xsl:value-of select="."/>
</a>
</li>
</xsl:for-each>
</ul>
</div>
<ul class="notes">
<xsl:for-each select="notes/note[@source='presse']">
<li>Note de la presse : <xsl:value-of select="."/>/5</li>
</xsl:for-each>
<xsl:for-each select="notes/note[@source='spectateur']">
<li>Note des spectateurs : <xsl:value-of select="."/>/5</li>
</xsl:for-each>
</ul>
<div class="genres">
<xsl:for-each select="genres/genre">
<p><xsl:value-of select="."/></p>
</xsl:for-each>
</div>
<p class="langue"><xsl:value-of select="langue"/></p>
<p class="durée"><xsl:value-of select="durée"/> minutes</p>
<div class="nationalités">
<xsl:for-each select="nationalités/nationalité">
<p><xsl:value-of select="."/></p>
</xsl:for-each>
</div>
<p>Avec :</p>
<ul class="acteurs">
<xsl:for-each select="acteurs/acteur">
<li>
<a href="{@xlink:href}">
<xsl:value-of select="."/>
</a>
</li>
</xsl:for-each>
</ul>
<ul class="notes">
<xsl:for-each select="notes/note[@source='presse']">
<li>Note de la presse : <xsl:value-of select="."/>/5</li>
</xsl:for-each>
<xsl:for-each select="notes/note[@source='spectateur']">
<li>Note des spectateurs : <xsl:value-of select="."/>/5</li>
</xsl:for-each>
</ul>
<div class="synopsis">
<p><xsl:value-of select="synopsis"/></p>
</div>
<p>Séances :</p>
<div class="séances">
<p>Séances :</p>
<p>Lundi :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
<p>Mardi :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
<p>Mercredi :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
<p>Jeudi :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
<p>Vendredi :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
<p>Samedi :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
<p>Dimanche :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
<div>
<p>Lundi :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
</div>
<div>
<p>Mardi :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
</div>
<div>
<p>Mercredi :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
</div>
<div>
<p>Jeudi :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
</div>
<div>
<p>Vendredi :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
</div>
<div>
<p>Samedi :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
</div>
<div>
<p>Dimanche :</p>
<ul>
<xsl:for-each select="séances/séance[@jour='lundi']">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
</div>
</div>
</div>