darossa Posted June 13, 2009 Share Posted June 13, 2009 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:While on Firefox it's ugly, with some weaker or stronger parts:Why?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 More sharing options...
chibineku Posted June 13, 2009 Share Posted June 13, 2009 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 More sharing options...
Synook Posted June 14, 2009 Share Posted June 14, 2009 Also, try using border-collapse:collapse; on the table. Link to comment Share on other sites More sharing options...
darossa Posted June 15, 2009 Author Share Posted June 15, 2009 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;} Link to comment Share on other sites More sharing options...
thescientist Posted June 15, 2009 Share Posted June 15, 2009 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 More sharing options...
darossa Posted June 16, 2009 Author Share Posted June 16, 2009 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? Link to comment Share on other sites More sharing options...
thescientist Posted June 16, 2009 Share Posted June 16, 2009 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 More sharing options...
darossa Posted June 16, 2009 Author Share Posted June 16, 2009 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 More sharing options...
Guest FirefoxRocks Posted June 22, 2009 Share Posted June 22, 2009 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 More sharing options...
darossa Posted June 22, 2009 Author Share Posted June 22, 2009 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! Link to comment Share on other sites More sharing options...
thescientist Posted June 22, 2009 Share Posted June 22, 2009 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 More sharing options...
miocene Posted June 22, 2009 Share Posted June 22, 2009 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 More sharing options...
darossa Posted June 22, 2009 Author Share Posted June 22, 2009 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 More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.