Re: [WSG] Positioning not consistent
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
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
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
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
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 ***
Re: [WSG] IE6 display issue
Kepler Gelotte wrote:
In IE6, although the image fades and replaces etc, the #header is
enlarged to accommodate all 4 images though three remain hidden.
Hi,
I suspect that the javascript is executing before the page has fully loaded
so the images are not able to be stacked by the javascript function. To
make sure your page has fully loaded try using the document.ready function
of jquery:
SCRIPT type=text/javascript
$(document).ready(function() {
$('#pics').cycle({
fx:'fade',
speed: 2500,
timeout: 5500,
random: 1,
pause: 1
});
});
/SCRIPT
If that still doesn't work, try moving the javascript after the /body.
Have tried both to no avail. You sound like you are on the right track,
though. Thanks!
--
Lyn Smith
www.westernwebdesign.com.au
Affordable website design Perth WA
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] IE6 display issue
. In order to be able to read the site, I have the font-size larger than you have allowed for. But, as I mentioned, the problem is not just that, but the fact that you have your credits where the third footerbox should be, so the box is pushed down. Yes, I see the problem now. (At last!) Will work on it. Thanks for the help. Much appreciated! -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [Spam] :Re: [WSG] IE6 display issue
Hi James It looks like a JS bug. There's two easy things you could try. 1. Just put overflow: hidden; on the #pics div. Brilliant! That's all it took! Thanks to all who replied with suggestions. Kind regards Lyn -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] IE6 display issue
Good morning all http://www.westernwebdesign.com.au/keynorthcontractors/index.html #header has a background image (logo) and an image floated right that with the help of Javascript fades and replaces itself with another 4 times and so on. Works OK except for IE6. In IE6, although the image fades and replaces etc, the #header is enlarged to accommodate all 4 images though three remain hidden. If I refresh the page a few times, it displays as it should, although temporarily. If I refresh again, it reverts to the large header space. It is a bit like the peek-a-boo bug but I have tried all solutions to that to no avail. Does anyone see a problem with my code? Is it perhaps the Javascript? Thanks. -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
HiChris http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: http://cfaj.freeshell.org/testing/keynorth.jpg. I am not seeing that at all - where are you seeing it? 3 boxes @ 250px wide should fit in a 900px wide footer, shouldn't they? Even with padding I changed the original liquid design to a fixed width one as I was getting a lot of problems like that so I don't understand how it is happening. Thanks Lyn -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
Chris F.A. Johnson wrote: On Fri, 9 Oct 2009, Western Web Design wrote: http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: http://cfaj.freeshell.org/testing/keynorth.jpg. I am not seeing that at all - where are you seeing it? 3 boxes @ 250px wide should fit in a 900px wide footer, shouldn't they? Even with padding I changed the original liquid design to a fixed width one as I was getting a lot of problems like that so I don't understand how it is happening. The text doesn't fit into the height you have given the box. (Not everyone uses the same font-size as you.) Sorry, Chris - I have not given the box a height so not sure what you mean. It has margin and padding. The spacing on the justified text is made worse because you have contrained the width; I don't know what you mean by contrained. Sorry, not a word I have come across. I have changed the justified text to left-align. Does this make a difference? Thanks. -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
Hi Chris OK - I think I get it now - something to do with font-size. I can see what you see if I don't specify a font-size on the #footer. But as I HAVE specified a font-size, I don't understand why you see what you see. Thanks. -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
Chris F.A. Johnson wrote: http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: http://cfaj.freeshell.org/testing/keynorth.jpg. As you can see from the JPEG I posted, the CAPABILITY STATEMENT falls below the footer. You need to add clear: both to the Website by paragraph. OK thanks - I am assuming this issue is only in IE6? I've done a lot of browsershots and they seem OK as far as the #footer is concerned, except for IE6. -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
