Boas. Estou a criar uma pagina com as seguintes frames: (espero que se perceba, lol) ----------- | A ------------ | B | C ------------ | D ------------ Na frame B criei um menu vertical. O problema é: quando o menu tem submenus, apenas visiveis quando se passa com o rato por cima do menu, como a frame B tem um tamanho fixo, se esse menu ultrapassar o limite, esse menu nao fica visivel, fica por baixo da frame C. O que eu pretendia era exactamente o contrário. Quando o menu fosse maior que a frame, em vez de ficar por baixo da frame C, ficar por cima, isto é, ser visivel. Alguem pode ajudar? Obrgigado.
Tu e eu. É daquelas coisa que nem nunca devia ter existido. Quanto ao problema em causa, se é isso que realemente queres fazer, tens de mudar o modo como é feito. DHTML menus muito provavelmente. Como alguem disse, CSS e ainda tens de juntar JS provavelmente.
ja tentei de varias formas e nao consigo. alguem me pode dar um exemplo?se for facil..caso contrario, esqueçam lá isso. as frames, neste caso, penso que me darão jeito, uma vez que a frame de cima será sempre estática, tal como os menus, e a frame de baixo. apenas a frame C será alterada com dados provenientes de uma base de dados. cumps.
estou a usar CSS e frames. se calhar estou a cometer alguma inconsistência!será? é possível usar algo tipo frames com CSS? estou a ficar um bocado confuso. se alguem poder esclarecer..
Como disse o ShadeX as frames são algo que nunca devia ter existido. Porque só complica a vida dos webmasters. Dá muitos problemas de referenciação (como raio é que isto se escreve?) nos motores de busca. E aquilo que tu pretendes fazer é impossível. Ao contrário do que tu dizes, o teu menu não fica debaixo da frame de baixo, mas é logo cortado ali. Pura e simplesmente. Vê isso como três divisões de uma casa. Como é que queres meter a tua mesa desdobrável numa divisão e esperar que quando a abrires ela se alongue pela outra divisão adentro? Não dá, tão simples como isso. Já que dizes que o teu conteúdo da frame do meio vai ser importado de uma base de dados, podes muito bem construir uma página normal e fazer um include() PHP no sítio certo.
Como o titulo do POST diz "Problema HTML (frames)"... esquece os frames se está a aprender então aprende da melhor maneira... Primeiro porque queres que uma página mostre contéudos diferentes... Se eu quiser guardar nos bookmarks ou favoritos a pagina nº 33 porque será que me aparece sempre a página nº1. Se na página nº33 afinal quiser voltar para trás "back", obrigas-me a começar da página n1 de novo? Este e outros problemas para quê!? poupares Kb? ou tempo? porque a horas que poupas são 5 minutos para cada um dos teus utilizadores. Vale a pena? Se procuras algo assim http://www.maujor.com/tutorial/apoio_lay2faux/layout-2colunas-ex4.html. Então vê http://www.maujor.com/tutorial/lay2col-faux-colunm.php procura e aproveita e vê o restante site pois aprendes muito e da melhor maneira.
Muito bom. é exactamente isso que eu pretendo. Convenceram-me de forma clara, a não usar frames. o facto é que nunca tinha usado até á data, a pareceu-me boa ideia. mas, com as vossas opiniões facilmente mudei de opinião. obrigado a todos. vou tentar entao utilizar apenas CSS para definir tudo isto. qualquer coisa, volto "ao sitio do costume" hehehe
EDIT: Uma questão, já agora: suponhamos que tenho definida a div cima. e dentro dessa div quero colocar um titulo do lado esquerdo e uma imagem do lado direito. pretendo definir no CSS a formatação para o texto e também a formatação para a imagem, independentes. como é neste caso, o codigo html? Código: <div id="cima"> <div class="title"> geDIUM | <font size="-1" color=#A00000> Gestor de Eventos </font> </div> <div class="onde_logo"> <img src="images/logoum.gif"/> </div> </div> dentro dessa div pretendo ter duas definições diferentes, provenientes do CSS. O que acontece é que quando defino no CSS que quero a imagem mais em baixo por exemplo, o titulo também anda mais para baixo. Cumps
<div id="cima"> <img src="images/logoum.gif" alt="texto alternativo a logoum.gif" /> <p> geDIUM | <span>Gestor de Eventos<span> </p> </div> CSS #cima img { float: right } #cima p { } /* 1º estilo */ #cima p span { color: #a00000; font-size: 80% } /* 2º estilo */ Esquece o <font> isso é medieval. Tenta usar o HTML adquado se tens um <p>aragrafo dento de um bloco de <div>isão usa-o assim mesmo <div> <p>, eu usei o <span> para diferenciar o texto mas caso quisesses dar enfase ao texto "Gestor de Eventos", podias usar <em>Gestor de Eventos</em> ou <strong>. Quanto usar o <div> para conter uma imagem, é a mesma coisa que levares um carro de compras com uma carteira de fósforos lá dentro ... Alterei a o fluxo de HTML passei a imagem para a frente do texto pois a assim ele encosta logo á direita, se usasse como tens a imagem encostava á direita mas após o texto terminar ou seja... tinha o texto a ocupar a linha 2,3 e 4 a imagem ia encostar á direita na linha 5. Claro que se não tiveres hipotese de alterar o fluxo do HTML há alternativas mas esta é a mais simples.
isto está complicado. tenho o seguinte no css: Código: #topo { height: 100px; } #topo title { font-size: 15px; font-weight: bold; font: arial, sans-serif; width: 200px; float: left; } #topo title span { font-size: 14px; color: #A00000; } #topo onde_logo { padding-top: 10px; margin: 0px 500px 0px; width: 300px; float: right; } no html tenho: Código: <div id="topo"> <onde_logo> <img src="images/logoum.gif"/> </onde_logo> <title> geDIUM | <span> Gestor de Eventos </span> </title> </div> acontece que o texto não aparece!! não percebo porque..
sabes porquê , tens que aprender HTML... o que está a escrever é um tipo de MPLopesXML isso não existe... Aonde é que tu viste que : <onde_logo> <title> São tags/ elemntos da linguagem HTML ???? elas estão em http://www.w3.org/TR/html4/index/elements.html Quanto muito o title mas esse faz parte do <head> e não do <body> Se quiseres inventar essas tags tens que te virar para o XML http://www.w3schools.com/xml/default.asp Bom usando o teu CSS para o meu HTML #topo { height: 100px; } #topo p { font: 15px arial, san-serif; font-weight: bold; width: 200px; float: left; } #topo title span { font-size: 14px; color: #A00000; } #topo img { padding-top: 10px; margin: 0px 500px 0px; width: 300px; float: right; } Está a ve a margem que tás a definir para a img : margin { top right bottom left } queres encostar a imagem á direita mas ao mesmo tempo queres que ela se afaste da direita 500px. ?!? o left como não está definido assume o valor do anterior "bottom"
certo. este está a ser o post mais produtivo que já li. obrigadão. caricato é, o facto de, na linguagem que eu estava a tentar definir, a imagem aparecia e estava dentro das tags "onde_logo".. caricato. problema resolvido, mais uma vez, obrigado. Cumps.