ciao a tutti,
tempo fa ho trovato questo codice che vi posto. Vorrei chiedervi se è possibile inserire una ulteriore tabella a destra che mi permette di richiamare una immagine insieme al testo.
Non so se è chiaro quello che vorrei fare, però chi testerà il codice probabilmente può intendere...
ciao e grazie
codice:
<style type="text/css">#example-links { border: 0px solid #ccc; border-bottom: none; float: left; width: 180px;}  
#example-links a { border-bottom: 0px solid #ccc; display: block; font-size: 12px; height: 39px; line-height: 39px; padding-left: 10px;}  
#example-links a:focus { outline: 0;}#example-links a:hover { background-color: #ddd;}  
#example-content-container { border: 0px solid #ccc; text-align:justify; border-left: 1px solid #ccc; height: 230px; overflow: hidden; width: 350px;}  
#example-content div { height: 200px; padding: 10px;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script></head>              
<body>               
<div id="example-links">Pro Dir Cer Ela Cat Per</div>             
<div id="example-content-container">             
<div id="example-content">             
<div>Pro</div>             
<div>Dir</div>
<div>Cer</div>  
<div>Ela</div>             
<div>Cat</div>             
<div>Per</div>             
</div>             
</div>             
<div style="clear: both;"></div>             
<div><script language="javascript">             
$('#example-links a').click(function(){             
var index = $("#example-links a").index(this);             
$('#example-content').animate({"marginTop" : -index*220 + "px"}); // multiply by height+top/bottom padding/margin/border             
return false;             
});             
</script></div>