Forum Moderators: open
Is this typical behavior for Gecko, because it doesn't make sense to me?
Thanks in advance...
If you are actually coding border-style: solid; or border: 2px #f00 solid; I will be surprised.
Are you simply specifying border="2" invoking the browser's default border style? In IE apparently: "solid", in Moz apparently: "outset".
For cross-browser compatibility use CSS and set style as you wish.
Here's the thread where their wisdom saved the day. Esp. look to msg #5, therein lies the answer.
[webmasterworld.com...]
I looked over that other post and unfortunately I don't quite understand (due to my lack of knowledge of CSS). What is "nav" and what is "container" and what exactly does that code accomplish? I am confused... iamlost, I added this to the head of my file:
<style type="text/css">
{
border: solid 0px
}
</style>
It didn't fix the problem. Should I nest the td tag inside some type of style tag? Right now I am only using CSS for rollover menus that another website (http://www.webmaster-toolkit.com/css-menu-generator.shtml) creates for you. I would like to use CSS for everything and I am trying to learn as fast as possible. Here is a link to the page I am working on if it is helpful... (http://javatest.broward.edu/honors/navtest.htm) In case you look at the source, note that I did not write the Javascript and have no clue what it does :]
Thanks so much for your help, I will keep researching...
createErrorMsg, you are right about Dreamweavers hacked up code, I found in one page 7 nested font tags around two words of text... (How does that happen?) Can't do without Dreamweaver yet, though, don't know enough...
selection { rule: value; }
So, to put a border about a table tag you'd do:
table { border: values; }
where values are what you want the table to look like. You've put 0px in your example - this is probably not what you want :) So, as an example of a 1px solid black border:
table { border: 1px solid black; }
CSS should be contained in a linked CSS file, or within a <style> element contained in the <head> section (like you've put in you last post).
I replaced the code from my last post with this:
<style type="text/css">
table { border: solid 0px #FFFFFF; }
</style>
It still doesn't work...
(BTW the code above is in the header, and I also have a linked style sheet with some css for menus as I mentioned before, but that code never changes the border style to anything but solid)
"border: solid 2px #f00;" is incorrect, use "border: 2px solid #f00;"
Robin_reala: A note on terminology and syntax for CSS. A rule is:
selector[, selector]* { property: value; [property: value;]* }
Where []* means 0 or more of the contained item.
<style type="text/css">
table { border: 1px solid; }
</style>
and now Firefox displays a single pixel (thickness) black border around all tables including those that don't have one. This in addition to the existing bad borders.
Example:
Where you might now have:
<table border="1">
change to:
<table border="1" style="border-style: solid;">
or to:
<table style="border: 1px solid;">
This will allow borders only where you want/have them now but ensure the "solid" cross-browser appearance you want.
I strongly recommend that you investigate the WebmasterWorld CSS forum and do an internet search for "css tutorial". The design control you will then have available is astounding.
I am confused... iamlost
I'll second iamlost's suggestion of reading some introductory css material. It will save you a lot of headaches.
