vergnet/site-accueil-insa
2
1
Fork 1
Code Issues Pull requests Releases 2 Wiki Activity

Improved Com layout

Browse source
This commit is contained in:
Keplyx 2018-05-24 16:38:25 +02:00
parent 4ccab81edb
commit 232c8ed5c6
2 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
assets/css/style.css
View file

@ -285,21 +285,19 @@ Full-Width Styles
border: 1px solid #494949; border: 1px solid #494949;
} }
#table_coms .spacer{
width: 20%;
}
#table_coms td{ #table_coms td{
vertical-align: middle; vertical-align: middle;
border: none; border: none;
padding: 0; padding: 0;
width: 30%;
} }
#table_coms .com_photo{
vertical-align: middle;
width: 50%;
}
#table_coms img{ #table_coms img{
height: 100px; height: 100px;
margin: 5px;
} }
.com_description{ .com_description{
@ -452,6 +450,12 @@ Small Device Styles
#score_usa, #score_urss { #score_usa, #score_urss {
font-size: 25px; font-size: 25px;
} }
#table_coms .spacer{
width: 0;
}
#table_coms td{
width: 50%;
}
} }
@media screen and (max-width: 320px) { @media screen and (max-width: 320px) {

10
includes/coms/com_template.php
View file

@ -1,19 +1,23 @@
<h3 id="<?= $comId ?>"><?= $comTitle ?></h3> <h3 id="<?= $comId ?>"><?= $comTitle ?></h3>
<table id="table_coms"> <table id="table_coms">
<tr> <tr>
<td colspan="2" class="com_description"><?= $comDescription ?></td> <td colspan="4" class="com_description"><?= $comDescription ?></td>
</tr> </tr>
<tr> <tr>
<td rowspan="2" class="spacer"></td>
<td><?= $comRespo ?></td> <td><?= $comRespo ?></td>
<td rowspan="2" class="com_photo"><img src="<?= $comRespoPhoto ?>"></td> <td rowspan="2"><img src="<?= $comRespoPhoto ?>"></td>
<td rowspan="2" class="spacer"></td>
</tr> </tr>
<tr> <tr>
<td><span class="fas fa-envelope"></span> Mail : <?= $comRespoId ?></td> <td><span class="fas fa-envelope"></span> Mail : <?= $comRespoId ?></td>
</tr> </tr>
<?php if ($comRespo2 != ""): ?> <?php if ($comRespo2 != ""): ?>
<tr> <tr>
<td rowspan="2" class="spacer"></td>
<td><?= $comRespo2 ?></td> <td><?= $comRespo2 ?></td>
<td rowspan="2" class="com_photo"><img src="<?= $comRespo2Photo ?>"></td> <td rowspan="2"><img src="<?= $comRespo2Photo ?>"></td>
<td rowspan="2" class="spacer"></td>
</tr> </tr>
<tr> <tr>
<td><span class="fas fa-envelope"></span> Mail : <?= $comRespo2Id ?></td> <td><span class="fas fa-envelope"></span> Mail : <?= $comRespo2Id ?></td>