Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Table Border 1

Status
Not open for further replies.
ca8msm

ca8msm

Programmer
May 9, 2002
11,327
GB
I'm sure there's a very simple explanation for this, but why doesn't Internet Explorer apply the attributes defined in .standardTable1 td (FireFox shows the border correctly)?

HTML File:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/URL]


<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] xml:lang="en" >
<head>

	<title>Page Title</title>

	<!-- Main Stylesheet -->	
	<style type="text/css" title="currentStyle" media="screen">
		@import "css/qt_main.css";
	</style>

</head>


<body id="query_tool_main">

  <form id="frmSections" action="types.php" method="post">

    <div id="container">

      <div id="Step1" class="groupBox1">
        <fieldset>
          <legend>Step 3 - Select Sections</legend>

  	<table class="standardTable1">
		<tr class="boldText">
			<td></td>
			<td>Road Ref</td>
			<td>Start X</td>
			<td>Start Y</td>
			<td>End X</td>
			<td>End Y</td>
			<td>Description</td>
			<td>Length</td>
			<td>Speed Limit</td>
		</tr>
		<tr>		
			<td><input type="Checkbox" name="RoadSection" value="AL1248"></td>
			<td>AL1248</td>
			<td>336640</td>
			<td>371796</td>
			<td>334184</td>
			<td>371597</td>
			<td>A540 to A550</td>
			<td>2.47</td><td>112</td>
		</tr>
	</table>
        </fieldset>
      </div>

    </div>
    
  </form>
</body>
</html>

CSS File:
Code: 
body
{
	background: #C0C0C0 url("../images/white_bg.gif");	
	background-repeat: repeat-y;
	background-position: center;	
}
	
#container
{
	width: 760px;
	margin: 0 auto;
	background-color: #FFFFFF; 
	height:100%;
}

#header
{
	text-align: center;	
}	

.groupBox1
{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 20px;
}	

.left-element 
{
	float: left;
	margin-left: 37px;
}

.right-element 
{
    float: right;
    margin-right: 37px;
}

.vertical-element
{
	vertical-align: top;	
	padding: 5px;
}

.standardTable1
{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	font-size: small;
}	

.standardTable1 td
{
	border: 1px solid grey;	
}

.boldText
{
	font-weight:bold;
}

Thanks,
Mark


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.
 
Sort by date Sort by votes
[blush] Can't believe that was the problem! I started changing the border style/width's etc but didn't even think that it would be a spelling error!

Thanks Jeff!


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 
Upvote 0 Downvote
Thats why I stick with "red" for my test color, much easier to spell ;)

barcode_1.gif
 
Upvote 0 Downvote
Think I'll have to start doing that as well!


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 
Upvote 0 Downvote
For those who would like to know what the named colors are, or what their hex equivalents are, here is a Named Color Reference. It also shows the HSV values in decimal. It's unique (as far as I know) in that the colors are sorted by HSV instead of alphabetically, so like colors appear together. I made it for my own reference years ago.

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard. [dragon]
 
Upvote 0 Downvote
Actually, that colour chart highlights maybe why I had a problem in the first place. Why are the named colours spelt dimgray, gray, darkgray and lightgrey?


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 
Upvote 0 Downvote
That could be a typo on my part. I've never been able to figure why grey/gray is spelled two different ways. I'll have to test that and correct it if wrong.

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard. [dragon]
 
Upvote 0 Downvote
Thanks Dragon for the colour chart - as you say it is unique in that it groups the colours together. I will definately be using it.

And I always use the Hex codes for colours - it's fine to state colours for the obvious ones like BLUE, RED, GREEN and the like, but there are more detailed colours to use than that, even if they are 'web-safe'.

I believe the spelling comes from the Americans, like most things in browser code (center, grey, etc).

D0nny
 
Upvote 0 Downvote
Actually, after looking at your colour chart again, I can't really see any of the web-safe colours.
These are colours that often have the same Hex codes for R G and B.
Examples are Grey: 999999 or 666666
Reds would be: 993333 or CC0000
Blues could be: 3333CC or 000099

These can often be shortened to (Grey) 999 or 666

D0nny
 
Upvote 0 Downvote
Manarth
I agree with you, but ultimately there is no reason to deviate from the wealth of colours available using these combinations - it simply gets too complex designing web pages using SO MANY colours. By using these combinations (and there are planty more), it is simplistic and easy (you can shorten these codes to a 3 digit HEX code easily).
You can't tell me that by using only web-safe colours is restrictive?!

D0nny
 
Upvote 0 Downvote
Web Safe" refers to a palete of 216 colours that were more or less guaranteed to display nicely on all systems regardless of platform or browser.
It does not refer to "safe", comfortable colour combinations as I think you are interpreting the phrase to mean.
The "Web Safe" palete is indeed, somewhat restrictive.
See for more info.

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK
 
Upvote 0 Downvote
By definition, if you restrict yourself to 216 colours from a potential 16.7 million - that's restrictive.

In many ways it made life easier for us programmers-turned-designers that you only had a few shades of red/green/whatever to choose from when you needed one, but those days are gone now. That said, I still pick web-safe colours when I can - I just don't worry too much if I have to step outside the pallette to get an effect I need.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
 
Upvote 0 Downvote
I agree with your comments, and certainly having over 16 million colours to choose from is fantastic, but in a lot of circumstances I would argue that there is no need to deviate from the 216 colours in the web-safe palette.
And to get back to the original thread about table borders, why would you want to choose a colour for a table border from over 16 million colours?? I mean, we're talking about table borders here, not some hugely detailed graphic.
Some people will just never be happy!

D0nny
 
Upvote 0 Downvote
And to get back to the original thread about table borders, why would you want to choose a colour for a table border from over 16 million colours??
Click to expand...
Well, I didn't deviate from the standard colours in my simple table example (and it was just for testing anyway) but that doesn't mean there won't be situations where it may be useful to use a slight variation of a standard colour.

Although it's probably safer to use a standard colour, I think we're in a situation now where we can step outside the standard colours without worrying too much about restricting the audience.


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 
Upvote 0 Downvote
ca8msm

I agree with you and all those on the thread regarding the matter of 'choice', and as you have mentioned, there is nothing to stop people using the full set of 16 million colours... in fact, it is great we have this 'choice' now.
But my point is that with simple design issues (like table borders) there should be no reason to over-complicate things by deciding on a colour from the 16 million palette! There is no debate about using these colours because they are web-safe, I'm just making the argument about using these colours so as no to over-complicate things. I believe that almost everything in web design (as opposed to graphic design) can be achived using web-safe colours. It is only my opinion.

For the record, I tend to use a mixture of both in my web designs, but for simple things I tend to stick to web-safe colours - its just so much easier. For graphics I use the whole range.

Happy colouring ....
D0nny
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
931
spamjim
spamjim
lupidol
  • Locked
  • Question
Table's title row's rounded corners border 1
Replies
2
Views
176
lupidol
lupidol
ashokkumary
  • Locked
  • Question
missing leading zero when we download in excel from html table data.
Replies
1
Views
170
spamjim
spamjim
PeDa
  • Locked
  • Question
Table not formatted correctly in all browsers 1
Replies
2
Views
174
PeDa
PeDa
PSchubert
  • Locked
  • Question
Data in db table cell not displayed in asp table cell -- a CSS issue?
Replies
2
Views
145
vacunita
vacunita

Part and Inventory Search

Sponsor

Back
Top