473,804 Members | 3,638 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

tick marks

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**********@NO SPAM.bytronic.c om
Nov 19 '05 #1
10 2205
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**********@NO SPAM.bytronic.c om

Nov 19 '05 #2
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**********@NO SPAM.bytronic.c om

"Curt_C [MVP]" <software_at_da rkfalz.com> wrote in message
news:F2******** *************** ***********@mic rosoft.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**********@NO SPAM.bytronic.c om

Nov 19 '05 #3
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**********@NO SPAM.bytronic.c om

"Curt_C [MVP]" <software_at_da rkfalz.com> wrote in message
news:F2******** *************** ***********@mic rosoft.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**********@NO SPAM.bytronic.c om


Nov 19 '05 #4
you may want to try a css group.

my experience is that css is notoriously inconsistent for backwards and
cross-browser displays.
unless you do a ton of css work and know all the nuances, prepare to invest
an enormous amount of time, or hire someone who has the skill in hand.

I agree with the suggestion of trying to use an image or a graphics control
to achieve the chart display
"Martin Eyles" <ma**********@N OSPAM.bytronic. com> wrote in message
news:11******** *****@corp.supe rnews.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**********@NO SPAM.bytronic.c om

Nov 19 '05 #5
"Curt_C [MVP]" <software_at_da rkfalz.com> wrote
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.


I tried 1px and 2px, still got about 20px - I think it is asumming that
there will be text in there, and making sure the block is big enough. I
think I will have to use an image, which is a shame really (I don't like to
use too many, unless absolutely necesary).

--
Martin Eyles
ma**********@NO SPAM.bytronic.c om
Nov 19 '05 #6
"Jon Paal" <Jon nospam Paal @ everywhere dot com> wrote in message
news:Op******** ******@TK2MSFTN GP12.phx.gbl...
you may want to try a css group.

my experience is that css is notoriously inconsistent for backwards and
cross-browser displays.
unless you do a ton of css work and know all the nuances, prepare to invest an enormous amount of time, or hire someone who has the skill in hand.
I know I mentioned testing in firefox, but that was just to make sure I
wasn't being completely stupid and misreading the css spec. It will only
actually have to work in internet explorer, as I am using an activex control
in the page (the graph itself is the activex control), and it is only being
used within closed environment with msie installed.
I agree with the suggestion of trying to use an image or a graphics control to achieve the chart display


Thanks, I think that is what I will have to do.

--
Martin Eyles
ma**********@NO SPAM.bytronic.c om
Nov 19 '05 #7
I'd recommend the Microsoft Office Web Components from Microsoft - it's free
for most charting use and provides Excel type charts. There are other
packages such as Dundas and ChartFX as well that are equally good but not
free.

--
Regards,
Alvin Bruney [MVP ASP.NET]

[Shameless Author plug]
The Microsoft Office Web Components Black Book with .NET
Now Available @ www.lulu.com/owc
Forth-coming VSTO.NET - Wrox/Wiley 2006
-------------------------------------------------------

"Martin Eyles" <ma**********@N OSPAM.bytronic. com> wrote in message
news:11******** *****@corp.supe rnews.com...
"Jon Paal" <Jon nospam Paal @ everywhere dot com> wrote in message
news:Op******** ******@TK2MSFTN GP12.phx.gbl...
you may want to try a css group.

my experience is that css is notoriously inconsistent for backwards and
cross-browser displays.
unless you do a ton of css work and know all the nuances, prepare to invest
an enormous amount of time, or hire someone who has the skill in hand.


I know I mentioned testing in firefox, but that was just to make sure I
wasn't being completely stupid and misreading the css spec. It will only
actually have to work in internet explorer, as I am using an activex

control in the page (the graph itself is the activex control), and it is only being used within closed environment with msie installed.
I agree with the suggestion of trying to use an image or a graphics

control
to achieve the chart display


Thanks, I think that is what I will have to do.

--
Martin Eyles
ma**********@NO SPAM.bytronic.c om

Nov 19 '05 #8
"Alvin Bruney - ASP.NET MVP" <www.lulu.com/owc> wrote in message
news:uX******** ******@TK2MSFTN GP11.phx.gbl...
I'd recommend the Microsoft Office Web Components from Microsoft - it's free for most charting use and provides Excel type charts. There are other
packages such as Dundas and ChartFX as well that are equally good but not
free.


For a bar-graph, and tick marks? - That is just client-side overkill (not to
mention requiring activex, which I only want to use where necessary) - the
is no reason why HTML/CSS can't do this. I just wish that Internet Explorer
rendered properly.

--
Martin Eyles
ma**********@NO SPAM.bytronic.c om
Nov 19 '05 #9
Discovered an annoyingly simple fix for internet explorer.

<div><!-- --></div> is rendered correctly.

Don't know why adding comments works, but it does.

--
Martin Eyles
ma**********@NO SPAM.bytronic.c om

"Martin Eyles" <ma**********@N OSPAM.bytronic. com> wrote in message
news:11******** *****@corp.supe rnews.com...
"Alvin Bruney - ASP.NET MVP" <www.lulu.com/owc> wrote in message
news:uX******** ******@TK2MSFTN GP11.phx.gbl...
I'd recommend the Microsoft Office Web Components from Microsoft - it's free
for most charting use and provides Excel type charts. There are other
packages such as Dundas and ChartFX as well that are equally good but not free.


For a bar-graph, and tick marks? - That is just client-side overkill (not

to mention requiring activex, which I only want to use where necessary) - the
is no reason why HTML/CSS can't do this. I just wish that Internet Explorer rendered properly.

Nov 19 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

63
5915
by: Tristan Miller | last post by:
Greetings. Do any popular browsers correctly support <q>, at least for Western languages? I've noticed that Mozilla uses the standard English double-quote character, ", regardless of the lang attribute of the HTML document. Will any browsers render German-style quotes or French-style guillemots for lang="de" and lang="fr", respectively? Regards, Tristan
9
3706
by: Wayfarer | last post by:
Hi, I've been developing in Firebird, so I didn't notice this until today. When I use the <q> tag, IE 6 doesn't put quotes around the quotation. I tried specifically doing it in a stylesheet: q:before { content: open-quote; } q:after { content: close-quote; } but it didn't work.
4
31239
by: Greg | last post by:
I keep getting an error when I have a tick mark in a text value that I am searching for in my XPath Query. Example: <Authors> <Author LastName="O'Donnel"> <Author LastName="Smith"> </Authors>
7
5939
by: utkarsh | last post by:
Hi, I am using the following code to the update a section of the image which is drawn on a panel. this.m_Timer = new System.Windows.Forms.Timer(this.components); this.m_Timer.Tick += new System.EventHandler(this.m_Timer_Tick); this.m_Timer.Enalbled = true;
5
10856
by: not_a_commie | last post by:
So I have a motherboard with multiple CPU sockets. It seems that if I create a StopWatch on one thread and then call the Elapsed member from a different thread that sometimes I get a tick count that's a million miles away. My thinking is that I can subclass the StopWatch. Then when the Elapsed member is called, I can invoke it on the thread that the StopWatch class was created on. True? How? Or is there an easy way that I could scan...
9
7296
by: appelsinagurk | last post by:
Hi I'm fairly new to .Net programming so I'll try to explain my problem as easy as I can, and in advanced sorry for my poor english. I've got some spare hours where I work, so I've decided to spend them learning C# .Net. I've done some smaller programming assignments and decided now to try a larger program. I'm trying to create a basic game where you the "hero" meets "villains" and monsters in an arena. I want the fighting to be like...
1
2129
by: Inaccessable | last post by:
This is probably very simple but still beyond me. I have a table that stores text in a number of different languages. Each entry has a unique ID number. Each language version of the same text shares the ID number. I have a column of tick boxes that show where this text is used. ie 1.0 English_text_record_1 tickcol1=y tickcol2=n tickcol3=y 1.0 French_text_record_1 tickcol1=y tickcol2=n tickcol3=y 1.0 Spanish_text_record_1...
4
3204
by: paul.bentley | last post by:
I am trying to get a "Date entered" box to automatically fill when a tick box = true, without success so its over to the experts for some much needed help Thanks in advance
18
3115
by: sweeneye | last post by:
Hi, I'm basing a query on the variables used in a form. The database contains lots of problems, say with a computer and a tick box for the apropriate component like monitor, keyboard, mouse etc. and each has several eg problem 1 has a monitor and mouse problem My form then has what to look for tick boxes (tri-state) for each of these. I want my query to include all monitor problems when that is ticked and all monitor and mouse problems...
0
9579
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10076
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
9144
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7616
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
6851
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5520
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
4297
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3816
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2990
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.