From: <fg...@us...> - 2010-05-09 17:57:17
|
Revision: 2377 http://openutils.svn.sourceforge.net/openutils/?rev=2377&view=rev Author: fgiust Date: 2010-05-09 17:57:11 +0000 (Sun, 09 May 2010) Log Message: ----------- html validation Modified Paths: -------------- trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html Modified: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css =================================================================== --- trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css 2010-05-09 17:29:08 UTC (rev 2376) +++ trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css 2010-05-09 17:57:11 UTC (rev 2377) @@ -97,6 +97,11 @@ margin-right: 0; } +div.mediatab img { + vertical-align: middle; + border: none; +} + .actual { background-image: url("images/toolbar-background-light.png"); } @@ -338,3 +343,14 @@ .menupopup a img { margin-right: 4px; } + +ul.mediamenu img { + border: none; + width: 16px; + height: 16px; +} + +ul.mediamenu li, ul.mediamenu li a { + height: 20px; + cursor: pointer; +} \ No newline at end of file Modified: trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html =================================================================== --- trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html 2010-05-09 17:29:08 UTC (rev 2376) +++ trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html 2010-05-09 17:57:11 UTC (rev 2377) @@ -1,7 +1,8 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> +[#setting url_escaping_charset="UTF-8"] <head> + <title>${this.path?html!""}</title> <link rel="stylesheet" type="text/css" href="${this.request.contextPath}/.resources/media/css/multibox.css" /> <link rel="stylesheet" type="text/css" href="${this.request.contextPath}/.resources/media/css/sexy-tooltips/msn.css" /> <link rel="stylesheet" type="text/css" href="${this.request.contextPath}/.resources/media/css/folderView.css" /> @@ -33,7 +34,7 @@ function performAction(action, source, dest) { - if (action == "move" && dest == "${this.path!""}") + if (action == "move" && dest == "${this.path?url!""}") { alert("${this.msgs.get('media.move.error.samenode')}"); return; @@ -112,7 +113,7 @@ </script> </head> <body id="mediafolderview" class="bg-${this.bgSelector}"> - <form action="" style="display:none" id="actionForm" method="POST"> + <form action="" style="display:none" id="actionForm" method="post"> <input type="hidden" id="actionCmd" name="command" value="delete" /> <input type="hidden" id="actionPath" name="path" value="${this.path!""}" /> <input type="hidden" id="actionSearch" name="search" value="${this.search!""}" /> @@ -148,8 +149,8 @@ [#assign actual = ""] [/#if] <div class="voice mediatab ${actual}"> - <a href="?type=${type.name}&path=${this.path!''}[#if this.request.parameterMap['selectMedia']?exists]&selectMedia=true[/#if]&search=${this.search!""}"> - <img src="${this.request.contextPath}${type.menuIcon}" border="0" align="absmiddle" /> + <a href="?type=${type.name}&path=${this.path?url!''}[#if this.request.parameterMap['selectMedia']?exists]&selectMedia=true[/#if]&search=${this.search!""}"> + <img src="${this.request.contextPath}${type.menuIcon}" alt="${this.msgs.get('media.types.' + type.name)}" /> ${this.msgs.get('media.types.' + type.name)} [#if this.numberOfMedia?exists](${this.numberOfMedia[type.name]!'0'})[/#if] </a> </div> @@ -179,68 +180,63 @@ <div class="mediaheader"> <span class="edit menuitem">${this.msgs.get('media.edit')}</span> <div class="icons menu" style="display: none;"> - <ul> + <ul class="mediamenu"> [#if media.writable] <li> <a href="javascript:$empty()" onclick="openDialog('${media.handle}')" title="${this.msgs.get('media.edit')}"> - <img src="${this.request.contextPath}/.resources/media/icons/ico16-edit.png" border="0" /> + <img src="${this.request.contextPath}/.resources/media/icons/ico16-edit.png" alt="" /> <span>${this.msgs.get('media.edit')}</span> - <div style="clear: left;"><!-- --></div> </a> </li> <li> <a href="javascript:$empty()" onclick="deleteMedia('${media.handle}')" title="${this.msgs.get('media.delete')}"> - <img src="${this.request.contextPath}/.resources/icons/16/delete2.gif" border="0" /> + <img src="${this.request.contextPath}/.resources/icons/16/delete2.gif" alt="" /> <span>${this.msgs.get('media.delete')}</span> - <div style="clear: left;"><!-- --></div> </a> </li> <li> <a href="javascript:$empty()" onclick="openMediaTree('move','${media.handle}')" title="${this.msgs.get('media.move')}"> - <img src="${this.request.contextPath}/.resources/icons/16/up_down.gif" border="0" /> + <img src="${this.request.contextPath}/.resources/icons/16/up_down.gif" alt="" /> <span>${this.msgs.get('media.move')}</span> - <div style="clear: left;"><!-- --></div> </a> </li> <li> <a href="javascript:$empty()" onclick="openMediaTree('copy','${media.handle}')" title="${this.msgs.get('media.copy')}"> - <img src="${this.request.contextPath}/.resources/icons/16/copy.gif" border="0" /> + <img src="${this.request.contextPath}/.resources/icons/16/copy.gif" alt="" /> <span>${this.msgs.get('media.copy')}</span> - <div style="clear: left;"><!-- --></div> </a> </li> [#else] <li> <a> - <img src="${this.request.contextPath}/.resources/media/icons/ico16-edit_inactive.png" border="0" /> - <div style="clear: left;"><!-- --></div> + <img src="${this.request.contextPath}/.resources/media/icons/ico16-edit_inactive.png" alt="" /> + <span style="display:block; clear:left;"><!-- --></span> </a> </li> <li> <a> - <img src="${this.request.contextPath}/.resources/icons/16/delete2_inactive.gif" border="0" /> - <div style="clear: left;"><!-- --></div> + <img src="${this.request.contextPath}/.resources/icons/16/delete2_inactive.gif" alt="" /> + <span style="display:block; clear:left;"><!-- --></span> </a> </li> <li> <a> - <img src="${this.request.contextPath}/.resources/icons/16/up_down_inactive.gif" border="0" /> - <div style="clear: left;"><!-- --></div> + <img src="${this.request.contextPath}/.resources/icons/16/up_down_inactive.gif" alt="" /> + <span style="display:block; clear:left;"><!-- --></span> </a> </li> <li> <a> - <img src="${this.request.contextPath}/.resources/icons/16/copy_inactive.gif" border="0" /> - <div style="clear: left;"><!-- --></div> + <img src="${this.request.contextPath}/.resources/icons/16/copy_inactive.gif" alt="" /> + <span style="display:block; clear:left;"><!-- --></span> </a> </li> [/#if] [#if !media.external] <li> - <a href="?command=download&path=${media.handle}"> - <img src="${this.request.contextPath}/.resources/media/icons/ico16-download.png" border="0" /> + <a href="?command=download&path=${media.handle}"> + <img src="${this.request.contextPath}/.resources/media/icons/ico16-download.png" alt="" /> <span>${this.msgs.get('media.download')}</span> - <div style="clear: left;"><!-- --></div> </a> </li> [/#if] @@ -248,15 +244,14 @@ [#if media.canPublish] <li> <a href="javascript:$empty()" onclick="performAction('activate', '${media.handle}','')" title="${this.msgs.get('media.activate')}"> - <img src="${this.request.contextPath}/.resources/icons/16/arrow_right_green.gif" border="0" /> + <img src="${this.request.contextPath}/.resources/icons/16/arrow_right_green.gif" alt="" /> <span>${this.msgs.get('media.activate')}</span> - <div style="clear: left;"><!-- --></div> </a> </li> [#else] <li> <a title="${this.msgs.get('media.activate')}" class="disabled"> - <img src="${this.request.contextPath}/.resources/media/icons/ico16-arrow_right_inactive.png" border="0" /> + <img src="${this.request.contextPath}/.resources/media/icons/ico16-arrow_right_inactive.png" alt="" /> <span>${this.msgs.get('media.activate')}</span> </a> </li> @@ -266,15 +261,13 @@ <a href="javascript:$empty()" onclick="performAction('deactivate', '${media.handle}','')" title="${this.msgs.get('media.deactivate')}"> <img src="${this.request.contextPath}/.resources/icons/16/arrow_left_red.gif" border="0" /> <span>${this.msgs.get('media.deactivate')}</span> - <div style="clear: left;"><!-- --></div> </a> </li> [#else] <li> <a title="${this.msgs.get('media.deactivate')}" class="disabled"> - <img src="${this.request.contextPath}/.resources/icons/16/arrow_left_red_inactive.gif" border="0" /> + <img src="${this.request.contextPath}/.resources/icons/16/arrow_left_red_inactive.gif" alt="" /> <span>${this.msgs.get('media.deactivate')}</span> - <div style="clear: left;"><!-- --></div> </a> </li> [/#if] @@ -290,9 +283,8 @@ [#list media.usedInWebPages as page] <li> <a href="${this.request.contextPath}${page}.html" target="_blank"> - <img src="${this.request.contextPath}/.resources/media/icons/ico16-link_go.png" border="0" /> + <img src="${this.request.contextPath}/.resources/media/icons/ico16-link_go.png" alt="" /> <span>${page}</span> - <div style="clear: left;"><!-- --></div> </a> </li> [/#list] @@ -302,7 +294,7 @@ </div> <div class="imageBorder"> <div class="image"> - <span></span> + <span><!-- vertical centering --></span> [#assign url = media.previewUrl] [#if !url?contains('://') ] This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site. |