Re: [WSG] Inheritance Problem?

2005-06-24 Thread Lucian Teo

Hi Roberto,

in IE the contents in the sidebar on the main page, and the events  
page, float all the way out to the right. In Firefox it stays pretty  
much where it's supposed to.


Lucian


On 24 Jun 2005, at 7:10 PM, Roberto Gorjão wrote:


Lucian,

I see no difference between Firefox and IE, in windows. Only IE 5.0  
display the "books" page with a big space between "Our Books" and  
the following tabs... Were you refering to this problem?


Roberto

Lucian Teo wrote:


I worked on a site update (http://navmedia.com/) and it looks fine  
in  Firefox but not in IE. I did not violate any box model  
discrepancies  between the browsers. I can't seem to find what the  
cause of the  problem is.




**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**






**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**



[WSG] Inheritance Problem?

2005-06-24 Thread Lucian Teo
I worked on a site update (http://navmedia.com/) and it looks fine in  
Firefox but not in IE. I did not violate any box model discrepancies  
between the browsers. I can't seem to find what the cause of the  
problem is.

**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**



[WSG] Definition lists for comments in blogs

2005-05-26 Thread Lucian Teo

-- 
I've been redesigning my blog recently and I noticed what in my
opinion was a misuse of definition lists when it came to the comments
section.

Doug Bowman and Dan Cedarholme use

At x:xxpm so-and-so said:
blah blah blah

The numbering of comments was done within Movabletype rather than an
ordered list.

For my own blog I came up with this solution. I don't claim it to be
the best, but if there's better, do tell.


At x:xxpm so-and-so said:
 blah blah blah



However, to make the order number clickable for use as a permalink to
the comment, I had to turn off the bulleting, then reinsert comment
order via movabletype.

Lucian
http://tribolum.com/
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**



[WSG] Scalable Inman Flash Replacement Technique

2004-08-31 Thread Lucian Teo
Short Reading:
Mike Davidson introduces sIFR. Typography on the web looks closer to 
being totally unleashed.

http://www.mikeindustries.com/blog/archive/2004/08/sifr
**
The discussion list for  http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**


[WSG] Bottom Margin on IE/Mac

2004-07-28 Thread Lucian Teo
I'm using Dan Cedarholm's faux column's technique, but I can't get the 
footer to sit at the bottom of the page, so the columns stick out a 
little when viewed on IE/Mac. The site address is http://navmedia.com/ 
. Any reasons for this? I've looked through the list of IE/Mac bugs but 
can't seem to find the appropriate one.

Lucian
tribolum.com
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 



Re: [WSG] IE/Mac Floats right

2004-07-21 Thread Lucian Teo
Thanks Philippe and Nick. Your advice and resources were invaluable.
Lucian
On Jul 21, 2004, at 5:29 PM, Philippe Wittenbergh wrote:
On Jul 21, 2004, at 5:00 pm, Lucian Teo wrote:
Just when I thought everything was fine, my site 
(http://www.navmedia.com/books/) messes up in IE/Mac.

I used Dan Cederholm's faux columns and created a main content and a 
right sidebar. It works fine (http://www.navmedia.com/) until I have 
images with float:left inside the main content area. When I do, the 
content area decides to move itself into the sidebar.

The CSS file is at http://navmedia.com/css/screen.css
You'll need to clear the #subnav, (in which case you should lose the 
width declaration on #content, IE mac doesn't like to be 
overconstrained by width.
Or float (left) the #content.

Philippe
---/---
Philippe Wittenbergh
now live : <http://emps.l-c-n.com/>
code | design | web projects : <http://www.l-c-n.com/>
IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/>
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 



[WSG] IE/Mac Floats right

2004-07-21 Thread Lucian Teo
Hi Folks,
Just when I thought everything was fine, my site 
(http://www.navmedia.com/books/) messes up in IE/Mac.

I used Dan Cederholm's faux columns and created a main content and a 
right sidebar. It works fine (http://www.navmedia.com/) until I have 
images with float:left inside the main content area. When I do, the 
content area decides to move itself into the sidebar.

The CSS file is at http://navmedia.com/css/screen.css
Works ok in Mozilla and IE/PC.
What's wrong?
Lucian
tribolum.com
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 



Re: [WSG] Have stared too long

2004-06-16 Thread Lucian Teo
Looks fine on Safari and Firefox.  Things are a little out of alignment 
in Opera 6.03 / Mac.

Don't really see the problems you described.
Lucian
On Jun 17, 2004, at 4:36 AM, Veine K Vikberg wrote:
http://nrotc.mainemaritime.edu/goals.html
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 



[WSG] MSIE Inheritance issues?

2004-05-04 Thread Lucian Teo
This particular page (http://tribolum.com/test/navmedia/contact/) that 
I am currently working on works fine in Firefox but not in IE/Mac or 
IE6/PC, giving me different errors in each.

The code validates XHTML 1.1 as well as the CSS, but in IE/Mac, the 
main content shifts 300px away from the side menu, rather than 300px 
away from the left side of the viewport.  The side menu is positioned 
absolutely and shouldn't influence the content's positioning.

In IE6/PC, the side menu shifts a few hundred pixels right, sitting 
smack behind my h1 element.  The footer does not give me the 120px top 
margin like I specified, so the barcode graphic doesn't sit on the 
whitespace that is supposed to be there.

I am guessing there is some sort of inheritance issue here.  I set ids 
on the body tags to customise the pages.  I've searched the web 
extensively and my eyes are pretty much about to pop out of their 
sockets.

Any one of you out there knows what's going on?
Thanks.
Lucian
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 



Re: [WSG] A couple CSS Questions

2004-04-28 Thread Lucian Teo
Hey Sean,

I used sliding doors on a site I completed not too long ago.  It works for IE, except for the rollover, which my client didn't mind.

Fahrner Image Replacement does not help accessibility.  I used to be quite the Fahrny designer, now I'm working on using Pixy's Image Replacement technique. http://www.pixy.cz/blogg/clanky/css-obrazkove-odkazy-02.html

Hope that helps.

Lucian

On Apr 28, 2004, at 4:29 AM, Sean Sullivan-Daley wrote:

Hello,

I have a site I am working on and I am having problems with two things.
1. Fahrner Image Replacement
2. Sliding Doors of CSS

The Site works great in Firefox (Mac) - Fahrner Image Replacement
doesn't work on FireFox (PC)

And here is the big problem. Sliding Doors of CSS doesn't work on IE 6
(PC) and the Fahrner Image Replacement doesn't work.

Any help would be great!

Here are links to a sample:

http://sean.ashtonweb.com/test/
http://sean.ashtonweb.com/test/css/mstle.css


Thanks,

-Sean

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 





[WSG] Negative Vertical Margins in IE

2004-04-28 Thread Lucian Teo
Hey guys,
I'm invoking the CSS gods out there once again.
The page I'm working on (http://tribolum.com/test/navmedia/about/) 
displays perfectly (so far) in Firefox and Safari, but IE6/PC bombs it. 
 Big surprise there.

For the h1  element (image replacement) I use a -20px margin to 
undo a 20px margin set on the content div.  IE6/PC lines up the image 
correct horizontally, but pushes it up 20px into the navigation bar.

I also use a negative -40px margin-bottom on the h1 element to pull the 
"Who Are We?" up.  On Firefox, I can do a -50px.  On Safari I can only 
do a -40px, while on IE/Mac, the heading disappears under the h1 
graphic.

I'm tempted to perform a kill bill volume 3 on my own.
Lucian
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 



[WSG] Styleswitching

2004-02-26 Thread Lucian Teo
I recently worked on a site whose owners wanted both the prototypes I 
presented to them.  I decided to implement a javascript styleswitcher 
from ALA.  I decided on a colour version and a black and white version 
of the site.  This would also mean that all the graphics in the site 
would have to switch.  Instead of an img tag, I used block divs with 
specified heights and widths, and a background to insert graphics.  
They hold no meaning except to "beautify" the site and provide some eye 
candy.

The problem comes when I think about accessibility.  As they serve no 
informational (arguably) purpose, can I leave the divs blank, or should 
I insert a span that would do a display:none, which some have said does 
nothing for accessibility either?

The website is at http://kavanaghdance.com/ .  Just needed some 
feedback on my rather unorthodox methods.

Lucian

*
The discussion list for http://webstandardsgroup.org/
* 



Re: [WSG] Hover issue

2004-02-16 Thread Lucian Teo
Looks great on IE / Mac, Safari and Firefox / Mac.

CSS doesn't yet validate though. :)

Lucian

On Feb 16, 2004, at 4:01 PM, LC 55 wrote:

Hi all...

Anyone care to check - http://lc55.co.uk/test/index.html please.
I have a problem in IE 6 re: background image.
The image at bottom right moves slightly down the page when hovering 
over footer links.

Does the same problem exist across other browsers?
Or are you finding any other problems?
Any help appreciated.
Regards, JG


_
Why Pay $35 for a .COM, .NET or .ORG Web Address? iDotz.Net offers 
Cool Domains @ Great Prices! Starting @ $8.75 Go: http://www.idotz.net
*
The discussion list for http://webstandardsgroup.org/
*



*
The discussion list for http://webstandardsgroup.org/
* 



Re: [WSG] Image MAP Not Working In FireFox...

2004-02-15 Thread Lucian Teo
name is a deprecated tag that does not validate under XHTML strict, but does under transitional.

Lucian
tribolum.com


On Feb 16, 2004, at 1:19 PM, Chris Stratford wrote:

Ahhh Thanks James,

I thought i read somewhere that XHTML has removed the use of the NAME attribute...
??

It still validates!
So I assume its all good now :)

Cheers!

Chris Stratford
[EMAIL PROTECTED]
Http://www.neester.com


James Silva wrote:
Hi Chris,

Adding a name attribute to your map tag seems to fix the problem in FF. 

i.e:



Cheers,

James Silva
Web Production
Gruden Pty Ltd

Tel:   +61 02 9956 6388
Fax:   +61 02 9956 8433
Email: [EMAIL PROTECTED] 
Web:   http://www.gruden.com 










From: Chris Stratford [ mailto:[EMAIL PROTECTED] ] 
Sent: Monday, 16 February 2004 3:35 PM
To: Web Standards Group
Subject: [WSG] Image MAP Not Working In FireFox...




Hey Everyone,


I am designing a website (well a redesign)


http://ausliq.neester.com 


its in XHTML with CSS...


its a redesign of:



www.australianliquidators.com 


now - the navigation image... doesnt work...
but only in firefox...


Just wondering, is this a problem with my coding (XHTML 100% valid).
or is it a FireFox issue?


Thanks!


-- 
Chris Stratford
[EMAIL PROTECTED] 
Http://www.neester.com 

 * The discussion list for http://webstandardsgroup.org/ *

Re: [WSG] Cross browser help

2004-02-14 Thread Lucian Teo
Looks great on Safari, IE and Firefox on Mac.  The mascot in the 
background floats to the right of the page (half obscured by the right 
sidebar) in Opera 6 / Mac.  It comes back to its original position 
after I highlight the text with my mouse cursor.

I wouldn't worry too much about it.  Great job!

Lucian

On Feb 14, 2004, at 5:35 PM, LC 55 wrote:

Hi everyone.

Can anyone please check this design for me in their browsers?

Address: http://lc55.co.uk/test/index.html

I tried the trial registration for BrowserCam, but the link I was told 
to go to would not let me login!

I had never tried the trial at BrowserCam before, so can't understand 
the problem?

Any feedback much appreciated.

Kindest regards, JG

_
Why Pay $35 for a .COM, .NET or .ORG Web Address? iDotz.Net offers 
Cool Domains @ Great Prices! Starting @ $8.75 Go: http://www.idotz.net
*
The discussion list for http://webstandardsgroup.org/
*



*
The discussion list for http://webstandardsgroup.org/
* 



Re: [WSG] IE 5 position problems

2004-02-13 Thread Lucian Teo
Looks great on Safari, but breaks in IE / Mac.

Screenshot at http://tribolum.com/space/naturalgrocer.jpg

Lucian
tribolum.com


On Feb 14, 2004, at 1:06 PM, James Gollan wrote:

Thanks in anticipation – I managed to get it working across all my target windows browsers. Now to move on to the mac – anyone want to have a look in a few Mac browsers and tell me the bad news? Go on -  it’ll be fun breaking another designers spirit ;)

 

BTW the working page is  - it took some weird changes to a few padding and margin settings to please all the browsers – and I am still not sure why some things weren’t supported. Anyhoo…

 

-Original Message-
From: James Gollan [mailto:[EMAIL PROTECTED]
 Sent: Saturday, 14 February 2004 11:18 AM
To: [EMAIL PROTECTED]
Subject: [WSG] IE 5 position problems

 

Hi guys,

  

Just wondering if anyone knew why this layout http://www.swamphen.com/testing/naturalgrocer/index3.html was breaking in IE5 (severe) and 5.5 (not so severe). I suspect it may be to do with the box model or a float bug, but can’t quite isolate it.

 

Any help much appreciated.

 

The rendering problems are:

 

·   in IE5 (Win) the top edges of the two columns are not even;

·   In IE5.5 Win the spacing between the columns is too close;

·   Haven’t even looked at the mac yet!

 

Works in IE6, N6, Firebird

 

Cheers

 

James

 


Re: [WSG] CSS and IE / Mac

2004-02-11 Thread Lucian Teo
Thanks Hugh!  You're a star!

Lucian

On Feb 12, 2004, at 12:22 PM, Hugh Todd wrote:

Lucian,

The problem turned out to have a simple solution. (Sorry it's been so 
long since your post. I made a mess of my first attempt and let it 
stew for a little while I did some work.)

You were using a div called #content, and in IE5 Mac it was not 
clearing under the #navlist DIV. One solution would have been to set 
it to clear, but IE5 Mac has a bug which leads to the inheritance of 
the clear property, and that's a bit of a nightmare.

The result of not clearing was that the #content div was squashed to a 
width of 0 at the right of the body block. So the footer, which was 
enclosed by this DIV, was forced to the right, too, and sort of poked 
its head out to the right.

In the end I tried simply getting rid of the #content div, and bingo, 
it looks fine. (Well, it looks fine with some left and right margins 
applied to the leftcol text and the footer.)

Take a look at http://members.ozemail.com.au/~hughtodd/allegro/

-Hugh Todd

I just finished a XHTML / CSS redesign (http://allegro-ems.com/), and 
tested it out in several browsers.  It seems to cut it for all except 
IE / Mac.  The footer gets smashed against the right side.  I've been 
trying to figure out why for the past few days.  I'm out of my league 
here.
*
The discussion list for http://webstandardsgroup.org/
*

*
The discussion list for http://webstandardsgroup.org/
* 



[WSG] CSS and IE / Mac

2004-02-09 Thread Lucian Teo
I've been very impressed with the camaraderie exhibited on this list, 
even for OT posts.

I just finished a XHTML / CSS redesign (http://allegro-ems.com/), and 
tested it out in several browsers.  It seems to cut it for all except 
IE / Mac.  The footer gets smashed against the right side.  I've been 
trying to figure out why for the past few days.  I'm out of my league 
here.

I've also had one comment that IE6 / PC messes up the "About Us" and 
"Career" pages but renders the "Partners" page just fine.  I'm baffled. 
 The CSS and layout for those three pages are identical.

I'm swept under the browser-bug whirlpool.

Lucian
tribolum.com
*
The discussion list for http://webstandardsgroup.org/
* 



Re: Opening pages in new windows... was Re: [WSG] XHTML (OT??)

2004-02-08 Thread Lucian Teo
As your audience and your potential customer, you are wont to pander to 
my every need.  If you take away my ability to choose whether or not to 
open your link in a new window, a new tab, or even an existing window, 
it is likely I will never come back to your site.

I'm not saying that in a personal way, I'm just voicing out what most 
educated (or a little web-savvy) audiences think.  It should be your 
site content and design, rather than a target _blank that keeps them 
going there.  A simple shift-click brings on the new window.  It is 
possibly a good idea to put those instructions for the user.

Lucian Teo
http://tribolum.com/
On Feb 8, 2004, at 8:45 PM, Michael Kear wrote:

The reason is we go to a great deal of trouble to get users to come to 
our
site and we don't want to send them away again.  That's why I never 
allow a
client to sign up for any of those awards sites or top 100 sites.
A site gets higher ratings with search engines if there are a lot of 
other
sites linking to you.  To get those links you usually need reciprocal 
links,
but that doesn't mean you want to send your users off to those sites 
just
yet.That's the reason you need to have a way to open a link but 
still
keep the users in the one place.

Another reason is if links go off to subsidiary information.  You 
still want
to keep the flow of the original article.   For example, try reading 
the
technical data relating to an update on the Microsoft site.  You start 
out
by reading that "this update requires the prior installation of update
something else".  To find out if you have that update you go off to 
that
link, which in turn takes you on another link and then another and 
another,
and before you know it you're off down the yellow brick road and have 
no
idea how to get back to the original point.  If any of the pages are 
dynamic
you can't use the back button.

As a general rule, any link that takes a user outside my site, I put 
it in a
new window.  If it takes them somewhere in this site, I don't.



Cheers
Mike Kear
Windsor, NSW, Australia
AFP Webworks
http://afpwebworks.com
-Original Message-
From: James Ellis [mailto:[EMAIL PROTECTED]
Sent: Sunday, 8 February 2004 10:46 PM
To: [EMAIL PROTECTED]
Subject: Opening pages in new windows... was Re: [WSG] XHTML (OT??)
Hi

This kind of thing should be left up to the end user. As an example 
have
a look at the NASA sites at the moment -windows opening everywhere and
even using javascript to replace a simple target=_blank (why??). Really
annoying.
Modern browsers have an open in new window and the good ones have open
in new tab on the context menu. We should be letting the users (us as
well as others) decide where they want to open a new page as it's their
browsing environment.  Many UA's can force all links to open in the 
same
page, rendering any targeting useless. Denoting external links with
icons can be a good thing if you want to show a user where they will go
(although the status bar does that as well).

If a user hits an external link on a page they can use the back button
to head back, if you want to keep state then this can be done at the
application level using sessions and whatnot.
Cheers
James
*
The discussion list for http://webstandardsgroup.org/
*


*
The discussion list for http://webstandardsgroup.org/
* 



Re: [WSG] Could someone please do a little testing for me?

2004-02-04 Thread Lucian Teo
On IE5 / Mac the dropdown menus don't expand at all.

On Feb 5, 2004, at 11:34 AM, Seona Bellamy wrote:

Hi all,

I need to do a small test in IE5, but I don't have access to a copy of 
it.
And since the bit I need to test is the hover action on the menus,
BrowserCam is not going to do the trick I think.

So could someone who has IE5 please have a look at
http://www.flemingclinics.com.au and run the mouse over the menu bar 
at the
side? I need to know where the sub-menus are appearing, since my 
client (who
is running IE5 has said that they are appearing over the main menu 
bar. I've
made some code changes, and I want to see if I've shifted it far 
enough. And
frankly, I would prefer to do it without resorting to asking my client,
since every time I talk to him I'm faced with the urge to smack him 
around
the head lately. *sigh*

Cheers,

Seona.
---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.576 / Virus Database: 365 - Release Date: 30/01/2004
*
The discussion list for http://webstandardsgroup.org/
*


*
The discussion list for http://webstandardsgroup.org/
* 



Re: [WSG] Image floating question

2004-02-03 Thread Lucian Teo
If the page is to be set 100% of the viewport, which is 600px, the 
combined 800px of the two logos would definitely cause the second to 
fall below the first logo.  You'll need to encase the two logos in a 
container that is at least 800px wide for the two to sit side by side.

Lucian

On Feb 4, 2004, at 12:28 PM, James Cowperthwaite wrote:

Hi all,

With two images, one floated left and the right, is there any way to
force the page scroll horizontally instead of the right image dropping
underneath the left when the width of the browser window becomes less
than the combined widths of the images?
eg
.logo1 {
  float:left;
  width:400px;
  }
.logo2 {
  float:right;
  width: 400px;
  }
and the browser is, say, only 600px wide? Oh, and the page is set to be
100% wide.
Thanks!
James
*
The discussion list for http://webstandardsgroup.org/
*


*
The discussion list for http://webstandardsgroup.org/
* 



Re: [WSG] Opera - hrumph - more like school play ...

2004-02-02 Thread Lucian Teo
It's the margin: 0 auto 0 auto; in #container. but I'm sure you already knew that.

Funny thing is, Opera on my Mac seems to load the page forever and pushes the container even farther when I hit stop.

Lucian Teo
http://tribolum.com/



On Feb 2, 2004, at 5:30 PM, Universal Head wrote:

Another day - another rendering mystery ...

http://www.universalhead.com/clients/jazzfactory/jazzfactory/
http://www.universalhead.com/clients/jazzfactory/jazzfactory/css/main.css

Everything's working fine everywhere EXCEPT Opera6 (Mac). For some reason Opera shifts the whole container to the left ...

Sheesh, who the hell uses Opera anyway ...? Damn profusion of browsers making life difficult grumble grumble ...

Can anyone spot what's causing this? Much obliged!


Peter Gifford

Universal Head 
Design That Works

visit   7/43 bridge road
   stanmore nsw 2048
   australia
call    (+612) 9517 1466
fax (+612) 9565 4747
[EMAIL PROTECTED]
site   www.universalhead.com