salve , ho realizzato questo sito in html , e adesso vorrei inserire ogni argomento nella sua categoria , per chiarirvi le idee vorrei inserire il testo html nella categoria html ( del menu ) , il testo programmi nella categoria programmi ( del menu) e il testo video nella categoria video( nel menù)
codice HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>Sito</title> <body background="http://4.bp.blogspot.com/-g92uZYaOGMU/TlLLQnxRs2I/AAAAAAAADAM/cOQz65EZ-Cw/s1600/Wallpapers-room_com___Closed_Maze_Blue_by_Untergunter_1280x80 0.jpg"> <img src="http://img841.imageshack.us/img841/7396/8vf1.png"> <div id='cssmenu'> <ul> <li class='active'><a href='#'><span>Home</span></a></li> <li class='has-sub'><a href='#'><span>Programmi</span></a> <li class='has-sub'><a href='#'><span>Video</span></a> </ul> <div id="container"> <div class="content"> <a name="Homr" id="Home"></a> <h2>Home</h2> <p>Lorem ipsum dolor sit amet consectetuer ac quis dui mauris iaculis. Congue Vestibulum wisi tellus a Curabitur laoreet dui orci.</p> </div> <div class="content"> <a name="Programmi" id="Programmi"></a> <h2>Programmi</h2> <p>Convallis elit tortor ut ante libero Aenean Maecenas semper et interdum. Id lorem id dui orci risus volutpat Curabitur Curabitur a urna. Vivamus sit lorem venenatis Nulla semper justo pretium id tincidunt Vestibulum. Vestibulum justo volutpat non.</p> </div> <div class="content"> <a name="Video" id="Video"></a> <h2>Video</h2> <p>Urna justo quam nunc urna sem facilisis nibh Curabitur tellus quis. Orci sem ligula platea parturient justo Morbi id cursus tortor adipiscing. Tortor convallis pede orci Quisque id Nam condimentum sed eu Sed. Cum orci Quisque vitae egestas vitae nulla Cum fermentum egestas ante. Congue eu elit.</p> </div> </div> <style type="text/css"> #tabs li { border: none; border: 0px; margin: 0px; padding: 0px; font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; width: auto; } #tabs li a { background: #333333; height: 35px; list-style: none; margin: 0; padding: 0; } #tabs li { float: left; padding: 0px; } #tabs li a { background: #333333 url('seperator.png') bottom right no-repeat; display: block; font-weight: normal; line-height: 35px; margin: 0px; padding: 0px 25px; text-align: center; text-decoration: none; } #tabs li > ul > li > a { color: #cccccc; } #tabs li ul ul a { color: #cccccc; } #tabs li li > a:hover, #tabs li ul li:hover > a { background: #2580a2 url('hover.png') bottom center no-repeat; color: #FFFFFF; text-decoration: none; } #tabs li ul { background: #333333; display: none; height: auto; padding: 0px; margin: 0px; border: 0px; position: absolute; width: 225px; z-index: 200; /*top:1em; /*left:0;*/ } #tabs li li:hover ul { display: block; } #tabs li li li { background: url('sub_sep.png') bottom left no-repeat; display: block; float: none; margin: 0px; padding: 0px; width: 225px; } #tabs li li:hover li a { background: none; } #tabs li ul a { display: block; height: 35px; font-size: 12px; font-style: normal; margin: 0px; padding: 0px 10px 0px 15px; text-align: left; } #tabs li ul a:hover, #tabs li ul li:hover > a { background: #2580a2 url('hover_sub.png') center left no-repeat; border: 0px; color: #ffffff; text-decoration: none; } #container { clear: both; height: 400px; /* 350px + 25px (padding sx) + 25px (padding dx) */ overflow: hidden; } } </style> </html>
Rispondi quotando
