我真的很喜欢http://www.honorshaven.com/看起来如何打印(到pdf).我仔细查看了源代码,试图找出他们是如何做到的(我的导航总是在打印时变成丑陋的子弹列表......) - 而且我很茫然.谁知道?任何帮助都是极好的!谢谢,马丁
[编辑]我熟悉打印样式表 - 但是它们大多不是通过"打印友好"/"打印我"链接来实现的吗?在这种情况下,我只是去浏览器栏并选择打印.我确定我错过了一些愚蠢的东西,但我不知道是什么......
我正在尝试重新主题ScrewTurn 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) 我一直在努力让我们的一张网络地图以一种不错的方式打印出来,现在已经过了好几天了.我八天前发布了这个问题,但后来解决了那里概述的问题.现在我正在处理其他几个我似乎无法弄清楚的问题.
首先,这里是我正在尝试打印的页面的链接:http://maps.nps.gov/maps/rich/footstepsofhistory.
我已经尝试了很多不同的组合来尝试处理浏览器差异和过去几天的缺陷,我确信我提出的解决方案远非完美.也就是说,目前部署的解决方案产生了迄今为止我能够产生的最佳结果.
关于这一点最令人沮丧的部分是我不是在寻找任何复杂的东西.我只想要我的打印样式表(我已经标记了所照顾的项目):
70px顶部的高标题.无论打印尺寸有多大,都应调整大小.15px,从底部向上.以下是仍然存在的问题:
760px.我更喜欢使用height:100%;我这样做,因为它似乎是阻止地图在某些浏览器中溢出到第二页的唯一方法.760px点击点之前打印时,地图"尊重" 硬编码高度.然而,在点击一个点之后,地图在某些浏览器中打印出页面高度的约50%.这一个我无法解释.浏览器测试:
我已经考虑过强迫Internet Explorer进入IE7模式作为一种解决方法,但似乎我所看到的所有问题都应该是可以解决的,而且在使用X-UA-Compatibile标签时我的口味很差.这也只能解决剩下的两个问题之一.当然有更好的方法!?!?!?
最后,我知道我可以创建页面的PDF,但我真的想尽可能避免这种情况.
感谢您提供的任何帮助,如果需要,我可以在此处发布更多信息.
有没有办法在不覆盖所有内容的情况下中和元素的CSS规则?
例如,我正在使用Twitter Bootstrap,它有许多预定义的CSS定义table.在某些地方,我不想要它们.
在某些table元素上,我想知道我是否可以这样做:
<table style="default"></table>
Run Code Online (Sandbox Code Playgroud) 可能的重复:
注释掉 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 注释会隐藏这些定义,以免被非常旧的浏览器看到。
现在我的问题是评论之间的内容怎么可能只隐藏到旧浏览器而不是新浏览器?新浏览器不受评论影响吗?
是否可以在控制文本的一部分下划线。
我在 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,标签没有被识别
我有一个问题,包括 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)
你能告诉我如何解决这个问题吗?
我正在尝试设置小部件的背景颜色,但它仅适用于小部件的孩子。下面的代码是真实应用程序结构的简单表示。我希望 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 文件,如 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
我想围绕一个小部件的角。在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)
我的问题是,在这种情况下有什么问题?
谢谢