Re: [css-d] Strange display in Safari
Hello, I reduced the number of errors to 9: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fklikerlab.pl%2F and now I have some questions. First, what is a column in this report? Like: *Line 170, Column 4*. I found somewhere that it refers to the database, is that correct? Or does it refer to layout? Second: end tag for element p which is not open. This is about the excerpt, I couldn't find such tag in my html, but the excerpts are created by a plugin and maybe it has some wrong html code. Anyway, I can't find this element in page source. And this: XML Parsing Error: Opening and ending tag mismatch: div line 181 and p. What does it mean? Again, this error seems to be located in the excerpt code and I can't find it in page source... And now Firefox displays different colors for some links (excerpt titles and some tags from tag cloud), and there is too much padding on the top of two banners (which are to the right from the article). Safari and Opera display these things like before. Thanks in advance, Ania __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Strange display in Safari
Second: end tag for element p which is not open. This is about the excerpt, I couldn't find such tag in my html, but the excerpts are created by a plugin and maybe it has some wrong html code. Anyway, I can't find this element in page source. I believe you have a structure issue. Before actually dealing with CSS, my advice is to grab your html final code, eyes wide open, and try to organize the page with some indentation (I believe we called like this). Something like: div p /p /div With this, you will be able to properly see which /p tag you should remove. After copy-paste your code onto an editor, I was able to see some not closed /p tags on your code. (line 183). My editor also doesn't properly highlight the end /p tags on lines 131 and above, and this, normally means an issue. Maybe your problems started there ? Again, try to edit your code in the way posted above and you will save a lot of headshakes. Before that, I believe we cannot logically deal with CSS, so I've been told. Regards, Márcio __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Strange display in Safari
My editor also doesn't properly highlight the end /p tags on lines 131 and above, and this, normally means an issue. Maybe your problems started there ? Forget about this. It's a editor limitation, not an issue on your code. Please ignore it. Keep only the structure advice if you will. Again, Márcio __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Strange display in Safari
Please have a look here, and see if it's ok for you: http://www.help.nuvemk.com/andzia_teste.html Here is the validation result: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.help.nuvemk.com %2Fandzia_teste.html However, please note that the css validation as some issues: http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri=htt p%3A%2F%2Fwww.help.nuvemk.com%2Fandzia_teste.html Sorry for all this posts, Regards, Márcio __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Strange display in Safari
I think, but am not certain, that Column can be read as Character. So, it sound like it is drawing your attention to the fourth character, near the beginning of the line. Bill Andzia wrote: Hello, I reduced the number of errors to 9: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fklikerlab.pl%2F and now I have some questions. First, what is a column in this report? Like: *Line 170, Column 4*. I found somewhere that it refers to the database, is that correct? Or does it refer to layout? __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Strange display in Safari
Andzia wrote: Hello, I reduced the number of errors to 9: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fklikerlab.pl%2F and now I have some questions. First, what is a column in this report? Like: *Line 170, Column 4*. I found somewhere that it refers to the database, is that correct? Or does it refer to layout? Second: end tag for element p which is not open. This is about the excerpt, I couldn't find such tag in my html, but the excerpts are created by a plugin and maybe it has some wrong html code. Anyway, I can't find this element in page source. And this: XML Parsing Error: Opening and ending tag mismatch: div line 181 and p. What does it mean? Again, this error seems to be located in the excerpt code and I can't find it in page source... And now Firefox displays different colors for some links (excerpt titles and some tags from tag cloud), and there is too much padding on the top of two banners (which are to the right from the article). Safari and Opera display these things like before. Thanks in advance, Ania Browsers do strange this in the process of HTML error recovery. The column number is referring to the characters on each line. ie. 1234 1234 The forth column has . Line 170 and 183 has this closing tag. Delete them. /p Line 348 has this. h2darr;/h Change to this. h2darr;/h2 You can view the line and column quite simply by viewing the source in Firefox and looking at the bottom left corner of that window. -- Alan http://css-class.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Strange display in Safari
Andzia wrote: Hello, I reduced the number of errors to 9: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fklikerlab.pl%2F and now I have some questions. First, what is a column in this report? Like: *Line 170, Column 4*. I found somewhere that it refers to the database, is that correct? Or does it refer to layout? Location in your HTML file. Line #170, then the 4th column - the 4th character on that line. -- David gn...@hawaii.rr.com authenticity, honesty, community __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Strange display in Safari
Thanks everyone, now errors are 6 so at least there is some progress: http://validator.w3.org/check?uri=http%3A%2F%2Fklikerlab.pl%2Fcharset=%28detect+automatically%29doctype=Inlinegroup=0 I found where are the p tags (**end tag for element p which is not open). In page source it looks like this: p class=malytyt a href=http://klikerlab.pl/2009/12/13/targetowanie-i-kilka-nowosci/;Targetowanie i kilka nowości/a /p /p So indeed, too many end tags... but the code that generates it, looks like this: div id=sidebar class=aside ?php query_posts('showposts=8orderby=date'); ? ?php if (have_posts()) : while (have_posts()) : the_post(); ? div class=navpudelko p class=malytyta href=?php the_permalink() ??php the_title() ?/a/p ?php $excerpt = strip_tags(the_advanced_excerpt('length=20no_custom=1')); echo $excerpt; ? !--end navpudelko--/div ?php endwhile; endif; ? !--END #secondary .aside-- /div and here p tags look ok... so I don't know what to change. As for divs, I tried adding or removing them but it just created more errors. Still the excerpt titles are blue in Firefox, while I wanted them to be brown like in Safari ;) and the shadow around two banners looks too large in Firefox. And I can't find newer archives from css-d, here the latest is from September: http://archivist.incutio.com/viewlist/css-discuss/ Thanks again! Ania __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Strange display in Safari
Andzia wrote: Thanks everyone, now errors are 6 so at least there is some progress: http://validator.w3.org/check?uri=http%3A%2F%2Fklikerlab.pl%2Fcharset=%28detect+automatically%29doctype=Inlinegroup=0 I found where are the p tags (**end tag for element p which is not open). We're a little off-topic here as these are markup rather than CSS issues; but, nevertheless the extra /p may be generated by your WP php script. Try a test post with no opening or closing p tag. If that does not resolve it, you may want to post your question regarding that to the WP support forum and ask their advice. As for divs, I tried adding or removing them but it just created more errors. It is often a painfully slow, laborious, and frustrating process to get the divisions to open and close in their correct order. The number of open divisions must equal the number that close; and, they must do so in the correct order. No need to take a coil of rope to the woods. Coffee helps. Thanks again! Ania Best, ~d __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] equal height columns - strickes again - no faux column allowed (I suppose)
Hello all, Please have a look on the orange boxes here: http://www.chequedejeuner.nuvemk.com/educainfantil.html I have overflow:hidden; on the container(wrapper). I have set the margins and padding to big opposite values. Still, the equal heights don't appear among orange boxes. Each orange box as a right border that should be preserved, and this was the reason why this technique was preferred. Can I please ask your help in order to allow equal height among those orange boxes? Thanks a lot, Márcio __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] equal height columns - strickes again - no faux column allowed (I suppose)
Please have a look on the orange boxes here: http://www.chequedejeuner.nuvemk.com/educainfantil.html I have overflow:hidden; on the container(wrapper). I have set the margins and padding to big opposite values. Still, the equal heights don't appear among orange boxes. Each orange box as a right border that should be preserved, and this was the reason why this technique was preferred. Can I please ask your help in order to allow equal height among those orange boxes? You could try something like: #conteudoPrimeiraColunaProdutoHome, #conteudoSegundaColunaProdutoHome, #conteudoTerceiraColunaProdutoHome { min-height:7em; _height:7em; } -- Regards, Thierry | www.tjkdesign.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 not displaying header (background OR content)
I am having trouble with IE6 not displaying the entire header of my design. The header only contains a div for the upper navigation which is positioned absolutely and I am using a background image which contains my logo. The entire page is displaying perfectly in Firefox but IE is completely cutting off the header AND the upper nav. I've tried the usual fixes for getting IE6 to display the background, making sure it has position:relative and that it has a height, and I also tried variations of including text of some sort which I tried hiding with various means, but nothing seems to help. Html and css are validating. page is here - http://www.wonderbabydesigns.com/testing/pinwheel_layout.htm css found here - http://www.wonderbabydesigns.com/testing/pinwheel_layout.css I have not tested this in all the usual browsers, only IE6 and FF3.5.5 so if anyone notices something horrible in another version of IE, Firefox, Safari, etc, please let me know. Thank you in advance for any suggestions. Robin~ www.wonderbabydesigns.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/