查路宝-嵌入式电子地图

内容摘要 查路宝是一个免费的内嵌式网站电子地图，它为各个公司和单位网站提供了最简洁的电子地图解决方案，对于没有程序员的单位，只需要将您希望在地图上显示的相关信息（包括单位名称、详细地址、电话、网址、简介、传真等等）发邮件给我们的邮箱(chalubao(请把此处写为@)tom.com)，我们就会将一个带有贵单位详细地址的地图页面文件返回您的邮箱，在连接互联网的情况下，该页面就会自动标示出贵单位的详细地址，您就可以直接使用了；对于有程序员的单位用户，则只需要按照本示例中的图示进行几步简单的操作，把由我们网站生成的一段代码(类似免费的流量统计)嵌入到你自己的网站上后，就立刻可以让您自己的网站具备了 专业地图网站的功能，简单说来就是：网民只需要输入他自己的所在位置，查路宝立即就给出了这个网民到您设定地点的乘车路线或者是驾车路线，方便了到您单位办事的人，他们再也不必自己费尽口舌地询问您们单位的人，然后再到网上去查询换乘路线了；

/*基本信息*/

body {font:12px Tahoma;margin:0px;text-align:center;background:#e0e0e0; }
a:link {
 color: #0000FF;
 text-decoration: none;
}
a:visited {
 color: #0000FF;
 text-decoration: none;
}
a:hover {
 color: #FF6600;
 text-decoration: underline;}
a:active {
 text-decoration: none;
}
.clear-float{clear:both}
/*main*/
#black1{
height:6px;
overflow:hidden;}
#witheline{
width:100%;
height:1px;
overflow:hidden;
background-color:#FFFFFF;
}
/*header*/
#header{
height:85px;
width:100%;
background-image:url(newimages/newtopbg.jpg);
}
#header2{
text-align:center;
width:970px;
margin:0 auto;
height:85px;
}
#blackline{
height: 2px;
overflow:hidden;}
#menubg{
background-image:url(newimages/menubg1.jpg);
height:36px;
width:100%;
}
#menu{
width:960px;
margin:0 auto;
}
#menu ul {float:right;list-style:none;margin:0px; }
#menu ul li {float:left;display:block;line-height:36px;margin:0 20px; font-size:14px;}
#menu ul li a:link,#menu ul li a:visited {font-weight:bold;color:#fff}
#menu ul li a:hover{}
.menuDiv {width:2px;height:36px;
background-image:url(newimages/menubg.jpg);
}
#headerbg{
height:30px;
background-image:url(newimages/3.jpg);
line-height:24px;
width:955px;
border-left:solid #CCCCCC 2px;
border-right:solid  #CCCCCC 2px;
margin:0 auto;
text-indent:10px;
text-align:left}
/*登录*/
#logintop{
background-image:url(newimages/logintop.jpg);
height:8px;
overflow:hidden;}
#loginfoot{
background-image:url(newimages/logfoot.jpg);
height:45px;
overflow:hidden;}
#loginfoot1
{
background-image:url(newimages/logfoot1.jpg);
height:20px;
overflow:hidden;
}
#loginmid1{
background-image:url(newimages/title.jpg);
text-indent:20px;
font-weight:bold;
color:#0066cc;
height:29px;
width:252px;
text-align:left;
line-height:29px;
margin:5 auto;}

#login{
width:292px;
float:left;
background-image:url(newimages/loginmid.jpg);
text-align:center; clear:both;}

#login1{
text-align:left;
padding-left:40px;
height:25px;
}
#login3{
text-align:right;
padding-right:55px;
height:30px;
}
.cell {
 height:18px;
 padding:2px;
 line-height:18px;
 width:170px;
 border:1px #cdcbcb solid;
 color:#666;
}

.content{width:962px; margin:0 auto; }
.content .col-1{ float:left;width:292px; clear:both;}
.content .col-2
{
float:left;
width:660px;
background-image:url(newimages/mie3.jpg);
*margin-left:10px!important;
margin-left:6px; }
/*#midtop{
background-image:url(newimages/midtop.jpg);
height:39px;
text-indent:35px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
line-height:39px;}*/
#midfooter{
background-image:url(newimages/mid5.jpg);
height:20px;}
#mid{
height:503px;
margin:0 auto;

}
.loginbutton{
width:72px;
height:28px;
background-image:url(newimages/login1.jpg);
border:0px;
cursor:pointer;
}
.zhucebutton{
width:72px;
height:28px;
background-image:url(newimages/zhce.jpg);
border:0px;
cursor:pointer;}
.logintext{
text-indent:10px;
line-height:22px;
}
#text1{
width:260px;
text-align:left;
margin:0 auto;
line-height:22px;
}
/*footer*/
#footer {
clear: both;
margin-right: auto;
margin-left: auto;
padding: 0px;
width: 100%px;
background: #fff;
line-height:22px;
border-top:#CCCCCC 1px solid;
padding-top:10px;

}
/*注册*/
#liebiao
{
background-image:url(newimages/mie3.jpg);
text-align:center;
width:660px;
margin:0 auto;
}
#mid2{
margin:0 auto;
height:420px;
}

.box1{
border:1px #999 solid;
font-size:12px;
height:20px;
width:200px;}
#midtop{
background-image:url(newimages/midtop.jpg);
height:39px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
line-height:39px;
padding-left:35px;}
/*用户中心*/
#headerbg2{
height:30px;
background-image:url(newimages/3.jpg);
line-height:24px;
width:662px;
border-left:solid #CCCCCC 2px;
border-right:solid  #CCCCCC 2px;
margin:0 auto;
text-indent:10px;
text-align:left}
#user{
width:620px;
text-align:left;}
.user1{
font-weight:bold;
color:#FF6600;
line-height:30px;
text-decoration:underline;

}

编辑 chalubao