Avatar for Username

Αναζήτηση στην υποστήριξη

Προσοχή στις απάτες! Δεν θα σας ζητήσουμε ποτέ να καλέσετε ή να στείλετε μήνυμα σε κάποιον αριθμό τηλεφώνου ή να μοιραστείτε προσωπικά δεδομένα. Αναφέρετε τυχόν ύποπτη δραστηριότητα μέσω της επιλογής «Αναφορά κατάχρησης».

Μάθετε περισσότερα

Αυτό το νήμα αρχειοθετήθηκε. Παρακαλούμε κάντε νέα ερώτηση αν χρειάζεστε βοήθεια.

Black table borders showing as grey

  • 3 απαντήσεις
  • 2 έχουν αυτό το πρόβλημα
  • 6 προβολές
  • Τελευταία απάντηση από cor-el

TimothyV
TimothyV
more options

When coding explicit black borders within a table that contains white text the borders are appearing grey instead of black.

When coding explicit black borders within a table that contains white text the borders are appearing grey instead of black.

Όλες οι απαντήσεις (3)

Vlad Maniac
Vlad Maniac
more options

Hi,

Usually people don't respond to a question with another one :), but here I must say - Can you please attach a code snippet to demonstrate your issue? Code related problems can be interpreted much easier if having code along side.

Thanks!

TimothyV
TimothyV Ιδιοκτήτης ερώτησης
more options

Thanks for your speedy reply. Sure thing. Here it is:

  1. Fore color must be white
  2. Border color must be black
  3. Background color must be #93BEE2
  4. Chrome: perfect - no issues
  5. IE: border color between 2 columns is grey not black
  6. FF: border colors are all grey not black

style="border-color:Black;border-width:1px;border-style:solid;font-family:Verdana;font-size:8pt;border-collapse:collapse;"> <tr style="color:White;background-color:#93BEE2;border-color:Black;border-width:1px;border-style:Solid;font-weight:normal;"> <th scope="col" style="width:140px;">col1</th> <th scope="col" style="width:140px;">col2</th> </tr>

Any assistance would be appreciated.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

There is a code example in the system details list.

You get the gray border colors because there is no DOCTYPE and Firefox is using quirk mode.

See:

  • resource://gre-resources/quirk.css 
table, td, th, tr, thead, tbody, tfoot, colgroup, col {
  border-color: gray;
}

To get the borders of the TH elements in black you need to apply the CSS settings to the TH elements or otherwise they are inherited from the text color (white).
It is easier and less problems with maintaining if you use a stylesheet to apply the CSS rules instead of embedding the style rules in each element. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html>