对于top.ascx里面可以不可以放置css的文件进行一个讲解
2014-03-02 22:23
435 查看
今天遇到一个这样的问题就是把网站上面的flash做的导航栏和图片动画替换成html+css的代码,然而asp.net里面的页面又是xx.ascx的文件夹,当时我就晕了不知道改如何去下手,我就把里面的css链接方式
和普通的链接方式一样放置的到xx.ascx里面一样,到服务器上面运行了一下不可以css的样式效果没有出现,<link href="./css/banner.css" rel="stylesheet" type="text/css" />,我在怀疑这样做的是不是有问题阿
就是问了好多的人他们都说可以但是他们都说不知道怎么做,然而我就把css里面的代码直接的复制到xx.ascx里面运行了一个就可以了。
<%@ Register assembly="Controls" namespace="Controls" tagprefix="cc1" %> <style type="text/css"> * {margin: 0px;padding: 0px;} body {text-align: center;font-size: 13px;margin-right: auto;margin-left: auto;background-repeat: repeat; background-color: #FFFFFF; } /*box*/ .box {width: 100%;background-color: #FFFFFF;margin-right: auto;margin-left: auto;text-align: center;font-family: Arial, Helvetica, sans-serif,;} .main{ width:100%; height:374px; float:left;} /* CSS Document */
.banner { background-color: #303030; float: left; height: 40px; width: 100%; } .banner_m { height: 40px; width: 1000px; margin-right: auto; margin-left: auto; } .banner_1 { height: 40px; width: 1000px; float:left; } .huantu { float: left; width: 100%; height: 332px; }
#navigation, #navigation li ul { list-style-type:none; z-index:1000;} #navigation li { float:left; text-align:center; position:relative;z-index:1000; } #navigation li a:link, #navigation li a:visited { display:block; text-decoration:none; color:#fff; width:82px; height:38px; line-height:38px; border:1px solid #fff; border-width:1px 1px 0 0; background:#255f9e; padding-left:10px; z-index:1000;} #navigation li a:hover { color:#fff; background:#ffb100; z-index:1000; } #navigation li ul li a:hover { color:#fff; background:#ffb100;z-index:1000;} #navigation li ul { display:none; position:absolute; top:38px;margin-top:1px; font-size:12px;z-index:1000;} img{ border:0 none; } .photo{ width:1900px; height:332px; overflow:hidden; position:relative;} .photo .step{ position:absolute; bottom:10px;right:15px; height:23px; z-index:2; color:#fff; font-size:14px; font-weight:bold;vertical-align:middle; cursor:pointer;} .photo .step em{ margin:0 5px;} .photo ul{ float:left; position:absolute;top:0;left:0;width:2208px;} .photo li{ float:left; background:#09e; list-style-type: none; } .photo li img{ display:block;width:1900px;height: 332px; }
和普通的链接方式一样放置的到xx.ascx里面一样,到服务器上面运行了一下不可以css的样式效果没有出现,<link href="./css/banner.css" rel="stylesheet" type="text/css" />,我在怀疑这样做的是不是有问题阿
就是问了好多的人他们都说可以但是他们都说不知道怎么做,然而我就把css里面的代码直接的复制到xx.ascx里面运行了一个就可以了。
<%@ Register assembly="Controls" namespace="Controls" tagprefix="cc1" %> <style type="text/css"> * {margin: 0px;padding: 0px;} body {text-align: center;font-size: 13px;margin-right: auto;margin-left: auto;background-repeat: repeat; background-color: #FFFFFF; } /*box*/ .box {width: 100%;background-color: #FFFFFF;margin-right: auto;margin-left: auto;text-align: center;font-family: Arial, Helvetica, sans-serif,;} .main{ width:100%; height:374px; float:left;} /* CSS Document */
.banner { background-color: #303030; float: left; height: 40px; width: 100%; } .banner_m { height: 40px; width: 1000px; margin-right: auto; margin-left: auto; } .banner_1 { height: 40px; width: 1000px; float:left; } .huantu { float: left; width: 100%; height: 332px; }
#navigation, #navigation li ul { list-style-type:none; z-index:1000;} #navigation li { float:left; text-align:center; position:relative;z-index:1000; } #navigation li a:link, #navigation li a:visited { display:block; text-decoration:none; color:#fff; width:82px; height:38px; line-height:38px; border:1px solid #fff; border-width:1px 1px 0 0; background:#255f9e; padding-left:10px; z-index:1000;} #navigation li a:hover { color:#fff; background:#ffb100; z-index:1000; } #navigation li ul li a:hover { color:#fff; background:#ffb100;z-index:1000;} #navigation li ul { display:none; position:absolute; top:38px;margin-top:1px; font-size:12px;z-index:1000;} img{ border:0 none; } .photo{ width:1900px; height:332px; overflow:hidden; position:relative;} .photo .step{ position:absolute; bottom:10px;right:15px; height:23px; z-index:2; color:#fff; font-size:14px; font-weight:bold;vertical-align:middle; cursor:pointer;} .photo .step em{ margin:0 5px;} .photo ul{ float:left; position:absolute;top:0;left:0;width:2208px;} .photo li{ float:left; background:#09e; list-style-type: none; } .photo li img{ display:block;width:1900px;height: 332px; }
相关文章推荐
- 在Ext(Version2.2 和目前的Version3.1.1 Version3.2) 里面存在一个BUG,就是当设置了 stripeRows:true, 并没有出现斑马线的效果,解决的办法是在定义一个css类,放置在一个独立的css文件里面,页面加以引用。
- QVariant(相当于是Java里面的Object,起到一个数据类型“擦除”的作用,可以使用Q_DECLARE_METATYPE进行注册)
- 里面是对一个body的属性进行server的一些设定,不过可以衍生到其他的一些htmlcontrol
- 可以把一堆dll文件放到程序目录下的一个自建目录里面
- css文件都写在一个里面还是每个页面都引用单独的css样式好?
- [CSS] 当多个CSS文件对同一个元素属性进行设置,会发生什么?
- Android中其中一个Activity可以对另一个Activity的xml文件中的EditText设置进行设置吗?
- 使用了博客园的备份后得到一个xml文件,不知道有没有css或者xslt文件可以在本地阅读文章,在网上找了半天也没有找到解决办法,难道要自己写?
- 对于一个文件夹中的所有txt文件进行遍历的程序
- 把css和js写到一个文件里面的增强版
- (转)css 相对定位 绝对定位 浮动 CSS 相对定位 相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”
- 编写一个通讯录,功能与以前的诺基亚手机一样,可以通过键盘进行箭头的移动,回车进入选项,用“W”键代表手机手机左键,“backspace”键代表返回上一级。能够实现基本的人性化的增删改查及文件的导入导出
- 有些JS为什么不可以单独放在一个js文件里面
- 一个c++程序里面可以有多少个.cpp文件,如果可以有多个,那么是怎么连接的,怎么运行的。
- 利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解
- android 使用 websocket 进行长链接的一个简单的 demo,可以用来收发消息或别的操作,里面用到了 autobahn 的 jar 包
- gulp-rev同时将js和css文件写在一个rev-manifest.json文件里面的方式探讨
- 利用PreLoader实现一个平视显示(HUD)效果(可以运用到加载等待效果),并进行简单的讲解
- storm的ack和fail为了保证数据能正确的被处理, 对于spout产生的每一个tuple, storm都会进行跟踪, 这里面涉及到ack/fail的处理, 如果一个tuple处理成功, 会调用s
- 把JS与CSS写在同一个文件里,还是可以用滴