Re^4: Update the GUI

And there is also CSS that can make an HTML element act just like a table reducing HTML. display

<style>
.side {
width:150px;
display: table-cell;
}

.content {
display: table-cell;
width: 90%;
}
    
.wrap {
display: table;
width: 100%;
}
</style>
<div class="wrap">
<div class="side">Left Side</div>
<div class="content">Content</div>
<div class="side">Right Side</div>
</div>
[download]

Comment on Re^4: Update the GUI Download Code

Replies are listed 'Best First'.
Re^5: Update the GUI by Jenda (Abbot) on Aug 13, 2016 at 00:05 UTC
That's very "semantic" indeed! Why would we use the tags designed for tables when we can redefine some other tags to act as those tags? We heard somewhere that we are not supposed to use HTML tables, we ignored or did not understand the conditions under which we are not supposed to use them so now we bend backwards to replicate them by other means. Jenda Enoch was right! Enjoy the last years of Rome.	[reply]
A reply falls below the community's threshold of quality. You may see it by logging in.
Re^5: Update the GUI by Anonymous Monk on Aug 12, 2016 at 22:35 UTC
reducing HTML Hehe, `<div>` is always more characters than `<td></td>`, there is no reduction of html by using divs for tables	[reply] [d/l] [select]