diff options
| -rw-r--r-- | css/styles.css | 34 | ||||
| -rw-r--r-- | pages/whats_on_now.ecpp | 22 |
2 files changed, 30 insertions, 26 deletions
diff --git a/css/styles.css b/css/styles.css index e3df546..f665751 100644 --- a/css/styles.css +++ b/css/styles.css @@ -44,38 +44,38 @@ div.head_box { -div.event { +table.event { width: 250px; + height: 250px; float: left; border: 1px solid #6D96A9; margin: 2px; + padding: 0px; } -div.event div.tools { - width: 20px; - height: 225px; - float: left; +table.event tr td.tools { background: #DEE6EE; padding: 2px; - margin: 0px; + width: 25px; } -div.event div.content { +table.event tr td.content { float: left; - margin: 0; padding: 5px; - height: 225px; } -div.event div.content. div.description { - overflow: auto; +table.event tr td.content { + float: left; + padding: 5px; } -div.event div.content p { - +div.description { + height: 150px; + overflow: auto; + margin-top: 10px; } -div.event .station { +table.event tr td.station { background: #6D96A9; color: white; font-weight: bold; @@ -83,11 +83,13 @@ div.event .station { padding: 3px 3px 3px 10px; } -div.event div.content .title { +table.event tr td.content .title { font-weight: bold; + height: 15px; } -div.event div.content .short { +table.event tr td.content .short { font-size: 11px; + height: 40px; } diff --git a/pages/whats_on_now.ecpp b/pages/whats_on_now.ecpp index 3511105..eb323d9 100644 --- a/pages/whats_on_now.ecpp +++ b/pages/whats_on_now.ecpp @@ -43,17 +43,19 @@ const cSchedules* Schedules = cSchedules::Schedules(schedulesLock); std::string short_description(Event->ShortText() ? Event->ShortText() : ""); std::string description(Event->Description() ? Event->Description() : ""); }> - <div class="event"> - <div class="station"><$ Channel->Name() $></div> - <div class="tools"> + <table class="event" cellpadding="0" cellspacing="0"> + <tr><td class="station" colspan="2"><$ Channel->Name() $></td></tr> + <tr> + <td class="tools"> - </div> - <div class="content"> - <span class="title"><$ title $></span><br/> - <span class="short"><$ short_description $></span> - <div class="description"><$ description $></div> - </div> - </div> + </td> + <td class="content"> + <div class="title"><$ title $></div> + <div class="short"><$ short_description $></div> + <div class="description"><$ description $></div> + </td> + </tr> + </table> <{ } } |