标签: stylesheet

这个打印样式表如何工作?

我真的很喜欢http://www.honorshaven.com/看起来如何打印(到pdf).我仔细查看了源代码,试图找出他们是如何做到的(我的导航总是在打印时变成丑陋的子弹列表......) - 而且我很茫然.谁知道?任何帮助都是极好的!谢谢,马丁

[编辑]我熟悉打印样式表 - 但是它们大多不是通过"打印友好"/"打印我"链接来实现的吗?在这种情况下,我只是去浏览器栏并选择打印.我确定我错过了一些愚蠢的东西,但我不知道是什么......

css printing stylesheet

3
推荐指数
1
解决办法
2169
查看次数

为什么我的 CSS 锚样式被覆盖?

我正在尝试重新主题ScrewTurn Wiki。该页面有一个基本结构,记录在此处:

螺丝旋转 Wiki 主题参考

对于不同类型的链接,有一些预定义的类,例如:

a, a:link, a:active {
    color: #ffffff;
    text-decoration: none;
}
a:hover {
    color: #D9671E;
    text-decoration: underline;
}

a.externallink {
    background-image: url(Images/ExternalLink.gif);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 14px;
}
a.internallink {
}

/* Link to a .aspx page */
a.systemlink {
}

/* Link to a Wiki page */
a.pagelink {
}
Run Code Online (Sandbox Code Playgroud)

我需要根据它们所在的容器更改这些链接的颜色。原因是我的标题是深蓝色而侧边栏是白色的。

我试过这个:

/* Make header links white because of dark background */
#HeaderDiv a.pagelink, a.systemlink, a.externallink {
    color: white;
}

#SidebarDiv a.pagelink, …
Run Code Online (Sandbox Code Playgroud)

html css stylesheet

3
推荐指数
1
解决办法
3163
查看次数

打印样式表地狱 - 寻找未解决问题的建议

我一直在努力让我们的一张网络地图以一种不错的方式打印出来,现在已经过了好几天了.我八天前发布了这个问题,但后来解决了那里概述的问题.现在我正在处理其他几个我似乎无法弄清楚的问题.

首先,这里是我正在尝试打印的页面的链接:http://maps.nps.gov/maps/rich/footstepsofhistory.

我已经尝试了很多不同的组合来尝试处理浏览器差异和过去几天的缺陷,我确信我提出的解决方案远非完美.也就是说,目前部署的解决方案产生了迄今为止我能够产生的最佳结果.

关于这一点最令人沮丧的部分是我不是在寻找任何复杂的东西.我只想要我的打印样式表(我已经标记了所照顾的项目):

  1. 隐藏所有不必要的元素.
  2. 调整地图大小以填充整个页面,减去70px顶部的高标题.无论打印尺寸有多大,都应调整大小.
  3. 显示一个绝对定位的div,它显示当前选定点的属性,这些属性在页面上水平居中15px,从底部向上.

以下是仍然存在的问题:

  1. 我正在硬编码地图div的高度760px.我更喜欢使用height:100%;我这样做,因为它似乎是阻止地图在某些浏览器中溢出到第二页的唯一方法.
  2. 760px点击点之前打印时,地图"尊重" 硬编码高度.然而,在点击一个点之后,地图在某些浏览器中打印出页面高度的约50%.这一个我无法解释.
  3. 最大的问题是Internet Explorer 8.打印时,地图始终会运行到第二页.我已经尝试了所有我能想到的解决这个问题的方法,但没有找到任何解决方案.

浏览器测试:

  • Mac OS X上的Safari:一切都很完美.
  • Mac OS X/Windows上的Chrome,Mac OS X/Windows上的Firefox,Internet Explorer 7:首先打印而不点击某个点正确打印页面 - 除了地图不会完全占据页面的整个高度因为硬编码的div高度.单击点后打印会将打印输出中的地图大小调整为打印区域高度的约50%.
  • Internet Explorer 8:在地图上单击某个点之前和之后打印会导致地图从第一页运行到第二页.
  • Internet Explorer 9:在地图上单击某个点之前和之后打印都会将打印输出中的地图大小调整为打印区域高度的~50%.

我已经考虑过强迫Internet Explorer进入IE7模式作为一种解决方法,但似乎我所看到的所有问题都应该是可以解决的,而且在使用X-UA-Compatibile标签时我的口味很差.这也只能解决剩下的两个问题之一.当然有更好的方法!?!?!?

最后,我知道我可以创建页面的PDF,但我真的想尽可能避免这种情况.

感谢您提供的任何帮助,如果需要,我可以在此处发布更多信息.

css printing stylesheet

3
推荐指数
1
解决办法
2966
查看次数

如何在不重写的情况下中和CSS定义

有没有办法在不覆盖所有内容的情况下中和元素的CSS规则?

例如,我正在使用Twitter Bootstrap,它有许多预定义的CSS定义table.在某些地方,我不想要它们.

在某些table元素上,我想知道我是否可以这样做:

<table style="default"></table>
Run Code Online (Sandbox Code Playgroud)

css stylesheet twitter-bootstrap

3
推荐指数
1
解决办法
1万
查看次数

内部样式表中的 HTML 注释标签

可能的重复:
注释掉 HTML 文档中的样式表以支持旧浏览器

我正在阅读 Wrox 发布的 Professional ASP.NET 2.0。见下面的代码。

    <head>
    <style type="text/css">

    <!--

    body {
    font-family:Verdana;
    }

    -->
    </style>
 </head>
Run Code Online (Sandbox Code Playgroud)

以下几行来自书中:

包含 HTML 注释标签是因为并非所有浏览器都支持内部样式表。通常是较旧的浏览器不接受它们。在样式定义周围放置 HTML 注释会隐藏这些定义,以免被非常旧的浏览器看到。

现在我的问题是评论之间的内容怎么可能只隐藏到旧浏览器而不是新浏览器?新浏览器不受评论影响吗?

html css stylesheet

3
推荐指数
1
解决办法
2726
查看次数

在 Textarea 中的一部分文本下划线

是否可以在控制文本的一部分下划线。

我在 jquery 中确实喜欢这个,但没有出现下划线。任何示例代码示例?

<textarea rows = "3" cols = "50" id = "TestName" ></textarea>
Run Code Online (Sandbox Code Playgroud)

查询

 var dvHTML = ''
 dvHTML = '<span style=text-decoration: underline;>' + "Hello world" + '</span>';
$("#TestName").html(dvHTML);
Run Code Online (Sandbox Code Playgroud)

我得到的输出只有 Hello world,标签没有被识别

html javascript css jquery stylesheet

3
推荐指数
1
解决办法
9877
查看次数

Rails 4 - 来自公共文件夹的样式表

我有一个问题,包括 stylesheets and javascript files公共文件夹包含到我的项目中时。

我按以下方式进行:

<%= stylesheet_link_tag '/public/dist/css/AdminLTE.min.css' %> 
Run Code Online (Sandbox Code Playgroud)

不幸的是,我遇到了一个错误:

ActionController::RoutingError (No route matches [GET] "/public/dist/css/AdminLTE.min.css")
Run Code Online (Sandbox Code Playgroud)

你能告诉我如何解决这个问题吗?

javascript assets stylesheet ruby-on-rails-4

3
推荐指数
1
解决办法
3947
查看次数

如何使用 PySide 中的样式表为整个小部件设置背景颜色

我正在尝试设置小部件的背景颜色,但它仅适用于小部件的孩子。下面的代码是真实应用程序结构的简单表示。我希望 testWidget 完全是红色的,由于它的大小,它是 100x100 像素的矩形,但由于某种原因,只有按钮是红色的。

from PySide import QtGui


class Widget(QtGui.QWidget):
def __init__(self):
    QtGui.QWidget.__init__(self)

    mainLayout = QtGui.QVBoxLayout(self)

    testWidget = QtGui.QWidget()
    testWidget.setFixedSize(100,100)

    testWidget.setStyleSheet('background-color: red;')
    testLayout = QtGui.QVBoxLayout()

    testWidget.setLayout(testLayout)


    but = QtGui.QPushButton('TEST')
    but.setFixedSize(20,20)
    testLayout.addWidget(but)

    mainLayout.addWidget(testWidget)

w = Widget()
w.show()
Run Code Online (Sandbox Code Playgroud)

css qt stylesheet background-color pyside

3
推荐指数
1
解决办法
4735
查看次数

如何在 Angular 2 中更改应用程序范围的 css?

在我的应用程序中,我有不同的 CSS 文件,如 fire.css、lake.css,每个文件都为完整的应用程序提供了不同的外观。

目前,我只用 1 个文件 main.css 实现并将这个文件添加到
index.html

<link rel="stylesheet" href="resources/styles/main.css">  
<link rel="stylesheet" href="resources/styles/themes.css">
<link rel="stylesheet" href="resources/styles/common.css">
<link rel="stylesheet" href="resources/styles/plugins.css">
Run Code Online (Sandbox Code Playgroud)

现在我想在用户从下拉列表中选择时动态更改它。

我的想法:将所有 css 文件复制到 app 文件夹并在那里添加主题。
文件夹结构是

app
|-----app.component.ts
|-----app.routes.ts
|-----main.css
|-----lake.css
|-----登录
|- ----其他组件...

我在app.components.ts App 组件中添加了 css 到 styleUrls现在是

import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES } from '@angular/router';

@Component({

    selector: 'workshop-app',    
    template: `
        <body>
           <router-outlet></router-outlet>
       </body>
    `,
    directives : [ ROUTER_DIRECTIVES ],
    styleUrls : ['app/lake.css']
})
export class AppComponent { }
Run Code Online (Sandbox Code Playgroud)

Lake.css …

css stylesheet angular2-directives angular2-template angular

3
推荐指数
1
解决办法
3820
查看次数

PySide:带样式表的圆角不起作用

我想围绕一个小部件的角。在PyQt 中,我用样式表解决了这个问题,效果很好。我想在PySide 中做同样的事情,但由于某种原因它不起作用。

这是我的代码:

TitelWidget = QtGui.QWidget()
TitelSizer = QtGui.QHBoxLayout()
TitelWidget.setLayout(TitelSizer)
TitelWidget.setStyleSheet("QWidget#TitelWidget {border: 1px solid rgb(160,160,160); border-radius: 9px; background: QLinearGradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #f6f6f6, stop: 0.5 #ededed, stop: 0.55 #e4e4e4, stop: 0.6 #dbdbdb, stop: 1.0 #d2d2d2);}")
Run Code Online (Sandbox Code Playgroud)

我的问题是,在这种情况下有什么问题?

谢谢

python qt pyqt stylesheet pyside

3
推荐指数
1
解决办法
918
查看次数