Ir para conteúdo

Arquivado

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

CleitonK

problemas de alinhamento no marquee

Por , em Desenvolvimento frontend

Recommended Posts

CleitonK    0

CleitonK
Postado

Olá, estou novamente com um problema, mas dessa vez acredito que seja com o css...

<!DOCTYPE html>
<html>
<head>
	<title>Teste menu</title>
	<meta charset="utf-8">
	<style type="text/css">
		body{
			margin: 0px;
			border: none;
		}
		.menu_links{
			background-color: #1C7E9F;
			border-radius: 20px 0px 0px 0px;
			height: 45px;
		}
		.menu_edit1:hover{
			background-color: #106E8D;
			border-radius: 20px 0px 0px 0px;
		}
		.div_menu{
			border: none;
			background-color: red;
		}
		#menu_geral{
			height: 0px;
		}
		.menu_edit1{
			height: 45px;
			width: 110px;
			text-align: center;
		}
		.menu_edit2{
			height: 45px;
			width: 110px;
			text-align: center;
		}
		.menu_edit2:hover{
			background-color: #106E8D;
		}
		.menu_edit3{
			height: 45px;
			width: 110px;
			text-align: center;
		}
		.menu_edit3:hover{
			background-color: #106E8D;
		}
		.menu_edit4{
			height: 45px;
			width: 110px;
			text-align: center;
		}
		.menu_edit4:hover{
			background-color: #106E8D;
		}
		.menu_edit5{
			height: 45px;
			width: 110px;
			text-align: center;
		}
		.menu_edit5:hover{
			background-color: #106E8D;
		}
		.menu_logo{
			background-color: #FFF;
			border-radius: 0px 0px 20px 0px;
		}
		#menu_fundo{
			background-color: #1C7E9F;
			height: 100%;
			width: 50px;
		}
		td{
			padding: 0px;
		}
		.menu_msg1{
			font-size: 16px;
			font-family: "Tahoma";
		}
		.menu_msg2{
			font-size: 16px;
			font-family: "Tahoma";
			font-weight: bold;
		}
		.menu_text{
			width: 500px;
		}
		.menu_marquee{
			width: 500px;
		}
	</style>
</head>
<body>
	<table id="site_geral" width="100%">
		<table id="menu_geral" cellspacing="0" width="980px;">
			<tr>
				<td rowspan="2">
					<table id="menu_fundo" cellspacing="0">
						<tr>
							<td class="menu_logo">Local da logo:P</td>
						</tr>
					</table>
				</td>
				<td>
					<table id="menu_text" cellspacing="0">
						<tr>
							<td bgcolor="green" width="500">
								<marquee class="menu_marquee">
									<?php
									srand((float) microtime() * 10000000);
									$input = array("<span class='menu_msg1'>Só me ajoelho perante Deus e não estou vendo ele aqui. -</span><span class='menu_msg2'>Prison Break</span><span>     </span>","<span class='menu_msg1'>Salvar pessoas e caçar coisas é o negócio da família! -</span><span class='menu_msg2'>Sobrenatural</span><span>     </span>","<span class='menu_msg1'>Verdade ou felicidade. Nunca os dois. -</span><span class='menu_msg2'>Lie to Me</span><span>     </span>","<span class='menu_msg1'>Você pode nos dar oxigênio? Te dar? Você acha o que, que oxigênio dá em árvore? -</span><span class='menu_msg2'>Futurama</span><span>     </span>","<span class='menu_msg1'>Minha mãe gosta tanto de plástico, que coloca outra camada para a primeira ficar limpa. -</span><span class='menu_msg2'>Todo mundo odeia o Chris</span><span>     </span>","<span class='menu_msg1'>A vida é cheia de mudanças. Às vezes elas são dolorosas, outras vezes são lindas e, na maioria das vezes, ambas as coisas. -</span><span class='menu_msg2'>Smallville</span><span>     </span>","<span class='menu_msg1'>A descoberta de algo inesperado é interessante. Mas, muitas vezes, a ausência inesperada de algo é ainda mais interessante. -</span><span class='menu_msg2'>CSI Maiami</span><span>     </span>","<span class='menu_msg1'>Os únicos que podem atirar, são aqueles que estão preparados para levar um tiro. -</span><span class='menu_msg2'>Code Geass</span><span>     </span>");
									$rand_keys = array_rand($input, 2);
									echo $input[$rand_keys[0]] . "\n";
                                                                        echo $input[$rand_keys[0]] . "\n";
									?>
								</marquee>
							</td>
							<td>
								gg
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>			
				<td>
					<table class="menu_links" cellspacing="0">
						<tr>
							<td class="menu_edit1">HOME</td>
							<td class="menu_edit2">FILMES</td>
							<td class="menu_edit3">SÉRIES</td>
							<td class="menu_edit4">LANÇAMENTO</td>
							<td class="menu_edit5">EQUIPE</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</table>
</body>
</html>

Fica com um espaço grande entre meio as tabelas, logo quando é tirado o class do marquee, volta ao normalS9Lf3Oc.png

será possível, vocês me darem uma solução?

Compartilhar este post

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

  • Conteúdo Similar

    • PatrickLutherdeck
      Frase andando semelhante marquee
      Por PatrickLutherdeck
      Opa, estou tendo dificuldade nisso, eu queria que a frase que esta na DIV #fr rolasse semelhante ao marquee, Right: +1
       
      <script type="text/javascript"> $(window).load(function(){ $(document).ready(function() { function fr() { $('#fr').load('fra.php'); $('#fr').css({right:0}); $('#fr').animate ({ right: '+=1000', }, 6000, 'linear', function() { music(); }); } fr(); }); }); </script> <div id="fr">Loading...</div>  
×

Informação importante

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

  Aceito