Jump to content


Photo

[resolvido] Sugestões Na Criação De árvore Genealógica


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

#1 Nicholas Pufal

Nicholas Pufal

    Impossível: só existe até alguém duvidar e provar o contrário.

  • Usuários
  • 1655 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 03/11/2008, 09:27

Tô com um semi-desafio aqui. Tem um sistema em que precisarei criar uma árvore genealógica, administrável via painel. O PHP não tem segredo, mas o CSS/XHTML tô pensando bem ainda em como vou estruturar.

Tava pensando em abusar de position (relative e absolute) para deixar tudo nos devidos lugares, mas estou postando justamente pra ver se alguém tem uma sugestão melhor, pois vai ser um tanto quanto chato fazer desta forma (eu acho).

Na SS anexa, segue o modelo de como mais ou menos será. Ao deixar o mouse acima do nome, é aberta uma foto em miniatura abaixo da plaquinha.

Attached File  arvore.jpg   57.42KB   35 downloads

Qualquer sugestão é bem-vinda (y)

RESOLVIDO - Tava procurando cabelo em ovo... A estrutura ficou bem básica, e apenas trabalhei com margins e float:right. Bem simples. Ficou assim a estrutura:

<div class="arvore">
		<h5>Árvore genealógica:</h5>
		
			<!-- BISAVOS -->
			<div class="main_bisavos">
			
				<div class="bisavos1"><a href="">Ch.Am. Ann-Dean's Mag-Wheels</a></div>
				<div class="bisavos2"><a href="">Ch.Am. Ann-Dean's Mag-Wheels</a></div>				
				
				<div class="bisavos1"><a href="">Ch.Am. Ann-Dean's Mag-Wheels</a></div>
				<div class="bisavos2"><a href="">Ch.Am. Ann-Dean's Mag-Wheels</a></div>
				
				<div class="bisavos1"><a href="">Ch.Am. Ann-Dean's Mag-Wheels</a></div>
				<div class="bisavos2"><a href="">Ch.Am. Ann-Dean's Mag-Wheels</a></div>
				
				<div class="bisavos1"><a href="">Ch.Am. Ann-Dean's Mag-Wheels</a></div>
				<div class="bisavos2"><a href="">Ch.Am. Ann-Dean's Mag-Wheels</a></div>
				
			</div>
			
			<!-- AVOS -->
			<div class="main_avos">
			
				<div class="avos1"><a href="">123</a></div>
				<div class="avos2"><a href="">Ch.Am. Ann-Dean's Mag-Wheels</a></div>					
				
				<div class="avos3"><a href="">Ch.Am. Ann-Dean's Mag-Wheels</a></div>
				<div class="avos2"><a href="">Ch.Am. Ann-Dean's Mag-Wheels</a></div>				

				
			</div>
			
			<!-- PAIS -->
			<div class="main_pais">
			
				<div class="pais1"><a href="">Nome do pai</a></div>
				<div class="pais2"><a href="">Nome da mãe</a></div>					
				
			</div>
			
			<!-- FILHO -->
			
			<div class="main_filho">			
				<div class="filho1"><a href="">Nome do pai</a></div>				
			</div>
					
		</div>

Edição feita por: Firehalk, 03/11/2008, 11:10.

BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.

#2 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 03/11/2008, 12:23

firehalk, semanticamente, isso não seria uma tabela?

#3 Nicholas Pufal

Nicholas Pufal

    Impossível: só existe até alguém duvidar e provar o contrário.

  • Usuários
  • 1655 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 03/11/2008, 12:30

Não acho que seria bem um dado tabular... Até por que neste caso, eu preciso estilizar que nem está na screenshot, e tabelas (na teoria) não são para layout e sim apenas para exibir os dados.
BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.

#4 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 03/11/2008, 15:41

lavamos começar uma discussão sadia...

bem, ainda sim, continua sendo uma tabela, a diferença é que vc quer efeitar ela, mas semanticamente é uma tabela... e se fossem acessar de outro dispositivo, talvez não a pessoa não ira conseguir identificar pois não esta estruturado no html adequadamente.

retiro o que disse até agora, pois tive que formatar uma tabela hoje.

Edição feita por: Édipo Costa Rebouças, 05/11/2008, 11:17.


#5 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 26/09/2017, 06:50

Order Now Generic Stendra Mastercard Free Consultation viagra cialis Nolvadex Tamoxifen Medsforless
Kamagra Jolly 100mg Levitra 5 Mg Foto Ciprofloxacin 500 Mg Buy cialis price Cialis Comprar En Andorra
Compro Viagra Precio Discount Secure Ordering Dutasteride Best Buy In Internet Viagra Belgique Cialis cialis buy online Precio De Keflex Comprar Cialis En Farmacia Sin Receta 326 Best Viagra Seller

#6 LarPhozyHah

LarPhozyHah

    Super Veterano

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

Posted 26/09/2017, 17:44

Preisliste Fur Levitra cialis Forum site achat cialis Priligy Eczane
Propecia Reproduccion Asistida cialis Macrobid Nitrofurantoin Effet Secondaire Du Cialis 20

#7 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 10/10/2017, 19:02

Levitra Foglio Illustrativo Herbal Remedy Propecia buy viagra online Cialis Belgique Ordonnance
Kamagra 200mg Vendita viagra Buy Retin A Online Predisone Quick Delivery Composition Viagra 50
Buy Dapoxetine Online Usa Quick Delivery Cialis viagra online pharmacy Accutane Pharacy Online Cipro Prix De Vente
Viagra And Dapoxetine Super Generac Viagra cheap cialis Cialis Scaduto Effetti Is Buying Viagra From Canada Safe

#8 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 28/10/2017, 08:09

Is Amoxicillin A Pennicillin Priligy Que Es viagra Viagra Without A Doctor'S Approval
Buy Liquid Kamagra Is Keflex A Sulfa Drug Tadacip 60mg cost of levitra 20mg Canadian Team Pharmacy Keflex Antibiotic Structure Viagra Wirkung Prostata
Buy Kamagra Online With Paypal Kamagra Efectos Farmacia viagra prescription Z Pack Antibiotic For Sale Keflex Uses For

#9 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 08/11/2017, 09:40

Purchasing Keflex Online online pharmacy Site Cialis Generique Cialis 20mg Fta
Propecia Varata buy viagra online Orlistat Achat
Que Es Kamagra I Wish To Purchase Amoxicillin buy viagra online Safe Online Viagra Vendita Cialis Milano

#10 LarPhozyHah

LarPhozyHah

    Super Veterano

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

Posted 12/11/2017, 16:12

Generische Apotheke viagra Cialis And Levitra Preis Fur Levitra 20 Mg




0 user(s) are reading this topic

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

IPB Skin By Virteq