home » design resources » Archives for HTML

Tag Archives: HTML

Internet History: The Evolution of the Web

Posted on September 2, 2011 by M5 Design Studio

The Evolution of the Web visualizes this gradual change in timeline form, tracking technologies and browsers from 1990 through to the present day. Over time web technologies have evolved to give web developers the ability to create new generations of … Continue reading →

Posted in browsers, technology, web development | Tagged , , , , , | Leave a comment

Simple CSS Gallery: Image & Text Rollover

Posted on November 22, 2010 by M5 Design Studio

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 →

Posted in CSS | Tagged , | Leave a comment

CSS Text and Image Menu Rollover

Posted on November 21, 2010 by M5 Design Studio

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 →

Posted in CSS | Tagged , | Leave a comment

CSS Menu Current Page Highlighted

Posted on November 20, 2010 by M5 Design Studio

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 →

Posted in CSS | Tagged , | Leave a comment