Tabella per più Classifiche

**VinceITA** · 27-03-2011, 13:57

Un Saluto a tutti e buona domenica. Cercavo in piccolo aiuto per il mio sito e ho pensato di rivolgermi qui. Vi illustro il quesito sperando che qualcuno possa darmi una mano.

Parto con il presupposto che di html ci capisco poco o nulla, mi serviva un aiuto e meglio il codice per creare una tabella (quest'ultima già la ho creata) che contenesse 4 classifiche, praticamente in alto ci sono i vari pulsanti con scritto "Lega A" ... "Lega B1" ... "Lega B2" ... "Lega C1 cliccando sopra ad uno di essi compare sotto la classifica.

Questa aggiunta la devo fare nel widget di wordpress.

Ringrazio ancora chi può aiutarmi.

**VinceITA** · 28-03-2011, 15:54

Nessuno sa aiutarmi???

**webdemo** · 28-03-2011, 16:22

probabilmente sei nella sezione sbagliata del forum

non si capisce come vuoi realizzare questa cosa

con CSS, con JS ...

**VinceITA** · 28-03-2011, 16:26

Grazie per la risposta...praticamente uso wordpress e vorrei inserirla nel widget (testo html libero).

Se serve per aiutare ad aiutarmi questo è il sito http://www.lupiitalianiclan.com/ e in pratica lo inserisco nella colonna a destra.

**VinceITA** · 29-03-2011, 15:55

Evidentemente se nessuno mi risponde è la sezione sbagliata, anche se per qualcuno che capisce di queste cose penso sia una cavolata darmi una mano. Dove mi consigli di postarlo webdemo...javascript?

**webdemo** · 29-03-2011, 16:11

il menù con il sottomenù a comparsa lo puoi realizzare con semplicità utilizzando CSS

**VinceITA** · 29-03-2011, 16:28

ok ma il sottomenu in questo caso è una tabella. Spero che mi hai capito:

se va in qui: http://www.lega-calcio.it/it.page vedi una classifica di serie a e cliccando a sinistra su serie b compare ques'ultima. Vorrei creare una cosa simile.

**webdemo** · 29-03-2011, 16:41

un menù dovresti realizzarlo con delle liste <ul>[*]
non con le tabelle...

comunque fai un giro qui e guarda se trovi qualcosa

http://forum.html.it/forum/showthrea...93#post9614793

**webdemo** · 29-03-2011, 17:23

guarda questo esempio

codice:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>MOSTRA NASCONDI CON CSS</title>
<style type="text/css">
#default {
	float:left;
	width:300px;
	height:300px;
	margin:10px 0 0 2px;
	border:1px solid #000033;
	background:#ccccff url(http://p.playme.com/cspv/82-62-35-10...?ts=1266329667) no-repeat 50% 50%;
}
ul {
	padding:0;
	margin:10px 0;
	width:162px;
	position:relative;
	float:left;
}
li {
	display:inline;
	width:52px;
	height:52px;
	float:left;
	margin:0 0 2px 2px;
}
img {
	border:0;
}
img.thumb {
	display:block;
	width:50px;
	height:50px;
}
a, a:visited {
	display:block;
	border:1px solid #000033;
	background:#ffffff;
	color:#000033;
	text-decoration:none;
}
a:hover {
	border:1px solid #ccccff;
}
a:active, a:focus {
	border:1px solid #ffcc00;
}
span {
	display:none;
}
a:active span, a:focus span {
	display:block;
	position:absolute;
	top:0;
	left:164px;
	padding:0;
}
a:active span img, a:focus span img {
	width:auto;
	height:auto;
	border:1px solid #000033;
}
a:active span p, a:focus span p {
	color:#000033;
	background:#ccccff;
	line-height:1.1em;
	margin:0;
	padding:0;
	font-size:80%;
}
</style>
</head>

<body>
<div id="gallery">
	<ul>
		[*] <a href="#nogo">  <span> 
			

HAI CLICCATO LA FRECCIA NUMERO 1</p>
			</span> </a> 
		[*] <a href="#nogo">  <span> 
			

HAI CLICCATO LA FRECCIA NUMERO 2</p>
			</span> </a> 
	[/list]
	<div id="default"></div>
</div>
</body>
</html>

Discussione: Tabella per più Classifiche

Strumenti discussione

Ricerca discussione

Visualizza

Tabella per più Classifiche

Permessi di invio