473,686 Members | 2,232 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

What's the CSS equivalent of <table bordercolor="#f fffff"> ?

Hello,

I am updating some old web pages, and have come across a problem. I have
some tables where the opening tag looks like...

<table border="1" bordercolor="#f fffff">

which gives a nice flat border around the table in IE, and a fairly
unpleasant (IMO) 3D-effect border in Firefox.

I am trying to achieve the same effect as I see in IE, but in CSS
instead of in HTML, but can't reproduce the same border. I tried
creating a class like...

..flatborder {
border: 1px;
border-color: #000000;
border-style: solid;
}

But this gave the same 3D-effect that I had in Firefox.

Is there a way to use CSS to get IE and FF to show the nice flat border
that IE gives with the bordercolor attribute? TIA

--
Alan Silver
(anything added below this line is nothing to do with me)
Jan 31 '06 #1
22 12978
Els
Alan Silver wrote:
I am updating some old web pages, and have come across a problem. I have
some tables where the opening tag looks like...

<table border="1" bordercolor="#f fffff">

which gives a nice flat border around the table in IE, and a fairly
unpleasant (IMO) 3D-effect border in Firefox.

I am trying to achieve the same effect as I see in IE, but in CSS
instead of in HTML, but can't reproduce the same border. I tried
creating a class like...

.flatborder {
border: 1px;
Make that border-width:1px;
border-color: #000000;
border-style: solid;
}

But this gave the same 3D-effect that I had in Firefox.
Does it still do that with border-width instead of border?
Is there a way to use CSS to get IE and FF to show the nice flat border
that IE gives with the bordercolor attribute? TIA


I've never seen 3D borders when stating border-style:solid;

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

Now playing: King Crimson - Lizard
Jan 31 '06 #2
Alan Silver <al*********@no spam.thanx.inva lid> wrote:
.flatborder {


That applies to an element in class "flatborder ". You have not
specified any markup that contains any class attribute.

The odds are that you are applying something to a <table> element when
you would in fact need to apply it to table cells as well.

Hint: specify the URL. It saves a lot of everyone's time, and you know,
everyone is busy.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jan 31 '06 #3
>> .flatborder {

That applies to an element in class "flatborder ". You have not
specified any markup that contains any class attribute.
Nope, I showed the HTML that I had without any CSS. This class was an
example of the sort of thing I wanted to do. I assumed it was fairly
obvious that it was to apply to the <table> tag as that was the only tag
I showed.

Sorry if I wasn't clear.
The odds are that you are applying something to a <table> element when
you would in fact need to apply it to table cells as well.
Well, if I understand correctly, the border is part of the table, rather
than the cell. Going on the way HTML attributes work, "border" and
"bordercolo r" (now obsolete) both went on the <table> tag to produce the
effect I described.
Hint: specify the URL. It saves a lot of everyone's time, and you know,
everyone is busy.


I know, that's why the post was short and (hopefully) to the point. I
don't have an URL for this site, and as the HTML/CSS in question was so
short, I didn't see any need to create a sample page and find somewhere
free to upload it just for this.

Obviously I would provide an URL for something more complex.

Ta ra

--
Alan Silver
(anything added below this line is nothing to do with me)
Jan 31 '06 #4
<snip>
.flatborder {
border: 1px;


Make that border-width:1px;


Aha, that made a difference!! Thanks for spotting that.
border-color: #000000;
border-style: solid;
}

But this gave the same 3D-effect that I had in Firefox.


Does it still do that with border-width instead of border?


Nope, it gives a nice flat border like I wanted.

The only thing is that this only gives a border around the extremities
of the table. Specifying the bordercolor attribute on the <table> tag
put the border around each cell as well.

I tried adding the following three lines to the class that is used to
style each table cell...

border-width:2px;
border-color: #63B7E5;
border-style: solid;

but it didn't do anything. Any idea how to get the inner lines showing
as well?
Is there a way to use CSS to get IE and FF to show the nice flat border
that IE gives with the bordercolor attribute? TIA


I've never seen 3D borders when stating border-style:solid;


Try the HTML I originally posted. In FF (at least, in version 1.5), the
table has a border that looks to me like it's supposed to be 3D. If you
look closely, the inner and outer edges of the border are different
colours. At any rate, it isn't a simple flat line like IE shows.

Thanks for the reply. Any further help appreciated.

--
Alan Silver
(anything added below this line is nothing to do with me)
Jan 31 '06 #5
Els
Alan Silver wrote:

[border on table using css]
.flatborder {
border: 1px;
Make that border-width:1px;


Aha, that made a difference!! Thanks for spotting that.


[snip]
The only thing is that this only gives a border around the extremities
of the table. Specifying the bordercolor attribute on the <table> tag
put the border around each cell as well.

I tried adding the following three lines to the class that is used to
style each table cell...
How? You didn't add 'class="classna me"' to each and every cell? No
need :-)

..flatborder td{
border:2px solid #63B7E5;
}
Is there a way to use CSS to get IE and FF to show the nice flat border
that IE gives with the bordercolor attribute? TIA


I've never seen 3D borders when stating border-style:solid;


Try the HTML I originally posted. In FF (at least, in version 1.5), the
table has a border that looks to me like it's supposed to be 3D.


That was with faulty CSS, right? ;-)
It might well be that the default border style in FF is 'outset'
instead of 'solid'. With correctly written CSS and border-style:solid;
FF won't give that effect afaik.
Thanks for the reply. Any further help appreciated.


You're welcome :-)

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

Now playing: King Crimson - Fracture
Jan 31 '06 #6
Alan Silver <al*********@no spam.thanx.inva lid> wrote:
I didn't see any need to create a sample page and find somewhere
free to upload it just for this.


Too bad. You are not helping us to help you.

And your understanding of borders in HTML vs. CSS _is_ apparently
wrong.

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jan 31 '06 #7
>And your understanding of borders in HTML vs. CSS _is_ apparently
wrong.


That's why I came here, to be educated by those who know, and are
prepared to help. I have had help, and am now better educated. There's
still plenty I need to learn, but I am further on than I was before.

--
Alan Silver
(anything added below this line is nothing to do with me)
Jan 31 '06 #8
<snip>
I tried adding the following three lines to the class that is used to
style each table cell...


How? You didn't add 'class="classna me"' to each and every cell?


No, I already had a class on every cell to set the background colour. I
just added those lines to the one class definition.

<snip>
Try the HTML I originally posted. In FF (at least, in version 1.5), the
table has a border that looks to me like it's supposed to be 3D.


That was with faulty CSS, right? ;-)


No, that was without any CSS. The original HTML (typed from memory as I
can't be bothered checking what I really typed) looked like...

<table border="1" bordercolor="#0 00000">

Anyway, it seems to work now, except for the problem I mentioned with
the inner cell borders.

Ta ra

--
Alan Silver
(anything added below this line is nothing to do with me)
Jan 31 '06 #9
Els
Alan Silver wrote:
<snip>
I tried adding the following three lines to the class that is used to
style each table cell...
How? You didn't add 'class="classna me"' to each and every cell?


No, I already had a class on every cell to set the background colour. I
just added those lines to the one class definition.


Okay, so.. why aren't you having borders on the cells yet then?
td.class{
border:2px solid #63B7E5;
}
should just work.
<snip>
Try the HTML I originally posted. In FF (at least, in version 1.5), the
table has a border that looks to me like it's supposed to be 3D.
That was with faulty CSS, right? ;-)


No, that was without any CSS. The original HTML (typed from memory as I
can't be bothered checking what I really typed) looked like...

<table border="1" bordercolor="#0 00000">


Understood.
I've never used that type of code myself, so that would explain why I
never saw it make 3D borders in FF ;-)
Anyway, it seems to work now, except for the problem I mentioned with
the inner cell borders.


Can you show exactly what styles you used for the cells, including the
selector and class, as well as a snippet from the HTML, including
table, tr and td?

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

Now playing: King Crimson - Vrooom Vrooom
Jan 31 '06 #10

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

Similar topics

0
2453
by: |-|erc | last post by:
<?php // Get the names and values for vars sent by index.lib.php3 if (isset($HTTP_GET_VARS)) { while(list($name,$value) = each($HTTP_GET_VARS)) { $$name = $value; }; };
6
4875
by: scottyman | last post by:
I can't make this script work properly. I've gone as far as I can with it and the rest is out of my ability. I can do some html editing but I'm lost in the Java world. The script at the bottom of the html page controls the form fields that are required. It doesn't function like it's supposed to and I can leave all the fields blank and it still submits the form. Also I can't get it to transfer the file in the upload section. The file name...
4
2350
by: willers | last post by:
Hi All, I have created a web site using Frontpage2003 that I have also used to create an Access database to store info on. I am now trying to add a 'Search' facilty where it will search a database field for a match then display on a web page. So I have a webpage called "PartsSearch.asp". This has a text box that when entered calls "PartsSearchResults.asp" with the following script:-
7
2945
by: underground | last post by:
I have a problem that I've spent countless hours on and I'm more than certain this is a obviuos issue to an expert but I am still learning. I have a paging script that I have modified to display a certian amount of records per page. But when I click on the next link , no new result are displayed it keep displaying the same result. Here is a sample of the script <?php include('hdb.html'); ?> <?php // Get the search variable from URL ...
3
4303
by: blackrunner | last post by:
ERROR in my Query?! ERROR: Element GESCHLECHT is undefined in FORM. i think everything ok. Maby somebody can help me here Element GESCHLECHT is undefined in FORM. The error occurred in \anmeldung2.cfm: line 404
5
1344
by: webandwe | last post by:
Hi, I have a normal table with 3 rows. In the middle row I added antoher table with my php search script (search in the database). If you view the page the first time the 3rd row footer is gone and when you press the search button the results come up and the page display 100%. Does anyone know what might be causing this and what I should look for.
17
5823
by: malathib | last post by:
Hi, I have used a rich text editor in my application. I got it from one of the site.all are JS files. My problem is, i want to call a javascript function from the iframe. Can anybody help me in this regard
5
13357
matheussousuke
by: matheussousuke | last post by:
Hello, I'm using tiny MCE plugin on my oscommerce and it is inserting my website URL when I use insert image function in the emails. The goal is: Make it send the email with the URL http://mghospedagem.com/images/controlpanel.jpg instead of http://mghospedagem.comhttp://mghospedagem.com/images/controlpanel.jpg As u see, there's the website URL before the image URL.
4
2897
by: justice750 | last post by:
Hi All, I am using a FormView control. The allows me to update records in the database. However, when a database field is null I can not update the field on the form. It works fine when the field is not a null value. I am not using any code behind (C#) to bind the data or manipulate the data. I have read that when there is a null value in the database that there is no record in the "dataset". Can anyone show me how to bind a value in the...
0
8520
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
9057
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
8772
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8780
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
7603
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...
0
4536
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2953
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
2208
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
1941
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.