Pete,
Would someone mind checking this out for me:
http://universalhead.com/ataglance/work_test.html
CSS athttp://universalhead.com/ataglance/c/aag.css
No matter what I do, the left column of info (div id=workmaincolumn)
persists in being 3px from the right column instead of 5px in Safari
drift left off the left
hand border of the browser.
Looks as though you may want to go to browsercam right away.
-Hugh Todd :)
*
The discussion list for http://webstandardsgroup.org/
*
Gavin,
I realise that users will have to download acrobat. The pages cannot
be in
HTML because they are student hand-writing samples. They also need to
be
fully-printable.
Yes, I thought graphics may be an issue here. But just to clarify, PDF
files do not display in Mac browsers these days,
control this better?
2) Opera breaks a couple of things. The ul li a:hover on the right of
the horizontal navigation bar loses the changed background file. And
the graphic link at the top right of the page vanishes.
Any insights would be appreciated!
-Hugh Todd
Peter, you asked,
Do you feel the the pro's of using em's (for font sizes)
outweigh the cons?
I'm sure there'll be some much more knowledgeable people than I on this
subject, but I'll just make a couple of remarks.
1) Only IE on the PC (and I only learnt this recently, from John
Allsopp)
Mark, Russ,
I didn't write the article, but sitepoint does have a facility to
provide
feedback (http://www.sitepoint.com/feedback/1273) and I know the
author
responsible is listening.
Done. Thanks.
-Hugh
*
The discussion list for
and the background, both for their
initial and :hover states.
-Hugh Todd
(Basis for this code found on stopdesign.com)
*
The discussion list for http://webstandardsgroup.org/
*
the second (non-img) dt into
a dd and modify it with a span, but then I lose the semantic
significance of the dt.
-Hugh Todd
*
The discussion list for http://webstandardsgroup.org/
*
Sent this message before 10am today, and it seems to have disappeared.
Will try again. This and following message.
Cameron,
Can't be bothered trying it
Boy, that sure puts this newbie upstart in his place. :)
but you could float the
image left, leave the other elements non-floated,
block, with
on IE5 Mac, and mouseover doesn't work. Nor does
it work in Opera 6 Mac. Guess they don't support mouseovers on elements
other than DIVs?
All the best! -Hugh Todd
*
The discussion list for http://webstandardsgroup.org/
*
web kits concurrently. (Might
even be able to do it from the same UI, as you suggest.)
-Hugh Todd
*
The discussion list for http://webstandardsgroup.org/
*
, perhaps as DIV, inside your
last closing /DIV, with clear: left. Which is, of course, changing
the HTML. Sigh.
HTH. -Hugh Todd
I am having an issue with using fauxcolumns. Everything is fine if the
left column content is longer than the right, but if the right column
content is longer the image
leave someone else to
sort that out. Otherwise it looks mighty fine in Safari, Mozilla 1.6,
IE5 Mac and Opera 6.3 Mac.
Took me quite a lot longer than your half an hour, probably because I
was having to go backwards through your code, but it's satisfying to
have it done!
-Hugh Todd
Here's
://members.ozemail.com.au/~hughtodd/lsp/playvan/playvan.css
Very disconcerting. Am I alone here?
-Hugh Todd
*
The discussion list for http://webstandardsgroup.org/
*
://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
of the site, which triggers a background inside the appropriate a tag
(by calling on the appropriate a#mnu style for that page).
http://www.wasabicube.com/
http://www.wasabicube.com/s/wc.css
Hope this helps.
-Hugh Todd
Now i want to highlight the current page using a different CSS style.
I have
Michael,
Yesterday I posted this link. It's a good start.
http://www.alistapart.com/articles/practicalcss/
There's a bit of useful forms code lower down the page.
-Hugh Todd
Now I'm experimenting with styling forms - layout of labels and input
etc.
Is there a good tutorial anywhere
oddly in Safari 1.2, by the way.
All the best! -Hugh Todd
I'm just learning CSS and I'm have a bit of trouble with min-height and
tableless layouts. I want the content and the sidebar to stretch down
all
the way to the bottom of the screen. It kind of looks odd when the
content/sidebar's background
On 20/02/2004, at 2:01 PM, Ben Bishop wrote:
7:00pm
Welcome: Ed Sullivan
Ed Sullivan is into web standards? Hey, does this mean they're going to
be as big as Elvis?
-Hugh Todd
*
The discussion list for http://webstandardsgroup.org/
*
. In what looks like Times Bold 9px, black.
Have you considered using real text inside your header tabs? Using the
sliding doors approach on http://www.alistapart.com ? It would mean
that the text inside the tabs could be resized and remain accessible.
All the best. -Hugh Todd
Was wondering
further but there
is the commercial reality of the client. How do others feel about these
issues - particularly with regard the CSS rollovers.
-Hugh Todd
*
The discussion list for http://webstandardsgroup.org/
*
/#floatclearbug
-Hugh Todd
And here's another reference resource: http://www.l-c-n.com/IE5tests/
*
The discussion list for http://webstandardsgroup.org/
*
. -Hugh Todd
I am having a terrible time trying to get three columns of different
length
content to all be the same height.
*
The discussion list for http://webstandardsgroup.org/
*
Tonico,
I need to support IE/Mac, so what would you recommend me to do?
Did you have a look at this one, posted by Manuel González Noriega? It
seems to work in IE 5 Mac, for whatever reason:
http://kalsey.com/tools/csstabs/index.php?section=2
-Hugh
and the
accessible? Not always easily resolved.
One thing I wanted to ask you about was why you chose to use graphic
headers in the right hand boxes. Your large type in the left hand
coloured boxes is very successful.
-Hugh Todd
Again, thanks for the feedback! I'm really enjoying the discussions
' partners. In
some relationships, both partners are fleas.
To all the 'dogs' on this list, a big 'thank you'!
-Hugh Todd
And I think this needs to be a place where we both learn to understand
the big picture and wrestle with the nitty gritty
of information.
All the best! -Hugh Todd
Im sorry, Peter, but I hate your new site. I LOATHE it.
Oh, not because you did a rotten job in my opinion. On the contrary,
its so good it reminds me of my own shortcomings in the
artistic/design department
on the cost benefits for clients
commissioning new sites or upgrades to old sites. I'd be happy to
improve it if anyone spots glaring omissions or errors.
-Hugh Todd
Soren Johannessen of Denmark undertook the task of surveying how
many governmental, national, municipal authorities follow the W3C
? (I'm only talking about MX 2004.)
-Hugh Todd
I'm not sure why this should be so, because I have an idea the
rendering engine is now Opera.
Just for the record Hugh, Dreamweaver uses it's own custom rendering
engine. Macromedia Contribute uses Opera's rendering engine on the
Macintosh, which
just seen for myself with the new beta... that Opera *by
default* identifies as Internet Explorer!
Could there be any more self-effacing behaviour?? So we really have no
idea how important it is to code for Opera.
-Hugh Todd
*
The discussion
Russ,
Quite right. I'm afraid I didn't put the question very well. All I was
trying to get at was an idea of whether it was worth putting in the
work to fix any Opera idiosyncracies, if there still are any.
That said, my guess would be that while the aim is to code in a
standards-compliant
Justin,
Russ posted a link to a page a while back with links to all the preview
versions:
http://web-graphics.com/mtarchive/001178.php
-Hugh
Where can I get the Opera 7.5 Beta? Couldn't see an obvious link on
the site...
*
The discussion
. (No idea why.) If instead you set its position to right: 5px;
(removing width), it may work better:
#highlinks {
background-color: transparent;
position: absolute;
top: -5px;
right: 5px;
height: 20px;
}
Hope this is of use.
-Hugh Todd
Maureen,
The drop-down menu does have a problem on IE5.3 Mac. I get a Microsoft
JScript error message:
Line: 196
Char: 2
Error: Invalid procedure call or argument.
This error message is triggered when rolling the cursor over the menu.
IE Mac also treats your picture badly, running its frame
Nor is the fact that stylesheets (and images, for that matter) are
cached. You're only comparing a first hit on one page. One of the
beauties of CSS is that once you're past that first page, and into
other pages on the site, you're not going to be downloading table code
again and again and
Cameron Adams wrote:
Has anyone read the opinion article in APC Magazine
regarding Web Standards? (I haven't)
Now I have. Page 26 (for Aussies and Kiwis on the list).
Guy by the name of David Emberton in the Opinion section. He's touted
as a professional web developer, and has written a couple
Pete,
You might be better to start again. The author is fooling around with
background images for the menu, making the text disappear with a
span. Farhner image replacement? Better to give that the boot.
-Hugh
PS No idea why IE Mac isn't seeing the images.
I'm not well versed in
Pete,
Try taking out all the overflow: hidden and see what happens.
-Hugh
Curses, still no luck! No absolute positioning in this case.
Help me obiwan! I've run out of ideas!
*
The discussion list for http://webstandardsgroup.org/
See
Justin,
Looks fine on OS X. Don't know why there should be a difference,
because afaik it's the same rendering engine.
-Hugh
Is there a work-around, or do we just wait for the next release, and
hope that people don't stick with 0.8 for ever?
Darian,
Rule of thumb: forget about the version 4 browsers, unless you want to
provide something like limited font tags. Even then there are
inheritance problems, but the use of these browsers is so limited now
(except, as noted by others, in some corporate in-house environments...
Optus, for
Jaime,
Good on you for persevering.
It sounds as thought the bug you are encountering is one for which you
provided a link... the inherited clear bug. The obvious (but not
necessarily easy) fix is to avoid using clear when creating parent
elements.
-Hugh Todd
The style is horribly broken
theGrafixGuy said,
You do not need the ; after the last attribute in each style
I know this is technically true (browsers will accept it) but I
understood that good coding practice is to put the semicolon even after
the last attribute. Anyone else know anything about this?
-Hugh Todd
Justin French wrote:
I also assume that you mean a horizontal block with a line of text
that moves from left to right, yes?
Whoops. That sort of scrolling text. Of course. Please ignore my post.
-Hugh
*
The discussion list for
confusing (to me) that the shopping cart icons appear on
pages that don't seem to relate to ordering. Would it be best either to
confine them to a set of logical pages or have them appear (visibility:
visible;) only when an ordering process has been undertaken?
All the best -Hugh Todd
(Hope the WSG
that's the wrong colour or doesn't look well-crafted, you can
point them to the agreed brief and ask them if it meets it.
-Hugh Todd
(OK, this post was OT, but as a sop to web standards I'll say that the
beauty of a web standards approach is that any HTML can be crafted via
css to achieve your
-- the tighter the
better, to avoid misunderstandings) and from there you can
web-standardise it into code.
-Hugh Todd
I am trying to see if I
can learn to improve the process somehow to get better results faster
(or is
it less slow?)
So I was hoping I'd find out you 'proper' designers have a trick other
John,
http://www.apcmag.com/apc/v3.nsf/0/A569C81864DC4F1BCA256E5F001A59C5
(posted here on April 16 by Iparuan Martinez)
-Hugh Todd
anyone got a link to or can send me the text of that recent anti
standards article mentioned here at APC
have a strange way of disappearing on rollover in that browser.
(Sigh).
http://www.fortyfivedegrees.com/aca/
(cf http://www.aca.gov.au/ )
-Hugh Todd
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail
Neerav,
Safari 1 and IE 5 account for most Mac users at this point, I would
think. You would want to make sure that the appearance of the menu
degrades gracefully, if you decide to go this way.
Fails in: NN4, Opera 6.05 on Windows. Safari 1.0, IE5.2 on Mac
Im happy enough with that
Pete,
Can you modify blog templates (on Blogger) to your heart's content?
-Hugh
No doubt you all know about the web standards friendly relaunch of
Blogger: http://www.blogger.com - which has now made the whole set up
process so simple I thought I'd finally launch a blog like everybody
else.
templates for them to use.
Hope this helps. -Hugh Todd
A potential client asked me:
...will I be able to make modifications myself using a program such as
Adobe Golive which creates html pages?
It's the second half of the question with which I'm having a problem
since I have no experience
and put it in the background of the element
behind it.
Here's an article that explains what to do:
http://alistapart.com/articles/fauxcolumns/
All the best! -Hugh Todd
*
The discussion list for http://webstandardsgroup.org/
See http
John,
Anyone at Apple reading this? I'd imagine that if the web engine is
already installed on Windows computers with iTunes (like all HP
machines from June this year), all that would be needed would be a tiny
download of a Safari GUI. (I imagine this because I'm not a
programmer!)
-Hugh Todd
Kim,
Jason's solution is an excellent one. I regretted my dogmatic statement
(that you should not try) the moment I saw it. The background-image
solution is better for a more complex background graphic for your
column.
-Hugh
Great article, thank you. The problem the problem is already solved
, as
in this case.
-Hugh Todd
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
doing where relevant, as
in this sort of case.
-Hugh Todd
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
Kim,
What would happen if you set your navcontainer to clear: left instead
of clear: both?
-Hugh Todd
Could someone please tell me if I need some special hack for Mac IE
or if there is a solution at all?
*
The discussion list for http
Kim,
I've implemented Kay's suggestion. It involves taking out your other
clears, which are redundant:
http://www.fortyfivedegrees.com/test/
-Hugh
If I follows Kay's suggestion corretly then it doesn't work on Mac. It
works
just fine on PC.
*
Jaime,
Displays beautifully on Safari 1.2 and Mac IE 5.2.3. Except that the
Joons Family crest thing disappears in IE 5 -- for some reason the
image replacement technique isn't working. Why not use an actual image?
-Hugh Todd
Could you do a check on your browser for this project of mine?
Test
Jaime,
I was thinking that the logo image actually has a semantic meaning
(which can be represented by an alt tag). Changing the version of the
logo would be a simple matter of replacing your image file with one of
the same name.
But your using an h1 probably makes more semantic sense in the
Ned,
Have you tried Macromedia's Contribute? Good for static pages, with a
web browser metaphor.
-Hugh Todd
Has anyone come up with some solutions for helping the client maintain
their
own content while still retaining standards compliance
Neerav,
Doesn't look good in Safari 1.0, Neerav. (Submenus appear at the top of
the viewport.) Fine in Safari 1.2. No submenus in IE 5.2.3 Mac.
Is this acceptable to your client?
-Hugh Todd
Vertical Son of Suckerfish - Practical implementation at
http://www.rci.com.au
What a difference
that
the majority stays locked into its proprietary world.
The most compliant browsers, including the default one, are found on
the Mac. As this list has so often said, develop first for standards,
and then figure out what needs to be done to the code to address IE
shortcomings.
Just my 2c.
-Hugh Todd
. Tidy
up your footer html and css to get rid of extra classes and nbsps, and
remove your border=0 stuff. (Why not set one font size for all of your
footer info?)
But as I say, you're going well! And as time goes on you'll refine your
skills.
All the best -Hugh Todd
PS The form may need
, or bits of it? Do you still get
the same effect?
(I think I'd be tempted to scrap what's there and come at it afresh!)
-Hugh Todd
PS I'm not as dismissive of IE 5 as James is, much as it now irritates
me. For its time it was a trailblazer in standards implementation, and
it's still not bad
concerned with the accessibility of websites.
(That said, there seems to be no completely cross-platform/browser way
of achieving semantically correct cascading navigation.)
-Hugh Todd
Here is a link to the html page:
http://sonze.com/isl/temp/
Here is a link to the css page:
http://sonze.com/isl
what it does.
All the best! You're going well!
-Hugh Todd
PS A cheap PC with Win 2000 or WinXP on it sounds like a great idea.
Someone has put together a package that installs IE5, 5.5 6 on the
same machine -- an invaluable service. (Only works on the OSs I
mention
identically on Safari (1.2) and IE
5.2.3 Mac.
-Hugh Todd
The results look exactly the same in IE6, Mozilla 1.5 and Opera 7.23
I'm
keeping my fingers crossed for Apple Mac browsers !!
*
The discussion list for http://webstandardsgroup.org/
See
Kay,
Back in March, Kristen Morgan posted a link to the UDM website. The
canned solution they have come up with looks expensive, and it's not
lean and mean, but it seems to solve the compatibility issues pretty
much.
http://www.udm4.com/
-Hugh Todd
The original Suckerfish menus *do* work
We've had many, many calls for emails to this list to be posted in
plain text rather than HTML or rich text.
May I reiterate the call? A fair number of recent emails have shown up
in my email client with tiny, hard-to-read text.
So, please use plain text in emails if you want to be read.
-Hugh
-end hacks, with as
elegant solutions as can be devised. What more could you want?
Down with proprietory solutions, I say!
-Hugh Todd
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
and sound contributions, seems to me to
deliver a good result.
It's not too dissimilar to open source software. Proposals for
improvements, peer discussion, and the best implementation wins.
-Hugh Todd
*
The discussion list for http
Brian,
Just to deny that I wrote this. The attribution belongs to Scott
Barnes, I think. My belief is that the W3C is much more accountable
than Scott seems to imagine.
-Hugh
(Brian Cummiskey wrote:
Hugh Todd wrote:
I mean, I'm sure the people in the w3c gang are really smart monkeys,
but like
be hard put to it to do more than what
organisations like this group are doing, in encouraging implementation
and, for some, involvement in standards creation.
-Hugh Todd
*
The discussion list for http://webstandardsgroup.org/
See http
There's a review of Dan Cederholms book, Web Standards Solutions: The
Markup and Style Handbook, on Todd Dominey's blog.
http://www.whatdoiknow.org/
-Hugh Todd
*
The discussion list for http://webstandardsgroup.org/
See http
James,
Looks like the 3-pixel text jog.
http://www.positioniseverything.net/explorer/threepxtest.html
-Hugh Todd
The layout problem occurs in IE (fine in mozilla). I want to keep the
text flowing down the page in a straight line, but in IE when the text
passes the end of the blue box, it moves
for #content1 in both stylesheets for
this to work for me.
For more info, see
http://www.macedition.com/cb/ie5macbugs/#floatclearbug , as well as the
entry it links to from Philippe Wittenbergh.
-Hugh Todd
This page:
http://www.webpublishing.com.au/dev/dsto/project.htm
works fine in everything (Win IE 5
Lucian,
You could try installing your faux columns inside a containing div
rather than in the body. That way they would stretch according to the
content, and you would not have to cover them up with a footer at the
base of the browser window.
-Hugh Todd
I'm using Dan Cedarholm's faux column's
by
interested users, and has been wired up to Mail, Safari and the Address
book (if I can remember correctly). (I've just got to figure out how to
use it well enough to test on web pages!)
http://developer.apple.com/accessibility/universalaccess.html
-Hugh Todd
Pardon my ignorance, but what are 'wireframes'?
I prefer building prototypes than hagging over wireframes.
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to
. That's the vision, anyway.
Neerav and others have posted some inspirational links demonstrating
the power of pure CSS to create some extraordinary layouts.
-Hugh Todd
Thing I have trouble getting my head round is the term table-less
layout
Can anyone elucidate this conundrum?
I'm wanting to centre a horizontal navigation bar at the bottom of my
header block, but I fear this is not possible. (In case anyone wonders
why I would want to do this, I want it to expand upwards rather than
downwards if the text is resized.)
One of the
, and
wrapping the header and navigation div in another div.
Again, thanks to all. So many ways to skin the proverbial cat, but I
needed help to see them.
Now for the sub-menu...
-Hugh Todd
**
The discussion list for http://webstandardsgroup.org
Philippe Wittenbergh.
Hope this helps. (If this message looks familiar, it's a cut and paste
from a posting some time ago.)
All the best with it.
-Hugh Todd
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web
Andy,
If you're based in Oz however you'd be a fool to miss it.
Why, though? The calibre of the people looks fantastic, but would it be
worth spending $750 to see them?
I really would love to go if I was convinced that it would advance my
web building knowledge hugely, more than (say) this
the problem may lie and where I might
find a fix?
Page here: http://homepage.mac.com/hughtodd/access/
CSS here: http://homepage.mac.com/hughtodd/styles/cf.css
Many thanks!
Hugh Todd
**
The discussion list for http://webstandardsgroup.org/
Proud
info, see the QuickTime Developers page on the Apple site.
http://www.apple.com/quicktime/tools_tips/tutorials/ (in particular the
Text Tracks tutorial)
-Hugh Todd
The only tool you would need for this would be QuickTime Pro, available
(as a key to unlock its powers) online from Apple.
So
, is that the *background is pushing the div
wider*. What the...?
Looks fine in Firefox and Safari.
Anyone else seen this/know what to do to fix it? Yeek!
-Hugh Todd
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04
Lea,
i see the same effect in both firefox and safari - a white strip to the
left of the blue background?
in both Firefox and in safari.
Sorry, no, that's not where the problem is. I placed the left edge of
the blue background arbitrarily, just to display the issue, so you'll
have to excuse the
.
In Firefox the clear is ignored!
What have I missed
I've coloured the links with a gold background for clarity.
http://www.fortyfivedegrees.com/childrenfirst/access/
css at http://www.fortyfivedegrees.com/childrenfirst/styles/cf2.css
Any help greatly appreciated.
-Hugh Todd
for some reason causes IE 5 PC to
understand the left padding. And Jake provided the final (bizarre)
piece in the puzzle. Is this a bug in Mozilla?
-Hugh Todd
Clearing in the li, but leaving the float in the a seems to fix
the problem.
Jake
Quoting Hugh Todd:
I wanted a workaround for the refusal
Steven,
I was just browsing the digest and have noticed your questions, and
thought I'd mention the problem I've noticed. I'm using IE6 on WinXP
and its only a cursory observatioin but definately affects site
usability. I am using resolution 1024 width.
When I clicked your icon for enlarging
server, it is free (and open
source). http://developer.apple.com/darwin/projects/streaming/ (Apple's
version of it comes with Apple servers, which are proprietory, of
course.)
Hope this helps!
-Hugh Todd
**
The discussion list for http
Ted,
This sort of problem is often fixed by zeroing the margins on the
text... in this case, perhaps, on the ul.
-Hugh Todd
Here's my first question. In firefox win it looks fine. In IE, I
have about 10-15px margin between the topnav and the content div.
I've played with the margin
, or image replacement) for your Beachhouse logo thingy.
-Hugh Todd
On 14/10/2004, at 2:50 PM, Ian Main wrote:
I've spent too long trying to get my head around this.
http://www.e-lusion.com/design/beachhouse/
http://www.e-lusion.com/design/beachhouse/screen.css
Safari error
http://e-lusion.com
Jackie,
The height didn't change the transparency. It revealed more of your
#nav1's background image. Remember, a float (unless cleared) will
happily extend beyond the borders of its container. Except in IE PC,
but that is a bug.
So if you want your #nav1's background to resize in proportion
thought it conceivable that an alt tag for
an image inside an h tag could inherit status from its position. But it
doesn't does it? Can anyone confirm what I told him?
Example:
h2img src=foo.jpg alt=A great big foo. width=40px
height=40px //h2
-Hugh Todd
Joshua,
Try putting the ABN in a p tag, giving it a width (in ems) and floating
it left. You will also need to give your ul a width.
It's easier to see what's going on if you give your elements background
colours (temporarily).
-Hugh Todd
Hi all. I'm trying to do something which I know
them, you will
have to reduce your width amount to something less than 20%. And,
because min-width doesn't work in IE, your navigation bar will wrap
when window size is reduced too far.
-Hugh Todd
Ive gotta find some solution or ill have to revert back to table cells
FYI
http://www.apple.com/pro/words/meyer/
-Hugh Todd
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
1 - 100 of 117 matches
Mail list logo
