Re: [WSG] Positioning not consistent

2009-12-11 Thread Chris F.A. Johnson
On Fri, 11 Dec 2009, Western Web Design wrote:

 Good morning all
 
 The following seems to be happening in all browsers:
 
 http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=shirts

27 errors.

If the HTML is incorrect, you cannot expect anything to be consistent.

-- 
   Chris F.A. Johnson, webmaster http://woodbine-gerrard.com
   ===
   Author:
   Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
   Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



Re: [WSG] Positioning not consistent

2009-12-11 Thread Western Web Design



If the HTML is incorrect, you cannot expect anything to be consistent.

  
Yes, I did mention in my original post that the site no longer validates 
owing to the JS for the database. As I am not familiar with php and js, 
my associate is responsible for all database work and he fits it into my 
design.  Lack of lowercase is  no doubt the main cause  of many of the 
errors. I know there is  styling in the HTML instead of it being in the 
CSS  but not sure what I can do about it as I wouldn't like to fiddle 
too much with his work.




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



[WSG] Positioning not consistent

2009-12-10 Thread Western Web Design

Good morning all

The following seems to be happening in all browsers:

http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=shirts

Compare the positioning of the Clear Selection and Next  lines on the 
above page with


http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=suits

AND

http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=vests

It appears that on pages with several  rows of images,   such as the 
vests page,  the positioning is more or less as required ie just under 
the image blocks and to the left of the navigation bars on the right.


On pages with only 1 or 2 rows of images,  it is positioned much too far 
down.


I could solve the issue by putting the data in another navigational bar 
under the images but my associate (who does the databases) prefers  to 
have it separate. I'm OK with that if we can get the positioning 
consistent ie, just under the image blocks and to the left of the nav bars.


How can I position if more consistently?  Thanks!

Kind regards

Lyn

The CSS in question is

#main .black { color: #000; font-weight: bold; text-decoration: none; 
float: left; clear: left;}


#main .black ul { list-style: none; }


I did run it through the Validator but it no longer validates because of 
all the JS.



Western Web Design
www.westernwebdesign.com.au





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

[WSG] Positioning not consistent

2009-12-10 Thread Western Web Design

Good morning all

The following seems to be happening in all browsers:

http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=shirts

Compare the positioning of the Clear Selection and Next  lines on the 
above page with


http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=suits

AND

http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=vests

It appears that on pages with several  rows of images,   such as the 
vests page,  the positioning is more or less as required ie just under 
the image blocks and to the left of the navigation bars on the right.


On pages with only 1 or 2 rows of images,  it is positioned much too far 
down.


I could solve the issue by putting the data in another navigational bar 
under the images but my associate (who does the databases) prefers  to 
have it separate. I'm OK with that if we can get the positioning 
consistent ie, just under the image blocks and to the left of the nav bars.


How can I position if more consistently?  Thanks!

Kind regards

Lyn

The CSS in question is

#main .black { color: #000; font-weight: bold; text-decoration: none; 
float: left; clear: left;}


#main .black ul { list-style: none; }


I did run it through the Validator but it no longer validates because of 
all the JS.



Western Web Design
www.westernwebdesign.com.au





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



Re: [WSG] Positioning not consistent

2009-12-10 Thread Ghodmode



On 11/12/09 14:51, Western Web Design wrote:

Good morning all

The following seems to be happening in all browsers:

http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=shirts 



Compare the positioning of the Clear Selection and Next  lines on 
the above page with


http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=suits 



AND

http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=vests 



It appears that on pages with several  rows of images,   such as the 
vests page,  the positioning is more or less as required ie just under 
the image blocks and to the left of the navigation bars on the right.


On pages with only 1 or 2 rows of images,  it is positioned much too 
far down.


I could solve the issue by putting the data in another navigational 
bar under the images but my associate (who does the databases) 
prefers  to have it separate. I'm OK with that if we can get the 
positioning consistent ie, just under the image blocks and to the left 
of the nav bars.




Hi Lyn,
I'm seeing the same thing on all three pages in the following browsers.
_Linux_
Mozilla Firefox 3.5.3
Chromium 4.0.267.0
Google Chrome 4.0.249.30

_Windows_
Mozilla Firefox 3.5.5
Google Chrome 3.0.195.33
Safari 4.0.3

The Clear Selection and Next  links appear just under the image 
blocks and to the left of the nav bars.  Next  is on the line below 
Clear Selection.



In the following browsers, all three pages render the same, but the 
Next  link is to the right of Clear Selection on the same line 
with no space in between them... Like this: Clear SelectionNext 

_Linux_
Opera 10.00 build 4585

_Windows_
Internet Explorer 8.0.6001.18702
Opera 10.10 build 1893




How can I position if more consistently?  Thanks!

Kind regards

Lyn

The CSS in question is

#main .black { color: #000; font-weight: bold; text-decoration: none; 
float: left; clear: left;}


#main .black ul { list-style: none; }


I did run it through the Validator but it no longer validates because 
of all the JS.



Western Web Design
www.westernwebdesign.com.au



--
*Ghodmode*
www.ghodmode.com http://www.ghodmode.com


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] Positioning not consistent

2009-12-10 Thread Western Web Design

Hi Ghodmode
http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=shirts 



Compare the positioning of the Clear Selection and Next  lines on 
the above page with


http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=suits 



AND

http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=vests 





Hi Lyn,
I'm seeing the same thing on all three pages in the following 
browsers.

_Linux_
Mozilla Firefox 3.5.3
Chromium 4.0.267.0
Google Chrome 4.0.249.30

_Windows_
Mozilla Firefox 3.5.5
Google Chrome 3.0.195.33
Safari 4.0.3

The Clear Selection and Next  links appear just under the image 
blocks and to the left of the nav bars.  Next  is on the line 
below Clear Selection.




As it should be :-)
In the following browsers, all three pages render the same, but the 
Next  link is to the right of Clear Selection on the same line 
with no space in between them... Like this: Clear SelectionNext 

_Linux_
Opera 10.00 build 4585

_Windows_
Internet Explorer 8.0.6001.18702
Opera 10.10 build 1893
Yes, that is what I see too.  However,  Emmanuel sees it as it should be 
in IE7.  My associate and I are using IE8  (as you are!) which may 
account for it.  Will need to do a complete browser check.


Thanks for checking.





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*** 




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***



Re: [WSG] Positioning not consistent

2009-12-10 Thread Ghodmode
Try putting in Microsoft's compatibility meta tag and see how it changes 
your results :


| meta http-equiv=X-UA-Compatible content=IE=8/|

There are different options for the content field and you may be able to 
play with that to get consistent results across MS browser versions.


The tag is discussed in this article: 
http://blogs.msdn.com/mikeormond/archive/2008/09/25/ie-8-compatibility-meta-tags-http-headers-user-agent-strings-etc-etc.aspx


--
*Vince Aggrippino*
a.k.a. Ghodmode
www.ghodmode.com http://www.ghodmode.com


On 11/12/09 18:09, Western Web Design wrote:

Hi Ghodmode
http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=shirts 



Compare the positioning of the Clear Selection and Next  lines on 
the above page with


http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=suits 



AND

http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hirestage=vests 





Hi Lyn,
I'm seeing the same thing on all three pages in the following 
browsers.

_Linux_
Mozilla Firefox 3.5.3
Chromium 4.0.267.0
Google Chrome 4.0.249.30

_Windows_
Mozilla Firefox 3.5.5
Google Chrome 3.0.195.33
Safari 4.0.3

The Clear Selection and Next  links appear just under the image 
blocks and to the left of the nav bars.  Next  is on the line 
below Clear Selection.




As it should be :-)
In the following browsers, all three pages render the same, but the 
Next  link is to the right of Clear Selection on the same line 
with no space in between them... Like this: Clear SelectionNext 

_Linux_
Opera 10.00 build 4585

_Windows_
Internet Explorer 8.0.6001.18702
Opera 10.10 build 1893
Yes, that is what I see too.  However,  Emmanuel sees it as it should 
be in IE7.  My associate and I are using IE8  (as you are!) which may 
account for it.  Will need to do a complete browser check.


Thanks for checking.





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*** 




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re:[WSG] Positioning not consistent

2009-12-10 Thread Western Web Design

Hi Vince
Try putting in Microsoft's compatibility meta tag and see how it 
changes your results :


|meta http-equiv=X-UA-Compatible content=IE=8/|
Yes, that's exactly what we've done, now we realise it was only IE8 that 
showed the problem!

Thanks for the help!

Lyn



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***