PonyMirrors/ponysay
1
0
Fork 0
mirror of https://github.com/erkin/ponysay.git synced 2025-02-07 13:36:43 +01:00
Code Issues Projects Releases Packages Wiki Activity

browser compability

Browse source
This commit is contained in:
Mattias Andrée 2012-10-28 02:30:50 +02:00
parent b5b03d6d7d
commit f43ce68700
2 changed files with 62 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
index.html
View file

@ -10,12 +10,11 @@
<title>ponysay</title> <title>ponysay</title>
</head> </head>
<body> <body>
<div class="header"> <div class="header">
<table class="header" valign="middle"> <table class="header" valign="middle">
<tr> <tr>
<td class="title"> <td class="title">ponysay</td>
ponysay
</td>
<td style="width : 100%;"> <td style="width : 100%;">
   <a target="page" href="./pages/index.html">intro</a>    <a target="page" href="./pages/index.html">intro</a>
   <a target="page" href="./pages/ponysay/index.html">manual</a>    <a target="page" href="./pages/ponysay/index.html">manual</a>
@ -27,52 +26,63 @@
</tr> </tr>
</table> </table>
</div> </div>
<div style="width : 100%; top : 60px; bottom : 0px; position : absolute;">
<div class="main">
<table class="main"> <table class="main">
<col id="left"/> <col id="left"/>
<col id="right"/> <col id="right"/>
<tr> <tr>
<td valign="top"> <td valign="top">
<table> <table>
<cols class="image"/>
<cols class="sep"/>
<cols/>
<tr> <tr>
<td> <td><img alt="ponysay example" src="bonbonlyra.png"/></td>
<img alt="ponysay example" src="bonbonlyra.png"/> <td></td>
</td>
</tr> </tr>
<tr> <tr>
<td> <td>
<br/> <br/>
<div style="width : 100%;"> <table class="fill">
<table> <tr>
<tr>
<td style="width : 100%;"> <td class="fill"></td>
</td>
<td> <td>
<i>recommended reading:</i><br/> <i>recommended reading:</i><br/>
<a target="page" href="./pages/ponysay/Installing.html#Installing">Installing</a><br/> <a target="page" href="./pages/ponysay/Installing.html#Installing">Installing</a><br/>
<a target="page" href="./pages/ponysay/Invoking-ponysay.html#Invoking-ponysay">Basic usage</a><br/> <a target="page" href="./pages/ponysay/Invoking-ponysay.html#Invoking-ponysay">Basic usage</a><br/>
<a target="page" href="./pages/ponysay/Advanced-usage.html#Advanced-usage">Advanced usage</a><br/> <a target="page" href="./pages/ponysay/Advanced-usage.html#Advanced-usage">Advanced usage</a><br/>
<a target="page" href="./pages/ponysay/Environment-variables.html#Environment-variables">Configurations</a><br/> <a target="page" href="./pages/ponysay/Environment-variables.html#Environment-variables">Configurations</a><br/>
<br/> <br/>
<i>external links:</i><br/>
<a target="page" href="./pages/youtube-demo.html">Demonstration</a><br/> <i>external links:</i><br/>
<a target="page" href="./pages/fortune+ponysay.html">ponysay fortunes</a><br/> <a target="page" href="./pages/youtube-demo.html">Demonstration</a><br/>
<br/> <a target="page" href="./pages/fortune+ponysay.html">ponysay fortunes</a><br/>
</td> <br/>
</tr> </td>
</table>
</div> </tr>
</table>
</td> </td>
<td></td>
</tr> </tr>
</table> </table>
</td> </td>
<td valign="top" style="height : 100%;">
<div id="text"> <td valign="top">
<iframe id="page" name="page" src="./pages/index.html"></iframe> <div id="text"><iframe id="page" name="page" src="./pages/index.html"></iframe></div>
</div>
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
</body> </body>
</html> </html>

23
screen.css
View file

@ -29,7 +29,14 @@ table.header {
height : 100%; height : 100%;
} }
.main { div.main {
width : 100%;
top : 60px;
bottom : 0px;
position : absolute;
}
table.main {
width : 100%; width : 100%;
height : 100%; height : 100%;
border : 0; border : 0;
@ -57,8 +64,12 @@ table.header {
width : 100%; width : 100%;
} }
.fill {
width : 100%;
}
.title { .title {
passing : 4px 0px 8px 10px; padding : 4px 0px 8px 10px;
/* /*
position : relative; position : relative;
left : 0px; left : 0px;
@ -72,6 +83,14 @@ table.header {
text-decoration : none; text-decoration : none;
} }
cols.image {
width : 487px;
}
cols.sep {
width : 53px;
}
a:link {color : #000000; text-decoration : none; border : 0px solid #FFFFFF; background-color : transparent;} a:link {color : #000000; text-decoration : none; border : 0px solid #FFFFFF; background-color : transparent;}
a:active {color : #000000; text-decoration : none; border : 0px solid #FFFFFF; background-color : transparent;} a:active {color : #000000; text-decoration : none; border : 0px solid #FFFFFF; background-color : transparent;}