Ir para conteúdo
Fórum Script Brasil
  • 0

Ajuda Em Xsl


xerife

Pergunta

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.

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...