Category Archives: CSS

Create a simple CSS gallery with thumbnails, large images and text. Demo IMAGE ONE:Lorem ipsum dolor sit amet, consectetur adiscing elit. In ut ligula. Fusce risus diam, dapibus eget, ullamcorper eu. IMAGE TWO:Lorem ipsum dolor sit amet, consectetur adiscing elit. … Continue reading →

Create an HTML menu with images and text styled with CSS: Demo onetwothree HTML Code <div id="menu_container"> <a href="#"><img src="images/one_s.jpg" height="86" width="108"/><span>one</span></a> <a href="#"><img src="images/two_s.jpg" height="86" width="108" /><span>two</span></a> <a href="#"><img src="images/three_s.jpg" height="86" width="108" /><span>three</span></a></div> CSS Code #menu_container{ position:relative; width: 450px; … Continue reading →

Create a CSS menu that indicates or highlights the current page: Demo Home About us Contact us HTML Code <ul id="secondary_menu"> <li><a href="#" class="home">Home</a></li> <li><a href="#" class="about">About us</a></li> <li><a href="#" class="contact">Contact us</a></li> </ul> External CSS Code: #secondary_menu{ list-style-type: none; margin: … Continue reading →

Create a simple HTML bullet list menu and style it with CSS: Demo: menu item 1 menu item 2 menu item 3 menu item 4 menu item 5 HTML Code <div id="primary_menu" > <ul> <li><a href="#" >menu item 1</a></li> <li><a … Continue reading →