Jump to content

Font site on table


Junior

Recommended Posts

Hi mates.. how do I change the font size in my "Latest flights" table?

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="ocean_table">

<tr>

<th>Flight</th>

<th>Pilot</th>

<th>Departure</th>

<th>Arrival</th>

<th>Aircraft</th>

<th>Duration</th>

<th>V/S</th>

<th>Info</th>

</tr>

<?php

if(count($pireps) > 0)

{

foreach ($pireps as $pirep)

{

$pilotinfo = PilotData::getPilotData($pirep->pilotid);

$pilotid = PilotData::getPilotCode($pilotinfo->code, $pilotinfo->pilotid);

$acrid = OperationsData::getAircraftByReg($pirep->registration);

echo '<tr>';

echo '<td><a href="'.SITE_URL.'/index.php/pireps/viewreport/'.$pirep->pirepid.'">'.$pirep->code.$pirep->flightnum.'</a></td>';

echo '<td><a href="'.SITE_URL.'/index.php/profile/view/'.$pilotinfo->pilotid.'">'.$pilotinfo->firstname.' '.$pilotinfo->lastname.'</a></td>';

echo '<td>'.$pirep->depicao.'</td>';

echo '<td>'.$pirep->arricao.'</td>';

echo '<td>'.$pirep->aircraft.'</td>';

echo '<td>'.$pirep->flighttime.'</td>';

echo '<td>'.$pirep->landingrate.' ft/m</td>';

if($pirep->accepted == PIREP_ACCEPTED)

echo '<td><span class="label label-important"><font color="green">Accepted</font></span></td>';

elseif($pirep->accepted == PIREP_REJECTED)

echo '<td><span class="label label-important"><font color="red">Rejected</font></span></td>';

elseif($pirep->accepted == PIREP_PENDING)

echo '<td><span class="label label-warning"><font color="orange">Pending</font></span></td>';

elseif($pirep->accepted == PIREP_INPROGRESS)

echo '<td>On Progress</td>';

echo '</tr>';

}

}

else

{

echo '<tr><td>There are no recent flights!</td></tr>';

}

?>

</tbody>

</table>

Link to comment
Share on other sites

Found the table but idk where to change the fontsize.. I changed font-size:1.1em; but didnt worked

.ocean_table th {

color:#fff;

background:#0075DB;

border:1px solid #0075DB;

}

.ocean_table tr > th:last-of-type {border-right:1px solid #0075DB;}

.ocean_table {

margin-bottom:20px;

border-bottom:1px solid #d9d9d9;

}

.ocean_table thead {

box-shadow:0 1px 5px #DCDCDC;

-moz-box-shadow:0 1px 5px #DCDCDC;

-webkit-box-shadow:0 1px 5px #DCDCDC;

}

.ocean_table {

*border-right:1px solid #d9d9d9; /* ---- CSS Hack for IE7 ---- */

border-right:1px solid #d9d9d9\0/; /* ---- CSS Hack for IE8 ---- */

}

.ocean_table th,

.ocean_table td {

font-size:1.1em;

text-align:left;

padding:5px 9px;

}

.ocean_table th.txtleft,

.ocean_table td.txtleft{text-align:left;}

.ocean_table th.txtright,

.ocean_table td.txtright{text-align:right;}

.ocean_table th.txtcenter,

.ocean_table th.txtcenter{text-align:center;}

.ocean_table tr:nth-child(even){background:#D4E1ED;}

.ocean_table tr.odd td{

*background:#D4E1ED; /* ---- CSS Hack for IE7 ---- */

background:#D4E1ED\0/; /* ---- CSS Hack for IE8 ---- */

}

.ocean_table tr:nth-child(-n+1) td{border-top:1px solid #D6D6D7;}

.ocean_table tr td {

*border-top:1px solid #D6D6D7; /* ---- CSS Hack for IE7 ---- */

border-top:1px solid #D6D6D7\0/; /* ---- CSS Hack for IE8 ---- */

}

.ocean_table th {

font-weight:normal;

border-right:none;

}

.ocean_table td {

border-left:1px solid #D6D6D7;

color:#232323;

}

.ocean_table tr > td:last-of-type {border-right:1px solid #D6D6D7;}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...