12 replies [Last post]
newdude
newdude's picture
Offline
Enthusiast
Last seen: 5 years 32 weeks ago
Timezone: GMT-5
Joined: 2008-11-29
Posts: 187
Points: 285

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!

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 6 years 47 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

start

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 3 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

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.

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

newdude
newdude's picture
Offline
Enthusiast
Last seen: 5 years 32 weeks ago
Timezone: GMT-5
Joined: 2008-11-29
Posts: 187
Points: 285

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. Puzzled

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 6 years 47 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

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.

newdude
newdude's picture
Offline
Enthusiast
Last seen: 5 years 32 weeks ago
Timezone: GMT-5
Joined: 2008-11-29
Posts: 187
Points: 285

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?????

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 15 weeks 17 hours ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

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).

Verschwindende wrote:
  • CSS doesn't make pies

newdude
newdude's picture
Offline
Enthusiast
Last seen: 5 years 32 weeks ago
Timezone: GMT-5
Joined: 2008-11-29
Posts: 187
Points: 285

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">&nbsp;</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">&nbsp;</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 &#8211; 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 &#8211; 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">&nbsp;</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">&nbsp;</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 &#8211; 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 &#8211; 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">&nbsp;</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">&nbsp;</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 &#8211; 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 &#8211; 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">&nbsp;</td>
	</tr>
	</tbody>
	</table></li>

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 15 weeks 17 hours ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Have you rectified the 52

Have you rectified the 52 errors?

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

newdude
newdude's picture
Offline
Enthusiast
Last seen: 5 years 32 weeks ago
Timezone: GMT-5
Joined: 2008-11-29
Posts: 187
Points: 285

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.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

newdude
newdude's picture
Offline
Enthusiast
Last seen: 5 years 32 weeks ago
Timezone: GMT-5
Joined: 2008-11-29
Posts: 187
Points: 285

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?