|
|
| Page 1 of 1 |
|
|
 Posted: Fri, 4th Jan 2013 14:29 Post subject: HTML help |
|
 |
I think this should be fairly simple to someone who knows about this stuff. What I would like to do is to 'copy' the navigation bar to the top of the page but also have it at the bottom too. This is just a HTML template for a program called Griffith.
| Code: |
body {
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 12px;
background-color: #333333;
color: #ffffff;
}
table {
background-color: #444444;
margin: 1.5em;
padding: 1em;
border-top: 1px solid #555555;
border-left: 1px solid #555555;
border-bottom: 1px solid black;
border-right: 1px solid black;
width:95%;
}
td {
padding-left: 10px;
text-align: left;
width:100%;
}
tr.title td {
color: #ffcc00;
font-style: oblique;
font-family: "palatino linotype", palatino, "book antiqua", georgia, times, "times new roman", serif;
font-size: 2em;
}
tr.otitle td {
font-size: 1.5em;
margin-bottom: 5px;
font-style: oblique;
font-family: arial, sans-serif;
font-family: "palatino linotype", palatino, "book antiqua", georgia, times, "times new roman", serif;
font-weight: bold;
}
th {
color: white;
background-color: #333333;
border: 1px solid black;
text-align: center;
padding: 0px 0.5em;
}
th:after { content: ":"; }
tr.plot td, tr.cast td, tr.notes td {
white-space: pre-wrap;
overflow: auto;
font-size: 0.9em;
border-bottom: 1px solid #555555;
}
tr.image td {
vertical-align: top;
padding: 0px;
width: auto;
}
img {
border: 1px solid black;
margin-right: 10px;
}
a:link { color: #ecbe35; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: none; }
a:visited { color: #ecbe35; text-decoration: none; }
/* Navigation bar */
.navi, .copyright {
text-align: center;
color: #444444;
font-size: 0.8em;
}
.navi p { display: inline; }
.navi p:before { content: "["; }
.navi p:after { content: "]"; }
.navi p#prev:before, .navi p#next:before { content: ""; }
.navi p#prev:after, .navi p#next:after { content: ""; }
.navi p#current {
font-size: 1.1em;
color: white;
}
.copyright {
font-size: 0.7em;
margin-top: 5px;
}
|
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><@header>@DATA@</@header></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="Griffith HTML export plugin" />
<meta name="author" content="Piotr Ozarowski" />
<@style> <link rel="stylesheet" type="text/css" href="./@DATA@" /></@style>
</head>
<body>
<@header><h1>@DATA@</h1></@header>
<!-- ITEMS -->
<table<@id> id="i@DATA@"</@id>><@movies_image>
<tr class="image">
<td<@rowspan> rowspan="@DATA@"</@rowspan>>
<img src="./posters/@DATA@" alt="@TITLE@" />
</td>
</tr></@movies_image><@movies_title>
<tr class="title">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_title><@movies_o_title>
<tr class="otitle">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_o_title><@movies_number>
<tr class="number">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_number><@movies_year>
<tr class="year">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_year><@movies_director>
<tr class="director">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_director><@movies_screenplay>
<tr class="screenplay">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_screenplay><@movies_cameraman>
<tr class="cameraman">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_cameraman><@movies_rating>
<tr class="rating">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_rating><@movies_runtime>
<tr class="runtime">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_runtime><@movies_country>
<tr class="country">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_country><@movies_genre>
<tr class="genre">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_genre><@movies_site>
<tr class="links">
<th>@TITLE@</th>
<td><a href="@DATA@">@DATA@</a></td>
</tr></@movies_site><@movies_o_site>
<tr class="links">
<th>@TITLE@</th>
<td><a href="@DATA@">@DATA@</a></td>
</tr></@movies_o_site><@movies_trailer>
<tr class="links">
<th>@TITLE@</th>
<td><a href="@DATA@">@DATA@</a></td>
</tr></@movies_trailer><@media_name>
<tr class="media">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@media_name><@movies_media_num>
<tr class="media">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_media_num><@vcodecs_name>
<tr class="media">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@vcodecs_name><@collections_name>
<tr class="collection">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@collections_name><@volumes_name>
<tr class="volume">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@volumes_name><@movies_seen>
<tr class="seen">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_seen><@movies_loaned>
<tr class="loaned">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_loaned><@movies_classification>
<tr class="classification">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_classification><@movies_studio>
<tr class="studio">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_studio><@movies_width>
<tr class="width">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_width><@movies_height>
<tr class="height">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_height><@movies_barcode>
<tr class="barcode">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_barcode><@movies_cast>
<tr class="cast">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_cast><@movies_plot>
<tr class="plot">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_plot><@movies_notes>
<tr class="notes">
<th>@TITLE@</th>
<td>@DATA@</td>
</tr></@movies_notes>
</table>
<!-- /ITEMS -->
<@navigation>@DATA@</@navigation>
<@copyright><div class="copyright">@DATA@</div></@copyright>
</body>
</html> |
Please help. Thanks.
Ryzen 5 5600, ASUS ROG STRIX B550-F GAMING WIFI II, Corsair Vengeance RGB RT 32GB 3600MHz C16, Zotac RTX 3060 Ti, Corsair RMx Series RM750x. AOC AGON AG324UX - 4K 144Hz 1ms GTG IPS FreeSync KVM
|
|
| Back to top |
|
|
|
|
| Posted: Fri, 4th Jan 2013 14:40 Post subject: |
|
|
Ehm so all data is in the table? Why not clone the @navigation tag and copy it below the header?
Any test site we can take a look at?
|
|
| Back to top |
|
|
|
|
|
| Back to top |
|
|
|
|
| Posted: Fri, 4th Jan 2013 21:43 Post subject: |
|
|
that syntax looks horribly hacky
i would avoid any software that tried to accomplish anything like that
what if you MOVE the navigation tags to the top?
if that works, then there can only be one navigation tag
if you can define these @-tags somewhere, and you can find the onee that defines @navigation, use it to create @navigationtop as well and use that instead
|
|
| Back to top |
|
|
|
|
|
| Back to top |
|
|
| Page 1 of 1 |
All times are GMT + 1 Hour |
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
Powered by phpBB 2.0.8 © 2001, 2002 phpBB Group
|
|
 |
|
The only reason it has the navigation at the top now is because I have opened each page in Dreamweaver and copy/pasted, and slightly edited, this to the top of the page:
