Jump to content
estimado

[Ajuda] Logotipo aparece em cima do Menu!

Recommended Posts

estimado

boas

Estou a criar um pequeno site para o filho do meu irmão!

Bem, o problema que eu estou a ter é que quando eu meto o Logotipo o mesmo aparece em cima do Menu!

wetg.png

Já tentei meter o código de espaço, mas mesmo assim não resultou

<p>  </p>

Podem-me ajudar?

Obrigado :wallbash:


Visual Studio 2010 C#

Share this post


Link to post
Share on other sites
Andrepereira9

So assim é difícil de dizer-te o que fazer. Mostra o código que tens para inserir o logótipo e o menu


A informática chegou para resolver problemas que antes não existiam

Quem ri por último é porque está conectado a 52 Kbs.

Share this post


Link to post
Share on other sites
estimado

boas

O código da pagina e este:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Página Gui | 2011</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
	<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="lib/jquery.tools.js"></script>	
	<script type="text/javascript" src="lib/jquery.custom.js"></script>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>


<div id="main">
<!-- header begins -->
<div id="header">
<div id="logo">
    	<form id="form1" method="post" action="">
    	  <p>
    	    <label>
    	      <input type="image" name="imageField" id="imageField" src="Logotipo.png" />
  	      </label>
  	    </p>
  	  </form>
    	<h3> </h3>
    </div>
   <div id="buttons"><div class="but_razd"></div>
      <a href="index.html" class="but"  title="">Home</a>
      <a href="blog.html" class="but" title="">Blog</a>
      <a href="gallery.html"  class="but" title="">Gallery</a>
      <a href="about_us.html"  class="but" title="">About us</a>
      <a href="contact_us.html" class="but" title="">Contact us</a>
    </div>
</div>
<!-- header ends -->
<div class="cont_top"></div>


<!-- content begins -->       
<div id="content"><!-- scrollable -->
<div class="navi"></div> <!-- create automatically the point dor the navigation depending on the numbers of items -->		   
		  
                <div style="clear: both"></div>


    <div class="ram1_bg">
    	<div class="ram1_top">
        	<div style="height:15px"></div>
    		<h1>Bem Vindo á minha nova Página !</h1>
            <div style="height:5px"></div>
            <p class="span_b">Sou um menino muito pequeno com 15 meses, muito brincalhão e sorridente.</p>
            <p class="span_b">Adoro comer Iogurtes e tudo que for doce. Estou prestes a conseguir caminhar sozinho, só preciso de mais algum empurrão do tempo!</p>
            <p class="span_b"> </p>
            <p class="span_b">Sou muito Feliz com a minha Familia ! </p>
            <div style="height:5px"></div>
    	</div>
    </div>
    <div class="ram1_bot">
    	<div class="read_but"><a href="#">Ver Imagens!</a></div>
    </div>
    <div style="height:10px"></div>
    
    <div class="i_col_razd ">
      <div class="float_left" style="width: 30px; height: 10px;"></div>
      <div class="float_left" style="width: 30px; height: 10px;"></div>
      <div style="clear: both"></div>
    </div>
    <div style="height:10px; width: 100px"></div>
    <div class="razd_v"></div>
    <div style="height:10px"></div>
    
    <div >
    <div class="float_left" style=" width:15px; height:5px"></div>
    <div style="clear: both;"></div>
    </div>
    
      
         
   	<div style="clear: both; height: 1px;"></div>                  
</div>
<div class="cont_bot"></div>
    <!-- content ends --> 
    <!-- bottom begin -->
<div style="height:20px"></div>
<div id="bottom">
  <div style="clear: both;"></div>
</div>
    
     <!-- bottom end --> 
<!-- footer begins -->
            <div id="footer">
              <p>Página do Gui | Copyright  2011. Todos os Direitos Reservados </p>
              <p>Creado por: Pedro Estimado</p>
</div>
        <!-- footer ends -->
</div>




</body>
</html>

Agradecia uma ajuda rápida, pois queria terminar o site hoje a noite!

Obrigado pela ajuda Andre

cumps


Visual Studio 2010 C#

Share this post


Link to post
Share on other sites
progster

Experimenta substituir:

      <p>

        <label>

          <input type="image" name="imageField" id="imageField" src="Logotipo.png" />

        </label>

      </p>   

por algo deste género (Não testado)

  <p>
    <label>
    	      <image align=”center” valign="center"></ src="Logotipo.png" />
  	      </label>
  	    </p> 


Não resolvo dúvidas por PM.

Share this post


Link to post
Share on other sites
estimado

<p>
           <label>
             <input type="image" name="imageField" id="imageField" src="Logotipo.png" />
           </label>
         </p>

Não funciona!


Visual Studio 2010 C#

Share this post


Link to post
Share on other sites
BELGA

Experimenta mudar isto:

<form id="form1" method="post" action="">

        <p>

          <label>

            <input type="image" name="imageField" id="imageField" src="Logotipo.png" />

          </label>

        </p> 

</form>

Para isto:

        <p>

          <label>

            <img align=”center” src="Logotipo.png" />

          </label>

        </p> 

Share this post


Link to post
Share on other sites
estimado

boas

<p>
           <label>
             <center><img src="Logotipo.png" width="607" height="189" align=”center” /></center>
           </label>
         </p>  

Este código funciona, mas é se eu remover este Código da pagina!

<div id="logo">

Se tipo o codigo ficar assim!

<div id="logo"> 
<p>
           <label>
             <center><img src="Logotipo.png" width="607" height="189" align=”center” /></center>
           </label>
         </p>  

A imagem aparece bem, mas a página fica destrocida (Devez de estar centradaela vai toda para a esquerda)

Agradecia uma ajuda!

Pois nunca me tinha acontecido isto!


Visual Studio 2010 C#

Share this post


Link to post
Share on other sites
luisserrano

E porque é que estás a meter o logo dentro de uma form ??  🤔

Share this post


Link to post
Share on other sites
laboss

Assim em jeito de testes tenta

troca isto:

<div id="logo">
            <form id="form1" method="post" action="">
              <p>
                <label>
                  <input  type="image" name="imageField" id="imageField" src="Logotipo.png" />
                </label>
              </p>
            </form>
            <h3> </h3>
    </div>

por:

<div id="logo">
            <form id="form1" method="post" action="">
              <p>
                <label>
                  <input type="image" name="imageField" id="imageField" src="Logotipo.png" />
                </label>
              </p>
            </form>
            <h3> </h3>
    </div><br clear="all" />

Share this post


Link to post
Share on other sites
estimado

boas

Mesmo assim não resulta!

Aparece sempre a mesma coisa (em cima do menu)


Visual Studio 2010 C#

Share this post


Link to post
Share on other sites
3mleao

Bom dia.

Eu nao vi o css, mas deve ser o z-index.

Altera o z-index da div que contem a imagem no css para -1.

Share this post


Link to post
Share on other sites
estimado

Bom dia.

Eu nao vi o css, mas deve ser o z-index.

Altera o z-index da div que contem a imagem no css para -1.

z-index ?

Como e que eu vejo isso ?


Visual Studio 2010 C#

Share this post


Link to post
Share on other sites
yoda
<div id="logo" style="height:100px;">
            <form id="form1" method="post" action="">
              <p>
                <label>
                  <input  type="image" name="imageField" id="imageField" src="Logotipo.png" style="max-height:100px;"/>
                </label>
              </p>
            </form>
            <h3> </h3>
    </div>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.