Ajuda Em Xsl

xerife · Maio 6, 2007

Viva,

tenho um problema com a construção de um site e precisava de ajuda.

Tenho o site feito em HTML, CSS e Javascript. Até aqui tudo bem.

Entretanto tive que incluír o XML e o XSL e foi aqui que encravei. A melhor forma foi criar frames para o TOP e para BOTTOM e outra para o MAIN em que ao clicar nos menus abrissem as páginas no MAIN. As páginas a abrir tinham que ser em XML com a formatação em XSL.

O problema é que ao criar o XSL, os conteúdos e o LAyout ocupa toda a página na horizontal do browser e fica desalinhado com os conteúdos na vertical.

Só pedia se alguém me conseguisse arranjar o código em XSL.

<html>
<head>
<link href="styles.css" type=text/css rel=stylesheet>
</head>
<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=50%  class="pgLeft">&nbsp;</td>
<td width=13   class="pgLeftS" nowrap>&nbsp;</td>
<td width=770  class="pgCenter" nowrap valign=top >
<br>
<br>
</br>
</br>
</td>
<td width=14 class="pgRightS" nowrap>&nbsp;</td>
<td width=50% class="pgRight">&nbsp;</td>
</tr>
</table>
</body>
</html>

body {
font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000;
background-color: #C6C6C6;
background-image: url(images/pgback.gif);
SCROLLBAR-FACE-COLOR: #cccccc;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #aaaaaa;
SCROLLBAR-TRACK-COLOR: #f0f0f0;
SCROLLBAR-DARKSHADOW-COLOR: #aaaaaa
}
/* Common */
.mainText {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; font-weight: normal;}
.btn {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000;}
.inpt {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000;
border: solid 1px #9F9F9F; background-color: #FFFFFF;}
.new {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #FF0000; font-weight: bold;}
.leftColumnTd {background-color: #F8F8F8;}
.leftColumnTdSection {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; background-color: #F8F8F8;
padding: 8px;}
.leftColumnTdContent {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; background-color: #F8F8F8;
padding: 8px; padding-left: 10px; padding-top: 10px; line-height: 20px;}
.contentTd {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; background-color: #FFFFFF;
padding: 10px;}
.copyrightTd {font-family: Tahoma, Arial, Helvetica; font-size: 10px; color: #848484; padding-left: 20px;}
.bottomMenuTd {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; padding-right: 20px;}
.bottomMenuTd1 {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; padding-top:10px; padding-right: 20px;}
.pgLeft {background-color: #AAAAAA; background-image: url(images/pgback.gif); background-position: top right;}
.pgLeftS {background-color: #EEEEEE; background-image: url(images/pglefts.gif);}
.pgRight {background-color: #AAAAAA; background-image: url(images/pgback.gif);}
.pgRightS {background-color: #EEEEEE; background-image: url(images/pgrights.gif);}
.pgCenter {background-color: #FFFFFF;}
/* Search Page */
.searchTd {padding-left: 15px;}
.searchTitle {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #5B5B5B;}
.searchEdit {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000;
border: solid 1px #9F9F9F; background-color: #FFFFFF; width: 160px;}
/* Common Links */
A {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; font-weight: normal; text-decoration: underline;}
A:hover {text-decoration: none;}
A.link2 {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; font-weight: normal; text-decoration: none;}
A.link2:hover {text-decoration: underline;}
A.link22 {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 12px; color: #6C6C6C; font-weight: normal; text-decoration: none;}
A.link22:hover {text-decoration: underline;}
A.link3 {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #0058C0; font-weight: normal; text-decoration: none;}
A.link3:hover {text-decoration: underline;}
A.link3b {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #0058C0; font-weight: bold; text-decoration: none;}
A.link3b:hover {text-decoration: underline;}
A.link4 {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 12px; color: #0058C0; font-weight: normal; text-decoration: underline;}
A.link4:hover {text-decoration: none;}
A.whatsnew {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 13px; color: #FF0000; font-weight: bold; text-decoration: none;}
A.whatsnew:hover {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 13px; color: #FF0000; font-weight: bold; text-decoration: underline;}
A.tree {font-family: Arial, Helvetica; font-size: 16px; color: #000000; font-weight: bold; text-decoration: none;}
A.tree:hover {font-family: Arial, Helvetica; font-size: 16px; color: #000000; font-weight: bold; text-decoration: underline;}
A.sampleLink {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #AA0000; font-weight: normal; text-decoration: underline;}
A.sampleLink:hover {text-decoration: none;}
/* Menu */
.menuShadow {font-size: 1px;
background-color: #333333; background-image: url(images/mshadow.gif); background-repeat: repeat-x;}
/* Separators */
.sep {height: 1px; background-color: #D0D0D0;}
.sep2 {height: 1px; background-color: #D0D0D0;background-image: url(images/sep.gif); background-repeat: repeat-x;}
.sepleft {font-size: 1px; background-image: url(images/sepleft.gif); background-repeat: repeat-y; background-color: #CFCFCF;}
/* Titles */
.title {font-family: Arial, Helvetica; font-size: 16px; font-weight: bold; color: #333333;}
.new_title {font-family: Arial, Helvetica; font-size: 16px; font-weight: bold; color: #FF0000;}
.subtitleTd {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #000000;
background: url(images/stitleb.gif); background-repeat: repeat-x; background-color: #ECECEC;
padding-left: 10px; padding-right: 10px;}
.subtitleTdred
{font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #250000;
background: url(images/stitlebred.gif); background-repeat: repeat-x; background-color: #FFC4C5;
padding-left: 10px; padding-right: 10px;}
.subtitleTdblue
{font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #250000;
background: url(images/stitlebblue.gif); background-repeat: repeat-x; background-color: #C2DDFF;
padding-left: 10px; padding-right: 10px;}
.section {font-family: Trebuchet MS, Arial, Helvetica; font-size: 16px; font-weight: bold; color: #333333;}
.subsection {padding: 15px 0px 5px 0px; font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #000000;}
A.item,
A.item:visited {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; text-decoration: none;}
A.item:hover,
A.item:visited:hover {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; text-decoration: underline;}
.featureTd {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000;
border-left: solid 3px #CCCCCC; border-right: solid 3px #CCCCCC; border-top: solid 1px #CCCCCC; background-color: #F8F8F8;}
.featureTd2 {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #0064AD;
border-left: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC;
padding-bottom: 12px;}
A.featureLink {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #0064AD; font-weight: normal; text-decoration: underline;}
A.featureLink:hover {text-decoration: none;}
.setupTable {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000;
width: 100%; border: solid 1px #CCCCCC; background-color: #FAFAFA;}
.searchResTable {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000;
width: 90%;}
.searchFoundText {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #AA0000; font-weight: bold;}
A.foundLink {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #0000AA; font-weight: normal; text-decoration: underline;}
A.foundLink:hover {text-decoration: none;}
.hlText {color: #126ED3; font-weight: normal;}
.hlText2 {color: #AA0000; font-weight: normal;}
/* Parameters Page */
.paramName {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #24B20E; font-weight: bold;}
.paramTd1 {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #1C8F0B;
border-left: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC;}
.paramTd2 {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000;
border-left: solid 3px #CCCCCC; border-right: solid 3px #CCCCCC; border-top: solid 1px #CCCCCC; background-color: #F8F8F8;}
.paramTd12 {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #126ED3;
border-left: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC;}
.paramSectionText
{font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000; font-weight: bold;}
.funcName {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #AA0000; font-weight: bold;}
.funcParam {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #0064AD; font-weight: bold;}
hr {height: 1px; color: #CCCCCC;}
.licenseTd {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000;
border-left: solid 3px #CCCCCC; border-top: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC;}
.hintTd {font-family: Trebuchet MS, Tahoma, Arial, Helvetica; font-size: 11px; color: #000000;
padding: 5px; border: solid 1px #CCCCCC; background-color: #FFFBDE;}
.vLine {width: 1px; background-image: url(images/vline.gif); background-repeat: repeat-y; background-color: #ECECEC;}

Este quote tem o código CSS e gostava que me podessem ajudar.

xerife · Maio 7, 2007

Então ninguém me consegue ajudar?

Estou a ficar desesperado porque o tempo para entregar o trabalho esta-se esgotando.

Entrar

Ajuda Em Xsl

Pergunta

xerife

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

xerife

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades