Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Fernando_2009

[Resolvido] Alinhando o SWF no HTML com CSS

Por , em Desenvolvimento frontend

Recommended Posts

Fernando_2009    0

Fernando_2009
Postado

Ola Boa Noite.

 

 

Tenho um problema nao estou conseguindo centralizar meu menu em flash no Html com Css, quando vou abrir ele no IE7 nao fica centralizado.

 

 

CSS

#topo  {
	width:762px;
	height:189px;
	background-image:url(topo/topo11.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
}
	

#menu  {
	width:456;
	height:33;
	position: absolute;        
	margin-top: -150px;        
	margin-left: -250px;        
	top: 50%;        
	left: 50%;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Está usando um DOCTYPE na página ?

 

não deixe de declarar as unidades.

width:456px;
height:33px;
quais são as dimensões reais dele ?

 

Que elemento tem o id="menu" ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fernando_2009    0

Fernando_2009
Postado

Ola Willian bruno,

 

Então estou usando essea DOCTYPE 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

 

não deixe de declarar as unidades. ok isso arumei ainda nao resolveu.

 

 

quais são as dimensões reais dele ? as dimensões reis são Width 456 Height 33.

 

 

Que elemento tem o id="menu" ? 

<div id="menu">
  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="456" height="33">
    <param name="movie" value="Flash/menu.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="Flash/menu.swf" width="456" height="33">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="6.0.65.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
      </div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

você quer centralizar horizontalmente e verticalmente na página?

#menu  {
        width: 456px;
        height: 33px;
        position: absolute;        
        margin-top: -17px; /* metade da altura*/        
        margin-left: -278px; /* metade da largura */        
        top: 50%;        
        left: 50%;
}
Se não for isso, poste uma screen de como deve ficar.

Pode postar no imageshack.us, e colar o link aqui.

 

Ou então, poste um link para a tua página.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Okay.. tentou assim:

#menu  {
        width: 456px;
        height: 33px;
        margin: 0 auto;
}
?

 

Se não funcionar, poste um link para a sua página.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fernando_2009    0

Fernando_2009
Postado

Ola Boa Noite.

 

Tenho mais um problema,Quando eu alinho o menu no dremweaver ele fica assim http://img697.imageshack.us/i/menu2w.jpg/ mais quando vou abri no IE7 ele não fica alinhado certo ele fica assim http://img695.imageshack.us/i/menuz.jpg/

 

#new {
	width:123px;
	height:39px;
	background-image:url(menu/menu.new.png);
	background-repeat:no-repeat;
	margin-left:150px;
	margin-top:-530px;

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não use o Dreamweaver no modo visual, se quiser ter um código de qualidade.

A idéia é a mesma. Para centralizar elementos nivel de bloco horizontalmente, defina margin automática para as laterais, e uma largura fixa.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fernando_2009    0

Fernando_2009
Postado

Ola Boa Noite.

 

Consegui centralizar o menu Iniciar em vertical, mais quando vou colocar os outros menus (galeria serviços etc), em vertical eles aparecem normal no dreamwever mais quando vou abrir no IE7 só aparece o menu Iniciar os outros nao aparece.

 

CSS
#inicio {
	width:123px;
	height:39px;
	background-image:url(menu/menu.inicio.png);
	background-repeat:no-repeat;
	position:relative; 
	left:50%; 
	margin-left:-350px;
	margin-top:-510px;
}   


#galeria {
	width:123px;
	height:39px;
	background-image:url(menu/menu.galeria.png);
	background-repeat:no-repeat;
	position:relative;
	left:50%;
	margin-left:-350px;
	margin-top:-500px;
	
}
	

#serviços {
	width:123px;
	height:39px;
	background-image:url(menu/menu.servi%C3%A7os.png);
	background-repeat:no-repeat;
	position:absolute;
	left:500px;
	margin-left:-350px;
	margin-top:-490px;
	
}

HTML
<div id="corpo">
</div>

<div id="inicio">
</div>

<div id="galeria">
</div>

<div id="serviços">
</div>

 

Obrigado pela ajuda..

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Bom dia,

 

Se entendi bem sua necessidade, creio que esta estrutura lhe ajude.

 

MARCAÇÃO

<div id="box_geral">
	<div id="box_topo">TOPO</div>
	<div id="box_menu">MENU</div>
</div>

ESTILO

#box_geral {
	width:770px;
	height:400px;
	overflow:auto;
	border:1px solid #000;
	margin:0 auto;
}

#box_topo {
	border:1px solid #000;
	width:760px;
	height:200px;
	margin:0 auto;
}

#box_menu {
	border:1px solid #000;
	width:600px;
	height:50px;
	margin:0 auto;
}

Espero que ajude.

Compartilhar este post

Link para o post
Compartilhar em outros sites

angelorubin    142

angelorubin
Postado

Boa tarde,

 

Inclusive na CSS tambem tem dois erros C com cedilha no #serviços e no background-image tambem tem erro.

 

Nunca utilize caracteres especiais tais como (ç, á, à, é, dentre outros) nestas declarações.

 


#serviços {
       
        background-image:url(menu/menu.servi%C3%A7os.png);
       
}

Tenta ajustar para ver senão é esta a razão do problema.

 

Qualquer duvida poste novamente.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito