Alinhamento de Informacoes dentro da Pagina e Menu de Opcoes
Bom Dia
Meu nome e Sidnei e eu estou desenvolvendo o meu primeiro projeto em ASP.NET.Logicamente encontrei e continuo encontrando varias dificuldades, uma vez que vendo do VB6 e pouco programei no ASP tradicional.
Um dos meus problemas esta em como alinhar as informacoes na tela.Eu criei uma MasterPage e nessa pagina criei uma tabela com Cabecalho, Lado e a coluna do meu.Na area referente ao Lado (Side) eu coloquei o "ContentPlaceHolder", referente a area em que eu irei colocar os varios objetos das diferentes paginas.
Nas minhas paginas eu estou criando tabelas, onde tento alinhar as informacoes e isso esta sendo um pesadelo, pois nada fica alinhado com nada.
Me disseram para usar o "DIV" e o "CSS", para resolver esse assunto. O "DIV", eu ate usei para alinhar alguns campos em posicoes especificas, porem so isso nao foi suficiente.
Tambem nao obtive sucesso com o menu.Criei o arquivo Web.sitemap, com as opcoes do Meu e depois os acessei atraves do TreeView, utilizando o SiteMap, porem as opcoes de Menu ali existentes sao muito fracas.
Enfim, gostaria de saber como resolver essa questao do Menu e do alinhamento dos dados dentro da pagina.
Muito Obrigado
Sidnei
Sidnei Silva.
Curtidas 0
Respostas
![[devmedia .net]](http://www.devmedia.com.br/imagens/fotoscolunistas/devmedia2peq2B-4.PNG "[devmedia .net]")
[devmedia .net]
10/02/2009
Opa beleza Sidnei ?
Olha vejo que sua dificuldade é em HTML e não .Net,
mas vamos tentar lhe ajudar ok !?
Trabalhar com DIV´s é um pouco mais complicado,
lhe aconselho a trabalhar com tabelas e depois migrar para DIV´s se assim achar necessário.
Sobre seu alinhamento de tabela, não consegui entender ao certo,
sei que está com dificuldades no alinhamento,
eu preciso do seu html ou imagem do html para que eu possa avaliar seu problema,
poderia me enviar o código da MasterPage e da página que está sendo criada.
Outra coisa, o ContentPlaceHolder é o local onde vai aparecer a página que estiver chamando.
O próprio Visual Studio cria as tabelas para você,
acesse o menu Tables e ele vai desenhar o site inteiro para você,
depois é só arrastar o ContentPlaceHolder para onde quiser.
Não entendi seu problema com o Menu,
conseguiu colocar pra funcionar e falou que era fraco,
não entendi o que quis dizer...
No aguardo..
Abraços
Carlos Jr
GOSTEI 0
Sidnei Silva.
10/02/2009
Ola Carlos, obrigado por sua ajuda.
Na verdade eu estou com problemas em HTML e em ASP.NET tambem, uma vez que e o meu primeiro projeto.
Meu lay out ainda esta uma porcaria por enquanto mas na verdade eu ainda nao dei muita importancia para o design, pois tive problemas mais importantes para resolver, entretanto chegou a hora de cuidar desse assunto.
Eu ia lhe mandar todo o codigo mas a opcao de UPload embora esteja disponivel, nao permite esse tipo de envio.
Eu acho que so postar o codigo nao e o suficiente, eu gostaria que voce visse como esta realmente.
Estou enviando um PrintScreen de uma tela:
Na tela 01, o gridview esta muito abaixo de onde deveria ficar e eu nao consigo fazer com que apareca mais acima.Provavelmente se eu usar o DIV conseguirei isso.
Observe o Menu ao lado, foi isso que eu quis dizer com um Menu fraquinho.As opcoes do menu vem do arquivo Web.sitemap e eu gostaria de algo mais sofisticado.
Eu tambem nao estou conseguindo subir o menu que esta muito embaixo.
Como faco para lhe enviar o codigo?
Obrigado
Sidnei
GOSTEI 0
[devmedia .net]
10/02/2009
Opa, blz ?
Sua imagem não veio..
Bom eu sugiro a você fazer um video e me enviar o que está precisando,
sem ver o código fica complicado..
Seu problema nesse caso é HTML, usar DIV ou Tabela vai resolver do mesmo jeito,
qualquer um vai te dar o resultado que deseja.
Como eu disse, é melhor me enviar os HTML´s da master page e a página que deseja exibir.
Ou fazer o vídeo que eu acho uma ótimo opção, pois assim pode me mostrar seu problema e o código,
além de poder explicar.
Se tiver dificuldades em enviar vídeos veja o link que ensina a fazê-los no início da página da consultoria,
quanto a enviar arquivos se tiver dificuldades envie um email para : daniella@devmedia.com.br
Você seguiu o que te falei na mensagem anterior ??
Criou as tabelas pelo menu do Visual Studio ??
No Aguardo
Carlos Jr
GOSTEI 0
Sidnei Silva.
10/02/2009
Bom Dia Carlos
Aqui esta a imagem que tentei enviar ontem, vou ver se consigo enviar tambem o codigo.
Um Abraco
Sidnei
GOSTEI 0
[devmedia .net]
10/02/2009
Olá Sidnei, tudo tranquilo ?
Sem ver o código HTML fica complicado te ajudar..
mas vou dar uma dica:
utiliza a propriedade "v-align" da tabela e alinhe para "top".
Isso fará com que o conteúdo da celula (coluna) seja posicionado acima...
Isso pode resolver seu problema,
lembrando que você deve colcoar isso em todas as colunas da tabela para que alinhe o conteudo.
Aguardo o HTML da Master Page e da página ListaProjetosColab.aspx
Abaços
Carlos Jr
GOSTEI 0
Sidnei Silva.
10/02/2009
Ola novamente Carlos
Eu enviei um email para a Daniella e estou aguardando a resposta sobre como enviar o codigo fonte.
Por enquanto enviarei por aqui mesmo.
Codigo da MasterPage :
<%@ Master Language="VB" CodeFile="MasterPages.master.vb" Inherits="MasterPages" %>
<!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 runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
<tr>
<td colspan="2" style="height: 200px">
<table>
<tr>
<td style="width: 100px; height: 54px">
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/Logotipo_NEWCAD.jpg" /></td>
<td style="width: 100px; height: 54px">
</td>
<td style="width: 341px; height: 54px">
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 100px">
</td>
<td style="width: 341px">
<span style="font-size: 14pt">GPRO - Gestor de Projetos</span></td>
</tr>
</table>
<table>
<tr>
<td style="width: 188px">
Ola,
<asp:LoginName ID="LoginName1" runat="server" />
</td>
<td style="width: 100px">
</td>
<td style="width: 253px">
Status,
<asp:LoginStatus ID="LoginStatus1" runat="server" Width="77px" LogoutPageUrl="~/Login.aspx" />
</td>
<td style="width: 100px">
</td>
</tr>
</table>
<br />
<table>
<tr>
<td style="width: 100px">
</td>
<td style="width: 117px">
</td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 117px">
</td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 100px">
<asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1" ImageSet="Arrows"
LineImagesFolder="~/TreeLineImages">
<ParentNodeStyle Font-Bold="False" />
<HoverNodeStyle Font-Underline="True" ForeColor="#5555DD" />
<SelectedNodeStyle Font-Bold="True" Font-Underline="True" ForeColor="#5555DD" HorizontalPadding="0px"
VerticalPadding="0px" />
<NodeStyle Font-Names="Tahoma" Font-Size="10pt" ForeColor="Black" HorizontalPadding="5px"
NodeSpacing="0px" VerticalPadding="0px" />
</asp:TreeView>
</td>
<td style="width: 117px">
<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
<strong>
</strong>
</asp:contentplaceholder>
</td>
<td style="width: 100px">
</td>
</tr>
</table>
<br />
<table>
<tr>
<td style="width: 238px">
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
</td>
<td style="width: 358px">
Copyright © Datavision 2009</td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 238px">
</td>
<td style="width: 358px">
</td>
<td style="width: 100px">
</td>
</tr>
</table>
<br />
<br />
<span style="font-size: 14pt"></span>
</td>
</tr>
<tr>
<td style="width: 139px">
</td>
<td>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
GOSTEI 0
Sidnei Silva.
10/02/2009
Codigo HTML ao arquivo : ListaProjetosColab.aspx
<%@ Page Language="VB" MasterPageFile="~/MasterPages.master" AutoEventWireup="false" CodeFile="ListaProjetosColab.aspx.vb" Inherits="ListaProjetosColab" title="Lista Projetos Por Colaborador" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<br >
Projetos Por Colaborador<br />
<script type="text/javascript">
</script>
<table>
<tr>
<td style="width: 100px">
</td>
<td style="width: 102px">
</td>
<td>
</td>
</tr>
<tr>
<td style="width: 100px; height: 346px;">
</td>
<td style="width: 102px; height: 346px;">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
CellPadding="4" DataSourceID="SqlDataSource1" ForeColor="#333333" AllowPaging="True" AllowSorting="True" Width="742px" DataKeyNames="USER_ID">
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<RowStyle BackColor="#EFF3FB" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#2461BF" />
<AlternatingRowStyle BackColor="White" />
<Columns>
<asp:CommandField ButtonType="Image" SelectImageUrl="~/Images/seta.gif" ShowSelectButton="True" />
<asp:CommandField ShowSelectButton="True" />
<asp:BoundField DataField="USER_ID" HeaderText="USER_ID" InsertVisible="False" ReadOnly="True"
Visible="False" />
<asp:BoundField DataField="USER_NOME" HeaderText="Colaborador" SortExpression="USER_NOME" />
<asp:BoundField HeaderText="Horas" InsertVisible="False" Visible="False" />
</Columns>
</asp:GridView>
</td>
<td style="height: 346px">
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 102px">
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:timesheet %>"
SelectCommand="SELECT DISTINCT USERS.USER_ID, USERS.USER_NOME FROM USERS INNER JOIN REL_PROJETOS ON USERS.USER_ID = REL_PROJETOS.USER_ID ORDER BY USERS.USER_NOME">
</asp:SqlDataSource>
</td>
<td>
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 102px">
<asp:GridView ID="GridView2" runat="server" CellPadding="4" DataSourceID="SqlDataSource2"
ForeColor="#333333" AutoGenerateColumns="False" DataKeyNames="REL_ID" Width="803px" AllowPaging="True" AllowSorting="True">
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#999999" />
<AlternatingRowStyle BackColor="White" ForeColor="#284775" />
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="Documentos" />
</ItemTemplate>
</asp:TemplateField>
<asp:HyperLinkField DataNavigateUrlFields="USER_ID" DataNavigateUrlFormatString="ProjetosColab.aspx?user_id="
DataTextField="USER_NOME" HeaderText="Colaborador" NavigateUrl="~/ProjetosColab.aspx" />
<asp:BoundField DataField="REL_ID" HeaderText="REL_ID" InsertVisible="False" SortExpression="REL_ID" Visible="False" />
<asp:BoundField DataField="USER_NOME" HeaderText="Colaborador" SortExpression="USER_NOME" Visible="False" />
<asp:BoundField HeaderText="Projeto" DataField="GESTOR_PROJETO" />
<asp:HyperLinkField DataNavigateUrlFields="REL_DOCUMENTO" DataNavigateUrlFormatString="Detalhes_T02.aspx?REL_DOCUMENTO="
DataTextField="REL_DOCUMENTO" HeaderText="Documento" NavigateUrl="~/DETALHES_T02.aspx" />
<asp:BoundField HeaderText="Ult.Modific." />
<asp:BoundField HeaderText="Formato" DataField="FORMATO_NOME" />
<asp:BoundField HeaderText="Horas Previstas" DataField="REL_HORASPREVISTAS" SortExpression="REL_HORASPREVISTAS" />
<asp:BoundField DataField="USER_ID" HeaderText="USER_ID" Visible="False" />
<asp:BoundField HeaderText="Gerente" DataField="RESPONSAVEL" SortExpression="RESPONSAVEL" />
<asp:BoundField HeaderText="Status" />
<asp:BoundField HeaderText="Prioridade" />
</Columns>
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:timesheet%>" SelectCommand="SELECT REL_PROJETOS.REL_ID, USERS.USER_NOME, REL_PROJETOS.REL_DOCUMENTO, REL_PROJETOS.USER_ID, REL_PROJETOS.REL_HORASCONSUMIDAS, PROJETOS.GESTOR_ID, FORMATOS.FORMATO_NOME, GESTOR.GESTOR_PROJETO, GESTOR.GESTOR_ID AS Expr1, REL_PROJETOS.FORMATO_ID, PROJETOS.PROJE_ID, REL_PROJETOS.REL_HORASPREVISTAS, PROJETOS.GERENTE_ID, USERS_1.USER_NOME AS RESPONSAVEL FROM REL_PROJETOS INNER JOIN PROJETOS ON REL_PROJETOS.PROJE_ID = PROJETOS.PROJE_ID INNER JOIN GESTOR ON PROJETOS.GESTOR_ID = GESTOR.GESTOR_ID INNER JOIN FORMATOS ON REL_PROJETOS.FORMATO_ID = FORMATOS.FORMATO_ID INNER JOIN USERS ON REL_PROJETOS.USER_ID = USERS.USER_ID INNER JOIN USERS AS USERS_1 ON PROJETOS.GERENTE_ID = USERS_1.USER_ID WHERE (REL_PROJETOS.USER_ID = @USER_ID)">
<SelectParameters>
<asp:ControlParameter ControlID="GridView1" Name="USER_ID" PropertyName="SelectedValue" />
</SelectParameters>
</asp:SqlDataSource>
</td>
<td>
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 102px">
<asp:Button ID="Button1" runat="server" Text="Detalhes" /></td>
<td>
</td>
</tr>
</table>
<br />
</asp:Content>
GOSTEI 0
Sidnei Silva.
10/02/2009
Ola novamente Carlos
Eu utilizei a propriedade Vallin da tabela para o Menu e para o GridView que aparecem na imagem e eles subiram um pouco.Mas o que eu quero mesmo e poder colocar qualquer informacao onde eu bem desejar.
Acho que o "DIV" deve me ajudar nisso.
Quanto ao menu, embora eu possa colocar uma cor nele, ainda vai ficar muito fraco, sem efeito interessante.
Para o Menu, estou utilizando o SiteMaph e o TreeView.
Design nao e o meu forte, logo eu irei copiar meu lay out final de algum lugar.Por acaso voce conhece algum site con lays outs para ASP.NET e de preferencias gratuitos?
Como disse esse e o meu primeiro projeto em ASP.NET e talvez por falta de conhecimento, eu esteja dizendo isso mas eu nao me sinto a vontade para desenvolver um lay out sofisticado nele.Voce sabe se existem outras ferramentas, simples e claro e tirando o Flash (Que e excelente mas eu acho complicado) pra desenvolver o design e interliga-lo ao Visual Studio.
No futuro eu pretendo estudar o Microsoft Blend e usar o SilverLight, pois ja esta na hora de me preocupar tambem com o Design, alem da programacao.
Um Abraco
GOSTEI 0
[devmedia .net]
10/02/2009
Sidnei, é isso mesmo que te falei...
Vá no mode de Designer, clique na coluna que está o contentplaceholder na Master Page,
vá em propriedades e coloque na propriedade VAlign o valor top,
para todas as colunas, e veja que na coluna onde tem o contentplaceholder, você tem um espaço em branco,
isso impossibilita qualquer objeto a ficar na mesma linha..
Fiz as alterações segue abaixo o código da MasterPage, foi necessário alterar somente ela...
Estou enviando apenas o conteúdo do Body, portanto substitua apenas ele...
<body>
<form id="form1" runat="server">
<div>
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
<tr>
<td colspan="2" style="height: 200px">
<table>
<tr>
<td style="width: 100px; height: 54px">
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/Logotipo_NEWCAD.jpg" /></td>
<td style="width: 100px; height: 54px">
</td>
<td style="width: 341px; height: 54px">
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 100px">
</td>
<td style="width: 341px">
<span style="font-size: 14pt">GPRO - Gestor de Projetos</span></td>
</tr>
</table>
<br />
<table>
<tr>
<td style="width: 100px">
Ola, <asp:LoginName ID="LoginName1" runat="server" />
</td>
<td style="width: 117px">
</td>
<td style="width: 146px">
Status,
<asp:LoginStatus ID="LoginStatus1" runat="server" Width="77px" LogoutPageUrl="~/Login.aspx" />
</td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 117px">
</td>
<td style="width: 146px">
</td>
</tr>
<tr>
<td style="width: 100px" valign="top">
<asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1" ImageSet="Arrows"
LineImagesFolder="~/TreeLineImages">
<ParentNodeStyle Font-Bold="False" />
<HoverNodeStyle Font-Underline="True" ForeColor="#5555DD" />
<SelectedNodeStyle Font-Bold="True" Font-Underline="True" ForeColor="#5555DD" HorizontalPadding="0px"
VerticalPadding="0px" />
<NodeStyle Font-Names="Tahoma" Font-Size="10pt" ForeColor="Black" HorizontalPadding="5px"
NodeSpacing="0px" VerticalPadding="0px" />
</asp:TreeView>
</td>
<td style="width: 117px" valign="top">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
<strong>
</strong>
</asp:ContentPlaceHolder>
</td>
<td style="width: 146px">
</td>
</tr>
</table>
<br />
<table>
<tr>
<td style="width: 238px">
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
</td>
<td style="width: 358px">
Copyright © Datavision 2009</td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 238px">
</td>
<td style="width: 358px">
</td>
<td style="width: 100px">
</td>
</tr>
</table>
<br />
<br />
<span style="font-size: 14pt"></span>
</td>
</tr>
<tr>
<td style="width: 139px">
</td>
<td>
</td>
</tr>
</table>
</div>
</form>
</body>
No aguardo do retorno,
Abraços
Carlos Jr
Carlos Jr
GOSTEI 0
Sidnei Silva.
10/02/2009
Ola Carlos obrigado por sua ajuda.
Melhorou com relacao ao anterior.Na tela que eu mandei, voce pode ver a expressao Projetos Por Colaborador, cujo texto aparece em 2 linhas.
Um problema de alinhamento que eu tenho e esse, eu coloco o texto dentro de uma tabela e conforme vou excrevendo a largura da tabela vai aumentando,dando a impressao de que ela esta se ajustando ao tamanho do texto.No modo Design esse texto aparece em uma unica linha mas na execucao da pagina, como voce pode ver, o texto aparece em 2 linhas.
Esse problema de alinhamento, eu so resolvo com o DIV?
Obrigado
GOSTEI 0
[devmedia .net]
10/02/2009
Oi Sidinei,
como eu disse outras vezes,
DIV e tabela são as mesmas coisas,
a única diferença é que DIV trabalha com posicionamento absoluto,
você dita onde ela quer ficar....
Olha, seu problema é HTML não .Net...
Sobre a tabela aumentar ou diminuir de acordo com o digita,
você tem que mecher no rowspan ou colspan que gerencia isso,
ele junta o número de colunas que você desejar.
Você deve definir bem as linhas e colunas da tabela,
para que não aconteça o rediment O menu do .net é muito bom, não sei o que deseja fazer com ele que está chamando de menu pobre, claro que ele não tem muitos recurso, mas atende em muitas coisas. Essa video aula ensina a mexer no menu, https://www.devmedia.com.br/articles/viewcomp.asp?comp=8668 caso não tenha acesso à video aula, me avise que lhe concedo o acesso GRATUITAMENTE. Links de templates free http://www.freecsstemplates.org/ http://www.free-css-templates.com/ http://www.free-css.com/ No aguardo do seu retorno. Carlos Jr
para que não aconteça o rediment O menu do .net é muito bom, não sei o que deseja fazer com ele que está chamando de menu pobre, claro que ele não tem muitos recurso, mas atende em muitas coisas. Essa video aula ensina a mexer no menu, https://www.devmedia.com.br/articles/viewcomp.asp?comp=8668 caso não tenha acesso à video aula, me avise que lhe concedo o acesso GRATUITAMENTE. Links de templates free http://www.freecsstemplates.org/ http://www.free-css-templates.com/ http://www.free-css.com/ No aguardo do seu retorno. Carlos Jr
GOSTEI 0
Sidnei Silva.
10/02/2009
Ola Carlos
Eu disse que acho que esse Menu e fraco devido a aparencia dele e tambem por nao ter conseguido uma boa aparencia de imediato.Claro que isso tambem esta ligado a minha falta de experiencia no assunto.
Vou dar mais uma olhada e entao retornarei para encerrar esse Post.
Obrigado e um Abraco
Sidnei
GOSTEI 0
[devmedia .net]
10/02/2009
Claro, aguardo seu retorno...
Volto a dizer sobre a video aula
Essa video aula ensina a mexer no menu,
https://www.devmedia.com.br/articles/viewcomp.asp?comp=8668
caso não tenha acesso à video aula, me avise que lhe concedo o acesso GRATUITAMENTE.
Aguardo seu retorno,
Abraços
Carlos Jr
GOSTEI 0
Sidnei Silva.
10/02/2009
Ok, obrigado, eu ja dei uma olhada no video.
Um Abraco
Sidnei
GOSTEI 0
[devmedia .net]
10/02/2009
Opa como vai Sidnei ?
Estou aguardando seu retorno para darmos continuidade ao atendimento ou encerrarmos o chamado.
Abraços
Carlos Jr
GOSTEI 0
Sidnei Silva.
10/02/2009
ok, eu ainda estou tirando algumas conclusoes.
Um Abraco
GOSTEI 0
[devmedia .net]
10/02/2009
Oi Sidinei, tudo bem ?
Precisamos dar continuidade ao chamado ou fecharmos o mesmo...
Aguardo retorno
Abraços
Carlos Jr
GOSTEI 0
Sidnei Silva.
10/02/2009
Bom Dia Carlos
Eu estive tentando resolver esse assunto e continuo no mesmo ponto em que estava.
Obrigado por sua ajuda.
O topico pode ser encerrado.
Um Abraco
Sidnei
GOSTEI 0
[devmedia .net]
10/02/2009
Opa, blz Sidney ?
Se continua com problemas por favor me fale para que eu possa lhe ajudar.
Caso não tenha mais problemas com o assunto inicial fechamos o chamado.
Abraços
Carlos Jr
GOSTEI 0
Sidnei Silva.
10/02/2009
Boa tarde Carlos
Resolvi verificar novamente esse assunto desde o inicio para ver se consigo algum resultado mais satisfatorio.
Na tela em anexo, eu estou enviando o Menu com TreeView e com as opcoes no arquivo Web.sitemap.
Isso foi o que eu quis dizer com Menu pobre, pois mesmo que eu coloque alguma cor nele, ele ainda ficara muito fraco, isso na minha opiniao.Claro que existem outros modelos que eu posso escolher, porem para mim, todos sao no mesmo nivel.
Eu gostaria de poder incrementar um pouco mais esse menu, se possivel.
Quanto ao alinhamento de alguns itens na tela, eu ainda estou com dificuldade em alguns itens.
Se nao me engano voce disse que Tabelas e DIV sao a mesma coisa.Porem estou vendo que se eu quiser que
um controle fique em uma posicao especifica, terei que usar o DIV apenas, pois com a Tabela fica um pouco complicado.
Obrigado e um Abraco
GOSTEI 0
[devmedia .net]
10/02/2009
Oi Sidnei,
seguinte, como eu lhe disse e volto a dizer, seu problema não está no .net e sim no html.
Tabela e Div fazem a mesma coisa, basta colocar posições na div ou fazer merge nas células das tabelas.
Me envie um desenho feito no paint se quiser, ou em qualquer outro editor do modelo das posições dos objetos,
eu faço o HTML para você, mas deve me enviar a imagem.
Eu não posso lhe ajudar se não me disser em qual objeto está com problema de posicionamento,
além disso você deve me enviar o html completo, com imagens e etc para que eu possa ver o que está faltando.
Quanto ao menu, ele tem várias propriedades para colocar imagens, cores de fundo , cores das letras,
posicionamento e etc..
Com um pouco de criatividade você consegue colocar o menu da maneira que desejar,
é um componente fraco sim, mas não deixa a desejar...
Criei 2 menus para você, veja o style que eu coloquei nele, a partir daí você pode mudar o que quiser..
<%@ Page Language="VB" %>
<!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 id="Head1" runat="server">
<title>Menu Styles</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2>
Styles Menu </h2>
<br />
<br />
<asp:Menu ID="Menu1" Height="20" runat="server" DynamicHorizontalOffset="-10"
DynamicVerticalOffset="20" StaticEnableDefaultPopOutImage="false">
<StaticMenuStyle BorderStyle="Outset" BorderWidth="1px" BackColor="#D6D3CE" />
<StaticMenuItemStyle ForeColor="black" HorizontalPadding="2px"
Font-Names="Tahoma" Font-Size="8pt" />
<DynamicMenuStyle BorderStyle="Outset" BorderWidth="1px" BackColor="#D6D3CE" />
<DynamicMenuItemStyle ForeColor="black" HorizontalPadding="2px"
Font-Names="Tahoma" Font-Size="8pt" />
<DynamicHoverStyle BackColor="SteelBlue" ForeColor="White" />
<Items>
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Library Home" Value="Library Home"
ImageUrl="images/book.jpg">
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Book 0" Value="Book 0" />
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Book 1" Value="Book 1">
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Chapter 0" Value="Chapter 0" />
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Chapter 1" Value="Chapter 1">
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Page 1" Value="Page 1" />
</asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Book 2" Value="Book 2">
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Chapter 0" Value="Chapter 0" />
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Chapter 1" Value="Chapter 1">
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Page 1" Value="Page 1" />
</asp:MenuItem>
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Chapter 2" Value="Chapter 2">
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Page 1" Value="Page 1" />
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Page 2" Value="Page 2" />
</asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Book 3" Value="Book 3">
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Chapter 0" Value="Chapter 0" />
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Chapter 1" Value="Chapter 1">
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Page 1" Value="Page 1" />
</asp:MenuItem>
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Chapter 2" Value="Chapter 2">
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Page 1" Value="Page 1" />
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Page 2" Value="Page 2" />
</asp:MenuItem>
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Chapter 3" Value="Chapter 3">
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Page 1" Value="Page 1" />
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Page 2" Value="Page 2" />
<asp:MenuItem NavigateUrl="~/MenuStyles_cs.aspx" Text="Page 3" Value="Page 3" />
</asp:MenuItem>
</asp:MenuItem>
</asp:MenuItem>
</Items>
</asp:Menu>
<br />
<br />
<br />
<br />
</div>
</form>
</body>
</html>
######### MENU 2 #######<%@ Page Language="VB"%>
<!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 id="Head1" runat="server">
<title>Menu Templates</title>
</head>
<body>
<form id="form1" runat="server">
<h2>
Menu </h2>
<br />
<br />
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#d9d9e6">
</td>
<td bgcolor="#d9d9e6" valign="middle">
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal"
DynamicVerticalOffset="2" Height="20"
StaticEnableDefaultPopOutImage="false"
StaticItemFormatString="&nbsp &nbsp ">
<StaticMenuStyle BorderStyle="None" BackColor="#D9D9E6" />
<StaticMenuItemStyle Font-Names="Tahoma" ForeColor="Black"
BorderColor="#D9D9E6" BorderStyle="Solid" BorderWidth="1px"
Font-Size="8pt" />
<DynamicMenuStyle BorderStyle="Outset" BorderWidth="1px"
BorderColor="Gray" BackColor="#D9D9E6" />
<DynamicMenuItemStyle Font-Names="Tahoma" Font-Size="8pt"
BorderStyle="Solid" BorderWidth="1px" BorderColor="#D9D9E6" />
<StaticHoverStyle BackColor="Ivory" BorderStyle="Solid" BorderWidth="1px"
BorderColor="#D9D9FF" />
<DynamicHoverStyle BackColor="Ivory" BorderStyle="Solid" BorderWidth="1px"
BorderColor="#D9D9FF" />
<DynamicItemTemplate>
<asp:Label ID="Label2" runat="server" Font-Names="Tahoma"
ForeColor="Black" Text='<%# Eval( "Text" ) %>'>
</asp:Label>
</DynamicItemTemplate>
<Items>
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Book 0" Value="Book 0" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Book 1" Value="Book 1">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 0" Value="Chapter 0" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 1" Value="Chapter 1">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 1" Value="Page 1" />
</asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Book 2" Value="Book 2">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 0" Value="Chapter 0" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 1" Value="Chapter 1">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 1" Value="Page 1" />
</asp:MenuItem>
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 2" Value="Chapter 2">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 1" Value="Page 1" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 2" Value="Page 2" />
</asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Book 3" Value="Book 3">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 0" Value="Chapter 0" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 1" Value="Chapter 1">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 1" Value="Page 1" />
</asp:MenuItem>
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 2" Value="Chapter 2">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 1" Value="Page 1" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 2" Value="Page 2" />
</asp:MenuItem>
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 3" Value="Chapter 3">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 1" Value="Page 1" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 2" Value="Page 2" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 3" Value="Page 3" />
</asp:MenuItem>
</asp:MenuItem>
</Items>
</asp:Menu>
</td>
</tr>
<tr>
<td bgcolor="#f7f3f7" width="20%">
<asp:Menu ID="Menu2" BorderStyle="None"
runat="server" StaticDisplayLevels="2">
<StaticMenuStyle BackColor="#F7F3F7" />
<StaticMenuItemStyle BorderStyle="Solid" Font-Names="Tahoma"
Font-Size="8pt" BorderWidth="1px" BorderColor="#F7F3F7" />
<DynamicMenuStyle BorderStyle="Outset" BorderWidth="1px"
BorderColor="LightGray" BackColor="#F7F3F7" />
<DynamicMenuItemStyle Font-Names="Tahoma" Font-Size="8pt"
BorderStyle="Solid" BorderWidth="1px" BorderColor="#F7F3F7" />
<StaticHoverStyle BackColor="#CECECE" BorderStyle="Solid"
BorderWidth="1px" BorderColor="DarkGray" />
<DynamicHoverStyle BackColor="#CECECE" BorderStyle="Solid"
BorderWidth="1px" BorderColor="DarkGray" />
<StaticItemTemplate>
<asp:Label ID="Label9" runat="server" ForeColor="Black"
Font-Bold='<%# ( Not ( Eval ( "Selectable" ) ) ).ToString( ) %>'
Text='<%# Eval( "Text" ) %>'>
</asp:Label>
</StaticItemTemplate>
<DynamicItemTemplate>
<asp:Label ID="Label10" runat="server" ForeColor="Black"
Text='<%# Eval( "Text" ) %>'>
</asp:Label>
</DynamicItemTemplate>
<Items>
<asp:MenuItem Selectable="False" NavigateUrl="~/MenuTemplates_cs.aspx" Text="Book 0"
Value="Book 0" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Book 1" Value="Book 1">
<asp:MenuItem Selectable="False" NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 0"
Value="Chapter 0" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 1" Value="Chapter 1">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 1" Value="Page 1" />
</asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Book 2" Value="Book 2">
<asp:MenuItem Selectable="False" NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 0"
Value="Chapter 0" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 1" Value="Chapter 1">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 1" Value="Page 1" />
</asp:MenuItem>
<asp:MenuItem Selectable="False" NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 2"
Value="Chapter 2">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 1" Value="Page 1" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 2" Value="Page 2" />
</asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Book 3" Value="Book 3">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 0" Value="Chapter 0" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 1" Value="Chapter 1">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 1" Value="Page 1" />
</asp:MenuItem>
<asp:MenuItem Selectable="False" NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 2"
Value="Chapter 2">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 1" Value="Page 1" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 2" Value="Page 2" />
</asp:MenuItem>
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Chapter 3" Value="Chapter 3">
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 1" Value="Page 1" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 2" Value="Page 2" />
<asp:MenuItem NavigateUrl="~/MenuTemplates_cs.aspx" Text="Page 3" Value="Page 3" />
</asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Selectable="False" Value="Product Families" Text="Product Families">
<asp:MenuItem Value="Windows" Text="Windows"></asp:MenuItem>
<asp:MenuItem Value="Office" Text="Office"></asp:MenuItem>
<asp:MenuItem Value="Mobile Devices" Text="Mobile Devices"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Selectable="False" Value="Resources" Text="Resources">
<asp:MenuItem Value="Support" Text="Support">
<asp:MenuItem Value="Support Home" Text="Support Home"></asp:MenuItem>
<asp:MenuItem Value="Knowledge Base" Text="Knowledge Base"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Value="Downloads" Text="Downloads"></asp:MenuItem>
<asp:MenuItem Value="Windows Update" Text="Windows Update"></asp:MenuItem>
<asp:MenuItem Value="Learning Tools" Text="Learning Tools">
<asp:MenuItem Value="Training and Certification" Text="Training and Certification">
</asp:MenuItem>
<asp:MenuItem Value="Books" Text="Books"></asp:MenuItem>
</asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Selectable="False" Value="Information For" Text="Information For">
<asp:MenuItem Value="Home Users" Text="Home Users"></asp:MenuItem>
<asp:MenuItem Value="Work Users" Text="Work Users"></asp:MenuItem>
<asp:MenuItem Value="IT Professionals" Text="IT Professionals"></asp:MenuItem>
</asp:MenuItem>
</Items>
</asp:Menu>
</td>
<td bgcolor="#ffffcc">
</td>
</tr>
</table>
<br />
<br />
<br />
<br />
<br />
</form>
</body>
</html>
No aguardo, AbraçosCarlos Jr
GOSTEI 0
Sidnei Silva.
10/02/2009
Bom Dia Carlos
Eu copiei o HTML dos e menus que voce enviou, sendo que o segundo eu consegue visualizar e o primeiro nao, pois ocorreu um erro.
Eu achei o segundo Menu interessante e ate gostaria de usa-lo.Se bem que o primeiro que eu nao consegui visualizar pode ate ser melhor.
Mas sobre o Menu, eu ainda estou preso a algumas regras, ja que sou principiante.Eu estou usando o controle
TreeView e voce usou o controle Menu.Eu criei um arquivo Web.sitemap, que contem minhas opcoes de Menu.
Com o TreeView eu nao consegui associar o arquivo Web.sitemap.Logicamente eu ainda tenho varias deficiencias e o meu receio e utilizar algum controle que acabe me gerando outros problemas.
Irei pesquisar sobre o TreeView, para resolver esse problema.Espero apenas que eu tenha feito algo errado, para nao conseguir associar o arquivo Web.sitemap a ele.
Muito Obrigado
GOSTEI 0
[devmedia .net]
10/02/2009
Opa, blz ?
Os dois menus são iguais, mudam apenas cores..
Quanto a ligar a treeview ao site map é a mesma coisa do menu...
Ententa que a treeview é um menu, só que é vertical...
Você cria um SiteMapDataSource e liga no treeview, só isso..
Veja o exemplo abaixo
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
<asp:TreeView ID="TreeView1" runat="server"
DataSourceID="SiteMapDataSource1"
OnTreeNodeDataBound="TreeView1_TreeNodeDataBound">
</asp:TreeView> Se tiver mais dúvidas veja este artigo, https://www.devmedia.com.br/articles/viewcomp.asp?comp=7605 Se ainda não conseguir fazer me fale que faço um video para você lhe ensinando. Grande abraço, e aguardo seu retorno o mais breve. Carlos Jr
DataSourceID="SiteMapDataSource1"
OnTreeNodeDataBound="TreeView1_TreeNodeDataBound">
</asp:TreeView> Se tiver mais dúvidas veja este artigo, https://www.devmedia.com.br/articles/viewcomp.asp?comp=7605 Se ainda não conseguir fazer me fale que faço um video para você lhe ensinando. Grande abraço, e aguardo seu retorno o mais breve. Carlos Jr
GOSTEI 0
Sidnei Silva.
10/02/2009
Bom Dia Carlos
Eu encontrei um LayOut interessante e resolvi utiliza-lo para resolver o meu problema.Afinal nao tenho muito tempo
disponivel, simplesmente preciso resolver esse problema de qualquer maneira e alias ainda tenho duvidas sobre outros assuntos tambem.
Oportunamente irei estudar um pouco mais sobre CSS e alguns comandos HTML que eu ainda nao domino e que certamente poderiam ser uteis para resolver ese problema.
Obrigado e um Abraco
Sidnei
GOSTEI 0
[devmedia .net]
10/02/2009
Opa beleza Sidnei !?
Bom cara, sempre conte com a gente...
Layout pronto sempre nos ajuda quando temos alguma dificuldade.
Entenda que estamos aqui para lhe ajudar a resolver seu problema,
caso não o tenho resolvido tentaremos uma maneira melhor.
Posso fechar o chamado ?
Abraços
Carlos Jr
GOSTEI 0
Sidnei Silva.
10/02/2009
Sim, voce pode fecha-lo.
Obrigado e um Abraco
GOSTEI 0
Devmedia
10/02/2009
Sidnei,
só lembrando que o artigo que o Carlos te recomendou é gratuito. Caso não tenha acesso, por favor, nos avise para liberar o acesso sem maiores custos.
só lembrando que o artigo que o Carlos te recomendou é gratuito. Caso não tenha acesso, por favor, nos avise para liberar o acesso sem maiores custos.
GOSTEI 0
Sidnei Silva.
10/02/2009
Ok, obrigado, eu ja dei uma olhada.
Um Abraco
GOSTEI 0