刻度线 [英] tick marks
本文介绍了刻度线的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想在图表上做一个比例，通过告诉asp插入空的divs
类的tick，以及在css中设置样式。我试图通过在div上使用彩色的顶部和底部边框来获得3D
效果，并将它们的高度设置为
。下面的代码显示了一个示例刻度，这一切看起来很好看在火狐中很漂亮，但是在互联网资源管理器中，高度似乎是被忽略的
。有没有人有任何想法？
谢谢，
马丁
< html>
< head>
< style>
..tick {border-top：1px solid black; border-bottom：1px纯红色;宽度：
12px;身高：0px;填充：0px;保证金：0px}
< / style>
< / head>
< body>
< div class =" tick">< / div>
< / body>
< / html>
-
Martin Eyles
ma *** *******@NOSPAM.bytronic.com
解决方案
高度为0，否则将不可见/隐藏。
使用1个高度再试一次。
-
Curt Christianson
网站： http://www.darkfalz.com
博客：< a rel =nofollowhref =http://blog.darkfalz.comtarget =_ blank> http://blog.darkfalz.com
Martin Eyles写道：
我想在图表上做一个比例，告诉asp插入类div的空div，以及设置样式在css。我试图通过在div上使用彩色的顶部和底部边框来获得3D
效果，并将它们的高度设置为0.下面的代码显示了一个示例刻度，它看起来都很好
在Firefox中很漂亮，但在Internet Explorer中，高度似乎被忽略了。有没有人有任何想法？
谢谢，
马丁
< html>
< head>
< style>
..tick {border-top：1px纯黑; border-bottom：1px纯红色;宽度：
12px;身高：0px;填充：0px;保证金：0px}
< / style>
< / head>
< body>
< div class =" tick">< / div>
< / body>
< / html>
-
Martin Eyles
ma ********** @ NOSPAM.bytronic.com
我希望刻度线''框没有可见的内容，只有可见的
边框。根据css盒子模型，边框被添加到
高度，所以我想要零高度（如果我有1px高度，我将有顶部边框，
1背景和底部边框的像素。
此外，问题不在于我没有看到它 - 这是互联网
资源管理器实际给出的内容大约20像素。
还有其他想法吗？
谢谢，
ME
-
Martin Eyles
ma ********** @ NOSPAM.bytronic.com
" Curt_C [MVP]" < software_at_darkfalz.com>在消息中写道
新闻：F2 ********************************** @ microsof t.com ...高度为0，否则将隐身/隐藏。
使用1高度再试一次。
-
Curt Christianson
网站： http://www.darkfalz.com <博客： http://blog.darkfalz.com
Martin Eyles写道：
我想在图表上做一个比例，通过告诉asp插入空的
div类的刻度，并设置样式在css。我试图通过在div上使用彩色的顶部和底部边框来获得3D
效果，并将它们的高度设置为0.下面的代码显示了一个示例刻度，并且所有
看起来在Firefox中很漂亮，但在Internet Explorer中，高度似乎被忽略了。有没有人有任何想法？
谢谢，
马丁
< html>
< head>
< style>
..tick {border-top：1px纯黑; border-bottom：1px纯红色;
宽度：12px;身高：0px;填充：0px;保证金：0px}
< / style>
< / head>
< body>
< div class =" tick">< / div>
< / body>
< / html>
-
Martin Eyles
ma ********** @ NOSPAM.bytronic.com
听起来你正试图做一些可能更适合
图像/图形的东西......
至于高度的东西......你尝试用1作为高度吗？它仍然是
显示20px高度还是显示1px高度？只是想看看
＃是问题还是围绕它的语法。
-
Curt Christianson
网站： http://www.darkfalz.com
博客： http://blog.darkfalz.com
" Martin Eyles"写道：
我希望刻度线''框没有可见的内容，只有可见的边框。根据css盒子模型，边框被添加到
高度，所以我想要零高度（如果我有1px高度，我将有顶部边框，
1像素的背景和底部边框）。
此外，问题不在于我没有看到 - 这是互联网探险家实际上给内容提供了大约20个像素的高度。
还有其他想法吗？
谢谢，
我是
- Martin Eyles
ma ********** @ NOSPAM.bytronic.com
Curt_C [ MVP] QUOT; < software_at_darkfalz.com>在消息中写道
新闻：F2 ********************************** @ microsof t.com。 ..高度为0，否则将隐身/隐藏。
使用1高度再试一次。
-
Curt Christianson
网站： http://www.darkfalz.com
博客： http://blog.darkfalz.com
" Martin Eyles写道：
我想通过告诉asp插入类tick的空div，以及在css中设置样式来对图形进行缩放。我试图通过在div上使用彩色的顶部和底部边框来获得3D
效果，并将它们的高度设置为0.下面的代码显示了一个示例刻度，它在firefox中看起来都很漂亮，但在Internet Explorer中，高度似乎被忽略了。有没有人有任何想法？
谢谢，
马丁
< html>
< head>
< style>
..tick {border-top：1px纯黑; border-bottom：1px纯红色;宽度：12px;身高：0px;填充：0px;保证金：0px}
< / style>
< / head>
< body>
< div class =" tick">< / div>
< / body>
< / html>
-
Martin Eyles
ma ********** @ NOSPAM.bytronic.com
Hi,
I want to make a scale on a graph, by telling asp to insert empty divs
of class tick, and the setting the style in css. I am trying to get a 3D
effect by using colored top and bottom borders on the divs, and setting
their height to 0. The code bellow show an example tick, and it all looks
beautiful in firefox, but in internet explorer, the height appears to be
ignored. Does anyone have any ideas?
Thanks,
Martin
<html>
<head>
<style>
..tick {border-top: 1px solid black; border-bottom: 1px solid red; width:
12px; height: 0px; padding: 0px; margin: 0px}
</style>
</head>
<body>
<div class="tick"></div>
</body>
</html>
--
Martin Eyles
ma**********@NOSPAM.bytronic.com
解决方案
with a 0 height it would be invisible/hidden otherwise.
use a 1 height and try again.
--
Curt Christianson
site: http://www.darkfalz.com
blog: http://blog.darkfalz.com
"Martin Eyles" wrote:
Hi,
I want to make a scale on a graph, by telling asp to insert empty divs
of class tick, and the setting the style in css. I am trying to get a 3D
effect by using colored top and bottom borders on the divs, and setting
their height to 0. The code bellow show an example tick, and it all looks
beautiful in firefox, but in internet explorer, the height appears to be
ignored. Does anyone have any ideas?
Thanks,
Martin
<html>
<head>
<style>
..tick {border-top: 1px solid black; border-bottom: 1px solid red; width:
12px; height: 0px; padding: 0px; margin: 0px}
</style>
</head>
<body>
<div class="tick"></div>
</body>
</html>
--
Martin Eyles
ma**********@NOSPAM.bytronic.com
I want the tick marks'' boxes to have no visible content, with just visible
borders. According to the css box model, the borders are added to the
height, so I want zero height (if I have 1px height, I will have top border,
1 pixel of background and bottom border).
Besides, the problem is not that I don''t see it - it is that internet
explorer actually gives a height of about 20 pixels to the content.
Any other ideas?
Thanks,
ME
--
Martin Eyles
ma**********@NOSPAM.bytronic.com
"Curt_C [MVP]" <software_at_darkfalz.com> wrote in message
news:F2**********************************@microsof t.com...with a 0 height it would be invisible/hidden otherwise.
use a 1 height and try again.
--
Curt Christianson
site: http://www.darkfalz.com
blog: http://blog.darkfalz.com
"Martin Eyles" wrote:Hi,
I want to make a scale on a graph, by telling asp to insert empty divs of class tick, and the setting the style in css. I am trying to get a 3D
effect by using colored top and bottom borders on the divs, and setting
their height to 0. The code bellow show an example tick, and it all looks beautiful in firefox, but in internet explorer, the height appears to be
ignored. Does anyone have any ideas?
Thanks,
Martin
<html>
<head>
<style>
..tick {border-top: 1px solid black; border-bottom: 1px solid red; width: 12px; height: 0px; padding: 0px; margin: 0px}
</style>
</head>
<body>
<div class="tick"></div>
</body>
</html>
--
Martin Eyles
ma**********@NOSPAM.bytronic.com
sounds like you are trying to do something that''s probably better suited for
an image/graphic....
As for the height thing... did you try with a 1 as the height? Did it still
show the 20px height or did it show the 1px height? Just trying to see if the
# is the problem or the syntax around it.
--
Curt Christianson
site: http://www.darkfalz.com
blog: http://blog.darkfalz.com
"Martin Eyles" wrote:
I want the tick marks'' boxes to have no visible content, with just visible
borders. According to the css box model, the borders are added to the
height, so I want zero height (if I have 1px height, I will have top border,
1 pixel of background and bottom border).
Besides, the problem is not that I don''t see it - it is that internet
explorer actually gives a height of about 20 pixels to the content.
Any other ideas?
Thanks,
ME
--
Martin Eyles
ma**********@NOSPAM.bytronic.com
"Curt_C [MVP]" <software_at_darkfalz.com> wrote in message
news:F2**********************************@microsof t.com...with a 0 height it would be invisible/hidden otherwise.
use a 1 height and try again.
--
Curt Christianson
site: http://www.darkfalz.com
blog: http://blog.darkfalz.com
"Martin Eyles" wrote:Hi,
I want to make a scale on a graph, by telling asp to insert empty divs of class tick, and the setting the style in css. I am trying to get a 3D
effect by using colored top and bottom borders on the divs, and setting
their height to 0. The code bellow show an example tick, and it all looks beautiful in firefox, but in internet explorer, the height appears to be
ignored. Does anyone have any ideas?
Thanks,
Martin
<html>
<head>
<style>
..tick {border-top: 1px solid black; border-bottom: 1px solid red; width: 12px; height: 0px; padding: 0px; margin: 0px}
</style>
</head>
<body>
<div class="tick"></div>
</body>
</html>
--
Martin Eyles
ma**********@NOSPAM.bytronic.com
这篇关于刻度线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
