Re: Problem with creating microsoft.com stlye menu of links
From: mscir (mscir_at_usa.com)
Date: 12/14/04
- Next message: Ian Hills: "Syntax error in UPDATE statement."
- Previous message: Bob Evans: "Problem with creating microsoft.com stlye menu of links"
- In reply to: Bob Evans: "Problem with creating microsoft.com stlye menu of links"
- Next in thread: Bob Evans: "Re: Problem with creating microsoft.com stlye menu of links"
- Reply: Bob Evans: "Re: Problem with creating microsoft.com stlye menu of links"
- Messages sorted by: [ date ] [ thread ]
Date: Mon, 13 Dec 2004 21:52:45 -0800
... use their css file:
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Microsoft Corporation</title>
<style type="text/css" >
body{margin:0px;background-color:#1e77d3;}
td{font-family:Verdana, Arial;font-size:70%;}
table{border-collapse:collapse;border:0 0 0 0;}
img{border:0;}
.hide{display:none;}
#ca td{vertical-align:top;}
.main{width:771px;border-top:solid 1px #999999;border-bottom:solid 1px
#999999;background-color:#ffffff;}
.mainW{width:995px;border-top:solid 1px #999999;border-bottom:solid 1px
#999999;background-color:#ffffff;}
.page{width:771px;}
.pageW{width:995px;}
a{text-decoration:none;color:#003399;}
a:hover{text-decoration:underline;color:#ff3300;}
#NavTd{border-right: 1px solid #999999;background-color: #cedfff;filter:
progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ffffff'
,endColorStr= '#cadef4' ,gradientType= '0' )}
#Nav{padding: 2px 0 10px 0px;font: 1em Verdana, Arial;}
#Nav .line{border-top: solid 1px #999999;margin: 5px 0 5px 0;}
#Nav>.line{margin: 6px 0 4px 0;}
#Nav h4{margin: 4px 0px 5px 5px;font-size: 95%;}
#Nav>h4{margin: 4px 0px 4px 5px;}
#Nav ul{list-style: none;margin: 0;padding: 0;}
#Nav li{padding: 0;margin: -4px 2px;width: 175px;}
#Nav>ul>li{margin: -3px 2px;}
#Nav a{position: relative;cursor: pointer;display: block;color:
#000000;padding: 2px 4px 4px 8px;margin: 1px 0px;}
#Nav>ul>li>a{border: 1px solid transparent;padding: 2px 4px 4px 7px;}
#Nav a:visited{color: #000000;}
#Nav a:hover{border: 1px solid #cccccc;margin: 0px;padding: 2px 4px 4px
7px;background-color: #f1f1f1;text-decoration: none;}
#Nav>ul>li>a:hover{margin: 1px 0px;}
</style>
</head>
<body>
<script type="text/javascript">
var isW;
isW=(document&&document.body.clientWidth&&document.body.clientWidth>=895&&document.getElementById);
</script>
<a href="#ca" class="hide"></a>
<div id="dPage" class="page">
<table cellpadding="0" width="100%">
<tr>
<td width="100%" colspan="2">
<table cellpadding="0" width="100%" height="22">
<tr>
<td width="50%"
style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4B92D9',
endColorStr='#CEDFF6', gradientType='1')">
</td>
<td width="50%"
style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#CEDFF6',
endColorStr='#1E77D3', gradientType='1')">
</td>
</tr>
</table>
</td>
<td id="msviGlobalToolbar" bgcolor="#1e77d3" height="22" nowrap
align="left">
</td>
</tr>
<tr valign="top">
<td bgcolor="#0A6CCE" height="100%"><a
href="http://g.microsoft.com/mh_mshp/648"></a>
</td>
<td width="100%"
style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0a6cce',
endColorStr='#ffffff', gradientType='1')">
</td>
</form>
</td></tr></table><table id="tMain" class="main" cellpadding="0"
width="100%"><tr valign="top"><td id="NavTd" width="179"><div
id="Nav"><h4>Product Families</h4><ul><li><a
href="http://g.microsoft.com/mh_mshp/1">Windows</a></li><li><a
href="http://g.microsoft.com/mh_mshp/2">Office</a></li>
<li><a href="http://g.microsoft.com/mh_mshp/302">Windows Server
System</a></li>
<li>Developer Tools</li>
<li>Business Solutions</li>
<li>Games & Xbox</li>
<li>MSN</li>
<li>Windows Mobile</li>
<li>All Products</li>
</ul>
<div class="line"></div>
<h4>Product Resources</h4>
<ul>
<li>Downloads</li>
<li>Windows Update</li>
<li>Office Update</li>
<li>Security</li>
<li>Communities</li>
<li>Support</li>
<li>Learning Tools</li>
<li><a href="http://g.microsoft.com/mh_mshp/119">Events &
Webcasts</a></li>
</ul>
<div class="line"></div>
<h4>Microsoft.com Worldwide</h4>
<ul>
<li><a href="http://g.microsoft.com/mh_mshp/120">Countries &
Regions</a></li>
</ul>
<div class="line"></div>
</div>
</body>
</html>
- Next message: Ian Hills: "Syntax error in UPDATE statement."
- Previous message: Bob Evans: "Problem with creating microsoft.com stlye menu of links"
- In reply to: Bob Evans: "Problem with creating microsoft.com stlye menu of links"
- Next in thread: Bob Evans: "Re: Problem with creating microsoft.com stlye menu of links"
- Reply: Bob Evans: "Re: Problem with creating microsoft.com stlye menu of links"
- Messages sorted by: [ date ] [ thread ]
Relevant Pages
|