forked from rebillar/site-accueil-insa
Improved Com layout
This commit is contained in:
parent
4ccab81edb
commit
232c8ed5c6
2 changed files with 18 additions and 10 deletions
|
@ -285,21 +285,19 @@ Full-Width Styles
|
|||
border: 1px solid #494949;
|
||||
}
|
||||
|
||||
#table_coms .spacer{
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
#table_coms td{
|
||||
vertical-align: middle;
|
||||
border: none;
|
||||
padding: 0;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
#table_coms .com_photo{
|
||||
vertical-align: middle;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
|
||||
#table_coms img{
|
||||
height: 100px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.com_description{
|
||||
|
@ -452,6 +450,12 @@ Small Device Styles
|
|||
#score_usa, #score_urss {
|
||||
font-size: 25px;
|
||||
}
|
||||
#table_coms .spacer{
|
||||
width: 0;
|
||||
}
|
||||
#table_coms td{
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 320px) {
|
||||
|
|
|
@ -1,19 +1,23 @@
|
|||
<h3 id="<?= $comId ?>"><?= $comTitle ?></h3>
|
||||
<table id="table_coms">
|
||||
<tr>
|
||||
<td colspan="2" class="com_description"><?= $comDescription ?></td>
|
||||
<td colspan="4" class="com_description"><?= $comDescription ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="2" class="spacer"></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>
|
||||
<td><span class="fas fa-envelope"></span> Mail : <?= $comRespoId ?></td>
|
||||
</tr>
|
||||
<?php if ($comRespo2 != ""): ?>
|
||||
<tr>
|
||||
<td rowspan="2" class="spacer"></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>
|
||||
<td><span class="fas fa-envelope"></span> Mail : <?= $comRespo2Id ?></td>
|
||||
|
|
Loading…
Reference in a new issue