someone reported to me that the calendar on the left side of www.goldcoastchamber.com is getting bumped over to the middle of the page when viewed on a Mac, in Firefox version 2.0.0.2.0.
i'm having trouble reproducing this, even with the screenshot tools at Browsershots.org.
any idea how to fix? please advise. thanks!
If someone is still using
If someone is still using version 2.0 then they have other issues.
Mac Firefox is currently on 3.6 that I know of.
thanks but i've been trying
thanks but i've been trying to sort out all the validation errors for months now and i'm at a loss as far as how to clean up the remainder of the errors.
we cant help unless we see
we cant help unless we see the errors you're having trouble with. If you're having problems solving the current 52, just read what it says caused the error to begin with. it tells you right there how to correct most of them.
well it seems all these
well it seems all these errors are being caused by the widgets in my left sidebar. the only code that i see that i can edit is from here in my header file:
<div id="leftside"> <?php if ( function_exists('dynamic_sidebar') ) { ?> <ul> <?php dynamic_sidebar('Main Sidebar') ?> </ul> <?php } else { ?> <ul class="page"> <?php if (is_page()) { $highlight = "page_item"; } else {$highlight = "page_item current_page_item"; } ?> <li class="<?php echo $highlight; ?>"><a href="<?php bloginfo('url'); ?>">Home</a></li> <?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?> </ul> <?php } ?> </div>
but that doesnt make clear to me how i clean up those errors that are spit out in the source code?????
Show us what output for that
Show us what output for that section looks like, the validator doesn't read source code it reads output.
Most of your errors are to do with using attributes that your doctype won't allow (eg target=), forgetting to end tags (like your span tags) or using elements nested incorrectly (eg H2s inside list-items).
is this what you're looking
is this what you're looking for???
<li id="text-5" class="widget widget_text"><h2> Upcoming Event Dates</h2> <div class="textwidget"></div> </li><li id="future-posts" class="widget widget_fut_posts"><h2></h2><table class="wp-calendar"> <caption><em>March 2010</em></caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tbody> <tr><td><span >1</span></td><td><span >2</span></td><td><span >3</span></td><td><span >4</span></td><td><span >5</span></td><td><span >6</span></td><td><span >7</span></td> </tr> <tr> <td><span >8</span></td><td><span >9</span></td><td><span >10</span></td><td><span >11</span></td><td><span >12</span></td><td><span >13</span></td><td><span >14</span></td> </tr> <tr> <td><span >15</span></td><td><span >16</span></td><td><span >17</span></td><td><span >18</span></td><td><span >19</span></td><td><span >20</span></td><td><span >21</span></td> </tr> <tr> <td><span >22</span></td><td><span >23</span></td><td><span >24</span></td><td><span >25</span></td><td style="font-weight:bold;"><span >26</span></td><td><span >27</span></td><td><span >28</span></td> </tr> <tr> <td><span >29</span></td><td><span >30</span></td><td><span >31</span></td> <td class="pad" colspan="4"> </td> </tr> </tbody> </table><table class="wp-calendar"> <caption><em>April 2010</em></caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tbody> <tr> <td colspan="3" class="pad"> </td><td><span onclick="fcal_set_date(1,3,2010)" >1</span></td><td><span onclick="fcal_set_date(2,3,2010)" >2</span></td><td><span onclick="fcal_set_date(3,3,2010)" >3</span></td><td><span onclick="fcal_set_date(4,3,2010)" >4</span></td> </tr> <tr> <td><span onclick="fcal_set_date(5,3,2010)" >5</span></td><td><span style="background-color:#286EA0;" title="calendar placeholder – 4/6/10 onclick="fcal_set_date(6,3,2010)"" >6</td><td><span onclick="fcal_set_date(7,3,2010)" >7</span></td><td><span onclick="fcal_set_date(8,3,2010)" >8</span></td><td><span onclick="fcal_set_date(9,3,2010)" >9</span></td><td><span onclick="fcal_set_date(10,3,2010)" >10</span></td><td><span onclick="fcal_set_date(11,3,2010)" >11</span></td> </tr> <tr> <td><span onclick="fcal_set_date(12,3,2010)" >12</span></td><td><span onclick="fcal_set_date(13,3,2010)" >13</span></td><td><span onclick="fcal_set_date(14,3,2010)" >14</span></td><td><span onclick="fcal_set_date(15,3,2010)" >15</span></td><td><span onclick="fcal_set_date(16,3,2010)" >16</span></td><td><span onclick="fcal_set_date(17,3,2010)" >17</span></td><td><span onclick="fcal_set_date(18,3,2010)" >18</span></td> </tr> <tr> <td><span onclick="fcal_set_date(19,3,2010)" >19</span></td><td><span onclick="fcal_set_date(20,3,2010)" >20</span></td><td><span onclick="fcal_set_date(21,3,2010)" >21</span></td><td><span onclick="fcal_set_date(22,3,2010)" >22</span></td><td><span onclick="fcal_set_date(23,3,2010)" >23</span></td><td><span onclick="fcal_set_date(24,3,2010)" >24</span></td><td><span onclick="fcal_set_date(25,3,2010)" >25</span></td> </tr> <tr> <td><span onclick="fcal_set_date(26,3,2010)" >26</span></td><td><span onclick="fcal_set_date(27,3,2010)" >27</span></td><td><span style="background-color:#286EA0;" title="calendar placeholder – 4/28/10 onclick="fcal_set_date(28,3,2010)"" >28</td><td><span onclick="fcal_set_date(29,3,2010)" >29</span></td><td><span onclick="fcal_set_date(30,3,2010)" >30</span></td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table><table class="wp-calendar"> <caption><em>May 2010</em></caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tbody> <tr> <td colspan="5" class="pad"> </td><td><span onclick="fcal_set_date(1,4,2010)" >1</span></td><td><span onclick="fcal_set_date(2,4,2010)" >2</span></td> </tr> <tr> <td><span onclick="fcal_set_date(3,4,2010)" >3</span></td><td><span onclick="fcal_set_date(4,4,2010)" >4</span></td><td><span onclick="fcal_set_date(5,4,2010)" >5</span></td><td><span onclick="fcal_set_date(6,4,2010)" >6</span></td><td><span onclick="fcal_set_date(7,4,2010)" >7</span></td><td><span onclick="fcal_set_date(8,4,2010)" >8</span></td><td><span onclick="fcal_set_date(9,4,2010)" >9</span></td> </tr> <tr> <td><span onclick="fcal_set_date(10,4,2010)" >10</span></td><td><span style="background-color:#286EA0;" title="calendar placeholder – 5/11/10 onclick="fcal_set_date(11,4,2010)"" >11</td><td><span onclick="fcal_set_date(12,4,2010)" >12</span></td><td><span onclick="fcal_set_date(13,4,2010)" >13</span></td><td><span onclick="fcal_set_date(14,4,2010)" >14</span></td><td><span onclick="fcal_set_date(15,4,2010)" >15</span></td><td><span onclick="fcal_set_date(16,4,2010)" >16</span></td> </tr> <tr> <td><span onclick="fcal_set_date(17,4,2010)" >17</span></td><td><span onclick="fcal_set_date(18,4,2010)" >18</span></td><td><span onclick="fcal_set_date(19,4,2010)" >19</span></td><td><span onclick="fcal_set_date(20,4,2010)" >20</span></td><td><span onclick="fcal_set_date(21,4,2010)" >21</span></td><td><span onclick="fcal_set_date(22,4,2010)" >22</span></td><td><span onclick="fcal_set_date(23,4,2010)" >23</span></td> </tr> <tr> <td><span onclick="fcal_set_date(24,4,2010)" >24</span></td><td><span onclick="fcal_set_date(25,4,2010)" >25</span></td><td><span style="background-color:#286EA0;" title="calendar placeholder – 5/26/10 onclick="fcal_set_date(26,4,2010)"" >26</td><td><span onclick="fcal_set_date(27,4,2010)" >27</span></td><td><span onclick="fcal_set_date(28,4,2010)" >28</span></td><td><span onclick="fcal_set_date(29,4,2010)" >29</span></td><td><span onclick="fcal_set_date(30,4,2010)" >30</span></td> </tr> <tr> <td><span onclick="fcal_set_date(31,4,2010)" >31</span></td> <td class="pad" colspan="6"> </td> </tr> </tbody> </table><table class="wp-calendar"> <caption><em>June 2010</em></caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tbody> <tr> <td colspan="1" class="pad"> </td><td><span onclick="fcal_set_date(1,5,2010)" >1</span></td><td><span onclick="fcal_set_date(2,5,2010)" >2</span></td><td><span onclick="fcal_set_date(3,5,2010)" >3</span></td><td><span onclick="fcal_set_date(4,5,2010)" >4</span></td><td><span onclick="fcal_set_date(5,5,2010)" >5</span></td><td><span onclick="fcal_set_date(6,5,2010)" >6</span></td> </tr> <tr> <td><span onclick="fcal_set_date(7,5,2010)" >7</span></td><td><span style="background-color:#286EA0;" title="calendar placeholder – 6/8/10 onclick="fcal_set_date(8,5,2010)"" >8</td><td><span onclick="fcal_set_date(9,5,2010)" >9</span></td><td><span onclick="fcal_set_date(10,5,2010)" >10</span></td><td><span onclick="fcal_set_date(11,5,2010)" >11</span></td><td><span onclick="fcal_set_date(12,5,2010)" >12</span></td><td><span onclick="fcal_set_date(13,5,2010)" >13</span></td> </tr> <tr> <td><span onclick="fcal_set_date(14,5,2010)" >14</span></td><td><span onclick="fcal_set_date(15,5,2010)" >15</span></td><td><span onclick="fcal_set_date(16,5,2010)" >16</span></td><td><span onclick="fcal_set_date(17,5,2010)" >17</span></td><td><span onclick="fcal_set_date(18,5,2010)" >18</span></td><td><span onclick="fcal_set_date(19,5,2010)" >19</span></td><td><span onclick="fcal_set_date(20,5,2010)" >20</span></td> </tr> <tr> <td><span onclick="fcal_set_date(21,5,2010)" >21</span></td><td><span onclick="fcal_set_date(22,5,2010)" >22</span></td><td><span style="background-color:#286EA0;" title="calendar placeholder – 6/23/10 onclick="fcal_set_date(23,5,2010)"" >23</td><td><span onclick="fcal_set_date(24,5,2010)" >24</span></td><td><span onclick="fcal_set_date(25,5,2010)" >25</span></td><td><span onclick="fcal_set_date(26,5,2010)" >26</span></td><td><span onclick="fcal_set_date(27,5,2010)" >27</span></td> </tr> <tr> <td><span onclick="fcal_set_date(28,5,2010)" >28</span></td><td><span onclick="fcal_set_date(29,5,2010)" >29</span></td><td><span onclick="fcal_set_date(30,5,2010)" >30</span></td> <td class="pad" colspan="4"> </td> </tr> </tbody> </table></li>
Have you rectified the 52
Have you rectified the 52 errors?
Newdude your are going to
Newdude your are going to have to get a handle on gow the templating works in Wordpress.
This:
<?php if ( function_exists('dynamic_sidebar') ) { ?> <ul> <?php dynamic_sidebar('Main Sidebar') ?> </ul>
Says if the dynamic sidebar exists output it else go on and render the other bit below, this is a widigitsed area and 'Main Sidebar' should feature in your dashboard as a column that you can drag widgets to, generally widgits are written to allow a title to be added and that generates as a heading tag after that they will render the markup their author has seen fit to write. As a rule you would never get valid output adding a dynamic sidebar within UL tags as you simply can't forsee what widgets are going to be added to 'Main Sidebar' The UL tags should not be wrapping the dynamic sidebar call.
hugo...so i think what you're
hugo...so i think what you're saying is i need to add titles to the widgets? i have a tendency not to because of alignment issues. But if that's the solution, i'll go for it.
but if i'm misunderstanding, please confirm. thanks.
The issue is that you can not
The issue is that you can not know - technically speaking - what widget might be dragged to that dynamic sidebar and what that widget is going to produce as markup, although generally they all will allow for a title text to be added and it's that which will output as a heading and before any other markup they write, so the issue is that you can't wrap the dynamic call for that sidebar in markup at least not in markup that requires a strict child element order; you could safely wrap it in a div as that can contain anything but a UL must have a LI as it's direct child not the heading tags that may be generated by the widget.
well since the alignment
well since the alignment issue starts with the calendar widget, why wouldnt we know for sure that that's the widget that has the issue? and once i know that (assuming my assumption is correct), how do i go about fixing?