Problema HTML (frames)

mpLopes

mpLopes

Power Member
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.
 
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.
 
artideias disse:
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.
Clicar para expandir...

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
 
Última edição:
<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.
 
Última edição:
artideias disse:
<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.
Clicar para expandir...

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... :002:

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"
 
artideias disse:
sabes porquê , tens que aprender HTML... :002:

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"
Clicar para expandir...

:lol: 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.
 
Inicie sessão ou registe-se para poder participar.
Back
Topo