Ciao a tutti,
ho un problema utilizzando Nifty Angular con Jquery.
Mi arrotonda gli angoli del titolo solo nella prima scheda come si può vedere dall'esempio.
www.sanginesio.com/xxx.html
Potete aiutarmi?
Grazie molte e un saluto a tutti.
Codice PHP:
<!doctype html><html lang="en"><head>
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Tabs - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { $( "#tabs" ).tabs(); } ); </script>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body{padding: 20px;background: #FFF;color: #333;text-align: center; font:85%/1.45 "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif}
h1,h2,p{margin: 0;padding: 0 10px}
p{padding: 0 10px 1em}
h1,h2{letter-spacing: -1px;font-weight:100;color: #111}
h1{font-size: 200%}
h2{font-size: 140%;line-height:1.05}
div#container{width:700px;margin: 0 auto;padding:10px 0;text-align:left}
div#content{float:left;width:700px;padding:10px 0;background: #FFC0FF;}
div#containerc{width:250px;margin: 0 auto;padding:10px 0;text-align:center;}
div#nav{float:center;width:250px;padding:10px 0;background: #BAFB80}
</style>
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){Nifty("div#content,div#nav");}
</script>
</head><body>
<div id="tabs"> <ul> <li><a href="#tabs-1">PROVA 1</a></li> <li><a href="#tabs-2">PROVA 2</a></li> <li><a href="#tabs-3">PROVA 3</a></li> </ul> <div id="tabs-1"> <div id="content">
<h1><center>PROVA 1</center></h1>
</div>
<p>Descrizione 1</p> </div> <div id="tabs-2"> <div id="content">
<h1><center>PROVA 2</center></h1>
</div>
<p>Descrizione 2</p> </div> <div id="tabs-3"> <div id="content">
<h1><center>PROVA 3</center></h1>
</div>
<p>Descrizione 3</p> </div></div>
</body></html>
Permessi di invio
Rispondi quotando