Css

Floating Elements needs Clear-fix to get adjust with height

Posted on

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<style type=”text/css”>
body {
background:#0099CC;
}
.list {
padding:10px;
margin:0px;
width:990px;
min-height:400px;
background:#CCC;
margin:0px auto;
} Read the rest of this entry »

This entry was posted in Css, Html, Web.

Jquery Navigation of Rotating Arrow

Posted on Updated on

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Untitled Document</title>
<script type=”text/javascript” src=”arrowimages/jquery-1.7.2.min.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
$(“#arrow_box”).html(” “);
$(“#arrow_box”).append(“<img src=’arrowimages/arrow1.jpg’>”);
});
function arrow_navigation(x,y){
var i = x;
var j = y;
$(“#arrow_box”).html(” “);
$(“#arrow_box”).append(“<img src=’arrowimages/arrow”+j+”.jpg’>”);
}
</script> Read the rest of this entry »

This entry was posted in Css, Javascript, Web.

Simple Dropdown Menu Css

Posted on Updated on

Html:

<div id=”menu”>
<ul id=”main_menu”>
<li id=”m1″><a href=”#” class=”menu_1″>Home</a></li>
<li id=”m2″><a href=”#” class=”menu_2″>Projects</a></li>
<li id=”m3″><a href=”#” class=”menu_3″ id=”active_3″>About</a>
<ul id=”sub”>
<li><a href=”#”>About Company</a></li>
<li><a href=”#”>About People</a></li>
</ul>
</li>
<li id=”m4″><a href=”#” class=”menu_4″>Careers</a></li>
<li id=”m5″><a href=”#p” class=”menu_5″>Contact</a></li>
</ul>
</div> Read the rest of this entry »

This entry was posted in Css, Html, User Interface.