1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Problema HTML (frames)

Discussão em 'Web Development' iniciada por mpLopes, 27 de Novembro de 2006. (Respostas: 15; Visualizações: 2098)

  1. 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.
     
  2. OldMan

    OldMan Power Member

    Não tenho a certeza do que vou dizer, mas com CSS não resolves isso?
     
  3. greven

    greven Folding Artist

    Eu evitava o uso de frames... :S
     
  4. ShadeX

    ShadeX Power Member

    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.
     
  5. ZoomBang

    ZoomBang Power Member

    Com umas DIV resolvias o problema.
     
  6. mpLopes

    mpLopes Power Member

    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.
     
  7. K0mA

    K0mA Power Member

    Muito sinceramente
    não uses frames.
    Usa CSS.
     
  8. mpLopes

    mpLopes Power Member

    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..
     
  9. Squillace

    Squillace Power Member

    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.
     
  10. artideias

    artideias Power Member

    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.
     
  11. mpLopes

    mpLopes Power Member

    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 ;)
     
  12. mpLopes

    mpLopes Power Member

    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: 28 de Novembro de 2006
  13. artideias

    artideias Power Member

    <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: 28 de Novembro de 2006
  14. mpLopes

    mpLopes Power Member

    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..
     
  15. artideias

    artideias Power Member

    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"
     
  16. mpLopes

    mpLopes Power Member

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

Partilhar esta Página