Jump to content

Ugly @ Firefox, Correct @ Ie And Chrome


darossa
 Share

Recommended Posts

I don't understand, but my page with tables appear uglier in Firefox. Why? Let me show you. On Google Chrome, the table delimiting lines/bars show up perfectly:25k7m2w.jpgWhile on Firefox it's ugly, with some weaker or stronger parts:34rhv6e.jpgWhy?I made this page in a WYSIWYG editor: NVU/Kompozer. Please take a look at it directly @ notasdeaula.orgIs it something about the headers or doctype declaration?Thanks in advance.

Link to comment
Share on other sites

Browsers have their own default ways of displaying stuff, and you can change these defaults. The real problem is that someone could set their browser default styles to make your table borders any colour they like. Imagine: pink uprights, green horizontals? Ugh.You can set a new default for that page by going into code view and in between the <style></style> tags at the top adding: td {border: 2px solid black;}That should make it look like the first pic, regardless of browser. It's worth learning CSS so that you can get away from using WYSIWYG editors. They create a lot of extra bumf that you just don't need and it makes the code really messy. It's also less work once you know what you're doing with HTML and CSS, than struggling to get an editor to do exactly what you want.

Link to comment
Share on other sites

Thanks! I put the

td {border: 2px solid black;}

... but replacing the 2px for 1px. That appears to be enough so far. So thanks Snyook anyway.

It's worth learning CSS so that you can get away from using WYSIWYG editors. They create a lot of extra bumf that you just don't need and it makes the code really messy. It's also less work once you know what you're doing with HTML and CSS, than struggling to get an editor to do exactly what you want.
I use CSS, I know it's a charming thing! But I need the WYSIWYG because I have to do all this stuff alone, and it make things easier. I know a little of the HTML so the added bloat-code I know what means, in general. Actually, to get things even faster, what I really need, is to have a CLEAN way to get the HTML to be produced out of the MS Word Document directly, without the WYSIWYG NVU. How can I set Word to:1- not add it's own crapcode to a document saved in .html2- follow my template:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head>  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">  <title></title><link href="notas.css" type="text/css" rel="stylesheet"></head><body><h1>Episódiosde Hoje</h1><h2>quinta-feira, 20 de março de 2008</h2><h3>Matéria de hoje</h3><br><br><div style="text-align: right;"><a href="http://notasdeaula.org"><span style="text-decoration: underline;"><img style="border: 0px solid; width: 18px; height: 18px;" alt="" src="favicon.jpg"></span></a><br></div></body></html>

?Thanks!Edit: by the way, my CSS, which is applied to the internal pages of the site (those ones accessed via the links in the main table)

h1 {	color: rgb(91,46,0);	background-color: transparent;	font-family: "times new roman", verdana;	font-weight: normal;	text-align: center; }h2 {	color: rgb(91,46,0);	border-color: rgb(91,46,0);	font-family: "times new roman", verdana;	font-weight: normal;	text-align: center; }h3 {	color: rgb(0,0,0);	font-family: georgia, verdana;	font-weight: bold;	text-align: center; }body {	font-family: georgia, verdana;	font-size: 1.0em;	color: black;	background-image: url(blog_fundo.jpg); }table {	width: 80%;	table-layout: fixed;}a {	color: rgb(153, 51, 0);	text-decoration: underline;}a:link {	color: rgb(153, 51, 0);	text-decoration: underline;}a:active  {	color: rgb(221, 183, 34);	text-decoration: underline;}a:hover {	color: rgb(221, 110, 0);	text-decoration: underline;}a:focus {	color: rgb(91, 46, 0);	text-decoration: underline;}table {	width: 80%;	text-align: justify;	border: 1pt solid black;	table-layout: fixed;	table-align: center;	font-family: arial, verdana;	font-size: 0.8em;	padding: 0px 5px;	margin-left: auto; 	margin-right: auto;}td	{	border: 0 	text-align: left;}

Edited by Da Rossa
Link to comment
Share on other sites

Actually, to get things even faster, what I really need, is to have a CLEAN way to get the HTML to be produced out of the MS Word Document directly, without the WYSIWYG NVU. How can I set Word to:1- not add it's own crapcode to a document saved in .html2- follow my template:
that's really the whole point of learning it though...so you get exactly what you want.
Link to comment
Share on other sites

that's really the whole point of learning it though...so you get exactly what you want.
Yeah, I learnt some of the things already. But the work must focus on the content, because the layout takes time. That's why I just wanted ms word to do it. Is there any how? Edited by Da Rossa
Link to comment
Share on other sites

well, seeing as Word is a word processor I wouldn't go holding my breath waiting for it to make you clean, standards compliant web pages. It'll make you something, who knows how it will come out, maybe you get lucky, maybe you don't. The only sure fire way, as I stated before and I'm sure others would agree, is to bite the bullet and make it yourself. CSS templates are all over the net though, just google seach it. I'll even give you the first one for free. :)

Link to comment
Share on other sites

But the widely available CSS templates will take out the originality of my layout; even if I modify some little things. As of Word, I know that Microsoft has a long history of non-compliance to the standards, but I write my class notes @ Word and then I have to transfer to a WYSIWYG editor, which is one more step, and I need time.Somebody please tell me how to do it because I imagine it's possible.... :)

Link to comment
Share on other sites

Guest FirefoxRocks
well, seeing as Word is a word processor I wouldn't go holding my breath waiting for it to make you clean, standards compliant web pages. It'll make you something, who knows how it will come out, maybe you get lucky, maybe you don't. The only sure fire way, as I stated before and I'm sure others would agree, is to bite the bullet and make it yourself. CSS templates are all over the net though, just google seach it. I'll even give you the first one for free. :)
File > Save As > Web Page, filtered (HTML)It is completely standards compliant but it is MUCH cleaner than Save As Web page (HTML).
Link to comment
Share on other sites

File > Save As > Web Page, filtered (HTML)It is completely standards compliant but it is MUCH cleaner than Save As Web page (HTML).
pwned. :)
Link to comment
Share on other sites

Thanks, this is much better! Didn't even know about the filtered! But... I still can't fit in my template... is there a way to do that!
You could use php to load a header and footer html file for each page so all you need to add to your pages is the short php code and page content.try here for instructions.I use MS expression web purely for the fact you can make a .dwt web template for the page layout and attach it to all your pages. When you edit the .dwt it changes all your web pages automatically.
Link to comment
Share on other sites

Hmmm that's really amazing! Since 2003, when I played with some phpbb forums that I wanted to learn PHP. The problem is that I can't learn in a satisfactory time... And html is, as far as I know, essentially simple for my task; I just have to find a way to accelerate the prodution process.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...