Ir para conteúdo

POWERED BY:

Arquivado

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

Felipe_95

Div lado a lado

Por , em Desenvolvimento frontend

Recommended Posts

Felipe_95    0

Felipe_95
Postado

Bom dia pessoal! Estou com um problema e não consigo resolver.. O seguinte:

Estou criando um site, tem o menu em flash (parte de cima: div id #flash) e a parte que ira os ficar os conteudos,que então possui um arquivo em flash no lado esquerdo (div id #logo) e então eu gostaria de adicionar outro arquivo em flash do lado direito, porém ele não fica alinhado ao lado, fica embaixo :(

Não to conseguindo resolver, tem como dar uma olhada no meu código?

 

 

 

CSS:

 

@charset "utf-8";
/* CSS Document */
*{
padding:0px;
margin:0px;
}
#header{
background:url(../images/layout_04.png);
height:604px;
}
#menu{
background:url(../images/menu.png);
height:30px;
}
#rodape{
height:34px;
margin: 0 auto;
background-image:url(../images/rodape.jpg);
}
#flash{
position:absolute;
left:50%;
margin-left:-510px;
}
#logo{
margin-left:11px;
margin-right:443px;
margin-top:11px;
margin-bottom:258px;
width:580px;
height:335px;
position:absolute;
}

 

 

 

 

HTML:

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css" media="screen" />
<title></title>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div id="menu">
<div id="flash">
<table border="0" cellspacing="0" cellpadding="0">
<tr> </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1021" height="30">
<param name="movie" value="images/icons/menu.swf" />
<param name="quality" value="autolow" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- Esta tag param solicita que os usuários com o Flash Player 6.0 r65 e versões posteriores baixem a versão mais recente do Flash Player. Exclua-o se você não deseja que os usuários vejam o prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- A tag object a seguir aplica-se a navegadores que não sejam o IE. Portanto, oculte-a do IE usando o IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/icons/menu.swf" width="1021" height="30">
<!--<![endif]-->
<param name="quality" value="autolow" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- O navegador exibe o seguinte conteúdo alternativo para usuários que tenham o Flash Player 6.0 e versões anteriores. -->
<div>
<h4>O conteúdo desta página requer uma versão mais recente do 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="Obter Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td> </td>
</tr>
</table>
</div>
</div>
<div id="header">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div id="logo">
<object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="580" height="335">
<param name="movie" value="animacaologo.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- Esta tag param solicita que os usuários com o Flash Player 6.0 r65 e versões posteriores baixem a versão mais recente do Flash Player. Exclua-o se você não deseja que os usuários vejam o prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- A tag object a seguir aplica-se a navegadores que não sejam o IE. Portanto, oculte-a do IE usando o IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="animacaologo.swf" width="580" height="335">
<!--<![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" />
<!-- O navegador exibe o seguinte conteúdo alternativo para usuários que tenham o Flash Player 6.0 e versões anteriores. -->
<div>
<h4>O conteúdo desta página requer uma versão mais recente do 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="Obter Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</td>
<td>
</td>
</tr>
</table>
</div>
<div id="rodape">
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
</script>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

crf_h0m3r    5

crf_h0m3r
Postado

@Felipe_95
Você está usando tabelas para estruturar seu site, o essencial usá-las somente para dados tabulares. Criar um site é trabalhoso, mas quando se usa tabelas, é muito mais. Sugiro dar uma lida nesse link, e pesquisar pelo método estrutural Tableless.

 

Quanto ao código, veja como estão os tamanhos das divs que ficaram lado a lado. Questão de física, dois elementos não ficam no mesmo lugar, tente diminuir o tamanho da div que tenha o logo ou o tamanho da div que conterá o texto.

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