Jump to content


Photo

Simulando Tabelas Com Css...


  • Faça o login para participar
5 replies to this topic

#1 Bruno Augusto

Bruno Augusto

    ∙•● Restarting... ●•∙

  • Usuários
  • 1968 posts
  • Sexo:Não informado
  • Localidade:Itajubá

Posted 20/08/2006, 15:42

Pessoal, aos poucos estou passando para tableless meu sistema. Tá ficando muito legal.

Só que agora me deparei com uma situação que não consigo resolver (mais uma <_<)

Vejam a foto:

Posted Image

Cada retângulo colorido, com tabelas, era uma coluna. No caso um tabel com 5 colunas.

Só que agora eu preciso desse mesmo esquema de colunas para adicionar uns conteúdos e não estou conseguindo. Principal, mas não exclusivamente, por causa de um JavaScript que exibe e oculta uma DIV E de compatibilidade com resoluções 800x600 e 1024x768 (foi uma dureza arrumar esse)

O código atual da página é esse (apenas a parte referente ao corpo do sistema):

<div id="main" class="borderwrapper">
		<div class="top">
		Home
		</div>
		<div class="welcome"><strong>Bem vindo ao Painel de Controle do {php}print NAME;{/php}</strong></div>
		<div class="text">A maneira mais simples de personalizar o seu sistema.
		<br /><br />
		Cada link do menu de navega&ccedil;&atilde;o ao lado exibe uma tela de configura&ccedil;&atilde;o diferente,
		cada qual com suas pr&oacute;prias op&ccedil;&otilde;es de personaliza&ccedil;&atilde;o.
		Cada op&ccedil;&atilde;o possui informa&ccedil;&otilde;es detalhadas sobre a(s) altera&ccedil;&atilde;o(&otilde;es)
		que ser&atilde;o realizadas.
		</div>
		
		<form action="index.php?act=settings&section=interface&CODE=00" method="post" name="interface">
		
		<div class="borderwrapper" style="margin: 5px;">
		<div class="title">Interface</div>
			<div style="padding: 5px;">
				<div class="borderwrapper">
				<div class="subtitle">Central de E-mail's</div>
				</div>
				<div class="spliter"></div>
				
				<div class="borderwrapper">
					<div class="subcontent">
					Preciso montar um esquema que simule uma tabela de 5 colunas em Tableless.
<!--						<div class="left-internal" style="padding: 9px 0 9px 9px;;">
						<strong>Registrar A&ccedil;&otilde;es em Log</strong><br />
						Se SIM cada mensagem enviada ser&aacute; registrada em um arquivo de logo para futuras consultas.	
											
						<br /><br />
						
						<strong>Email de Resposta </strong><br />
						Atrav&eacute;s dessa op&ccedil;&atilde;o voc&ecirc;  opta se deseja utilizar o 
						seu e-mail de registro como endere&ccedil;o de remetente ou outro.
						
						<br /><br />
						
							<div id="mail" style="display: none;">
							<strong>Novo E-mail </strong><br /> 
							Informe o novo endere&ccedil;o de e-mail no campo ao lado.
							</div>
						</div>
						
						<div class="right-internal">
						<div style="margin: 18px 0 0 0; _margin: 13px 0 0 10px;">
							<label>Sim</label>
							<input name="logmail" id="logmail" type="radio" value="yes" class="radio" checked="checked" />
							<label>Não</label>
							<input name="logmail" id="logmail" type="radio" value="no" class="radio" />
						</div>			
										
						<br /><br />	
											
						<label>Sim</label>
						<input name="changemail" id="changemail" type="radio" value="yes" class="radio" onclick="showLayer(true, 'mail');" />
						<label>Não</label>
						<input name="changemail" id="changemail" type="radio" value="no" class="radio" onclick="showLayer(false, 'mail');" checked="checked" />
						
						<br /><br />
						
							<div id="mail">
								<input name="newmail" id="newmail" type="text" class="textinput" size="40" />
							</div>
							
						</div>							
-->					</div>
				</div>
			</div>
		</div>
		
		</form>
		
	</div>
Tão vendo um grande trecho em comentários? São eles que vão cada um na sua coluna, para poder ficar da mesma forma que na imagem, no antigo com tabelas.

Eu fiz duas classes para montar os blocos esquerda e direita, mas nessa página os mesmo tem que ser de tamanhos diferentes. Além do que são 5 blocos, eo que tenho são para dois, que uso em outra página onde só precisa aparecer duas colunas mesmo.

É isso.

[]'s

#2 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 21/08/2006, 08:05

Tableless não significa somente usar layers, mude seu foco um pouco. Não vejo necessidade de dividir os dados ali em 5 caixas diferentes, pra usuários leigos (minha mãe ia amar) fica meio confuso associar a caixa com o radio com o texto do primeiro, aconselho dividir em 2 layers, 1 em cima do outro e pronto. Em todo caso seria legal também mandar uma lista com display inline e um padding pra dar esse espaço que você quer, e como cada caixa tem um estilo diferente você já seta as classes com tamanho em % pra acertar em qualquer resolução.

Só uma sugestão cara, eu faria assim. Beijos !! <_<
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#3 Bruno Augusto

Bruno Augusto

    ∙•● Restarting... ●•∙

  • Usuários
  • 1968 posts
  • Sexo:Não informado
  • Localidade:Itajubá

Posted 21/08/2006, 12:13

Xiiii....

Não rolou não cara. É que eu tô fazendo isso pela primeira vez, posso estar um tanto equivocado sobre o conceito, mas já que estou aprendendo a fazer SEM tabelas queria fazer SEM tabelas.

Sacou?

Mas eu preciso simular essas colunas. Ou pelo menos fazer com que a parte do SIM e NÃO (label + radios) fiquem como numa tabela.

Porque se conseguir, posso usar as divisões esquerda-direita que já tenho.

[]'s

#4 Cristiano Galdino

Cristiano Galdino

    Dark Defender

  • Administradores
  • 3738 posts
  • Sexo:Masculino
  • Localidade:Brasília, DF

Posted 21/08/2006, 12:24

Não entendi bem o que você quer, mas colocando as divs pra flutuar a esquerda não da pra fazer o que você quer?

Leitura recomentada: http://forum.wmonlin...howtopic=157890
Cristiano Galdino
- http://cristiano.galdino.net/

“Since 2003”


#5 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 07/11/2017, 01:09

Domperidone 10mg Propecia Buy Online Pharmacy viagra Medicament Cialis Prix Finasteride Skin Health On Line Propecia Coupon Drug
discount accutane Over The Counter Sex Pills In Canada canadian levitra How To Get Zithromax
What Does Lasix Do To Blood Pressure Direct Doryx Bacterial Infections Best Website Wycombe Viagra Flussig Nebenwirkungen viagra Break 25 Mg Viagra Cialis Receta Medica Shipped Ups Amoxicilina
Priligy Overnight Compare Viagra Levitron Cialis Acquistare Levitra In Farmacia where to purchase low cost levitra Forum Cialis 20 Canadian Health Viagra Tetracycline

#6 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 07/11/2017, 18:09

Levitra Originale Prezzo In Farmacia Cialis Legal Kaufen viagra Levitra Mode Emploi




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq