The dropdown menu's s'posed to be nested within the li from which it's
to drop down from - it can't be a completely separate ul.
On Sat, 24 Feb 2007 11:08:30 +1000, Cole Kuryakin [EMAIL PROTECTED] wrote:
Hello All -
I've done this successfully in one previous project, but can't for the
It's margin-bottom: -40px on #container which is causing the problem. If
it's there to make the footer stick to the bottom, you might want to look
at a different implementation.
On Fri, 23 Feb 2007 10:36:47 +1000, Lyn Patterson
[EMAIL PROTECTED] wrote:
Good morning
Looks OK at my end. The two other things I'd remove would be:
* html, body { height: 100%;}
* html #container {height: 1%;}
The first one is wrong because there's a comma in there and you're
applying a rule that you already have on the body and the second one isn't
needed because you've
Give the hr a background-color and set the border to none.
On Mon, 19 Feb 2007 15:44:46 +1000, Dwain Alford [EMAIL PROTECTED]
wrote:
after following several threads, i have converted my site to html 4.01.
what i want to do is section the parts of my page with hrs. i can't
figure
out why
Only had a quick look but what strikes me so far is that things go a bit
wrong at smaller window sizes (less than 1024 x 780) - pictures on the
members' pages stick out to the right and text on the member search page
spills out of the boxes on the left (in Firefox Opera).
On Tue, 13 Feb
Just had a quick look in Firefox, but it seems to come unstuck pretty
quickly when your browser window is smaller than 1024 x 780 and if you
resize the text more than twice.
And isn't your Google analytics code s'posed to go in the body of your
page?
On Mon, 12 Feb 2007 08:32:47 +1000,
The p has to go inside the blockquote, not the other way around. You
probably also want to use the cite tag instead of a span for the name
of the quoted person.
On Mon, 12 Feb 2007 13:46:07 +1000, Tee G. Peng [EMAIL PROTECTED]
wrote:
Hi, I have a block of text that uses blockquote
u
I
Opened OK using Opera 9.1 for me. The top nav is a bit misaligned though.
On Thu, 08 Feb 2007 19:22:41 +1000, Frank Palinkas
[EMAIL PROTECTED] wrote:
Opened with Opera 9.10...got the same message as below:
Unknown or Untested Browser/Operating System Combinationetc.
Kind regards,
Hi Yara,
You might like to check out a roundup I did of dropdown menus with
comments made on their accessibility etc.:
http://www.tyssendesign.com.au/articles/css/dropdown-low-down/
On Fri, 09 Feb 2007 11:00:13 +1000, Yara Ryan [EMAIL PROTECTED] wrote:
Hi,
I am have a problem trying to
Does anyone know of any workarounds for Safari not accepting height on
text inputs?
I've already tried setting the font-size, but to get the input to the
right height, my text is going to need to be unfeasibly large.
--
Tyssen Design
Web print design services
www.tyssendesign.com.au
Ph:
It would depend what the text is. If it's a paragraph, use p, if it's a
heading use hx. There's no one single tag which can be used in all
situations.
On Thu, 08 Feb 2007 10:40:37 +1000, Till Elsner [EMAIL PROTECTED] wrote:
Reading this leads me to another question:
Since font is
Can you use CSS styles instead of HTML attributes and do: border-collapse:
collapse; border: 2px solid #C00 ?
On Wed, 31 Jan 2007 08:39:42 +1000, Samuel Richardson
[EMAIL PROTECTED] wrote:
I'm building an HTML 4 Transitional layout for Firefox using tables.
Before
you all run screaming
If anyone can dig up a best methods article for producing HTML emails
then that would be fantastic.
http://www.campaignmonitor.com/blog/archives/2005/08/optimizing_css_1.html
--
Tyssen Design
Web print design services
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590
If you reduce the width of the window in FF you get the right column
overlapping the left which suggests the maths on the columns doesn't add
up which on quick look seems a bit odd because they seem to add up to less
than 100%. I changed #sidebar to 39% instead of 40% though and the right
Why are you the best state?
Cos WA produces nearly 40% of Australia's export revenue - more than NSW
and Victoria combined (and with only 10% of the population).
--
Tyssen Design
Web print design services
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590
Adding #content { display: inline-block; } to your IE stylesheet should
sort it out in IE7.
Not sure I understand the IE6 question.
On Mon, 15 Jan 2007 09:53:10 +1000, Rachel May [EMAIL PROTECTED]
wrote:
Hi everyone,
I am currently working on this site:
why does it work the way I want it to in all other browsers? :-(
Because it's IE and IE often does things its own way which can be a PITA
but something you just have to live with. As far as I know, there's no way
around your problem in IE - you either give your select a width wide
enough
Message-
From: listdad@webstandardsgroup.org
[mailto:[EMAIL PROTECTED] On Behalf Of John Faulds
Sent: Monday, January 15, 2007 2:58 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Setting width on the Select element of the form
(problem in IE)
why does it work the way I want it to in all other
It's because you've given those images a width of 100px in your CSS. If
they're narrower than that, they're going to come out distorted.
On Fri, 12 Jan 2007 13:05:33 +1000, Lyn Patterson
[EMAIL PROTECTED] wrote:
www.westernwebdesign.com.au/test/flora3.html
--
Tyssen Design
Web print
Also more on button / here:
http://www.digital-web.com/articles/push_my_button/
And a bit more on styling buttons (although some of it deals with inputs
too):
http://www.tyssendesign.com.au/articles/css/styling-form-buttons/
--
Tyssen Design
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb:
I don't think you can't attach two functions with window.onload, so
effectively the 2nd one gets ignored. You could add an event listener
function to your js or go for something like the whatever:hover -
http://www.xs4all.nl/~peterned/csshover.html
On Tue, 19 Dec 2006 20:10:27 +1000, Nick
One always runs the risk a power user will break a page when images are
used (in part) to lay it out. Otherwise, very nice.
Is a power user someone who resizes the text?
To that end, you might want to consider setting the width of your h2 in
ems so that when the text is resized, the space
One always runs the risk a power user will break a page when images are
used (in part) to lay it out. Otherwise, very nice.
Is a power user someone who resizes the text?
To that end, you might want to consider setting the width of your h2 in
ems so that when the text is resized, the space
I think you need to give IE something on a:hover as well as a:hover span
otherwise the hover won't be triggered.
On Tue, 12 Dec 2006 08:55:38 +1000, Joseph R. B. Taylor
[EMAIL PROTECTED] wrote:
Hey gang,
I have a little CSS issue I can't seem to solve. To describe it simply:
I'm using
the top of the page which is the default behavior.
John Faulds wrote:
I actually meant to use conditional comments to serve IE5.5 different
rules from everything else. So put back whatever you had for the page
to start with and then add something like this below all your other
styles
that have images as well and it didnt
work
either
On 12/6/06, John Faulds [EMAIL PROTECTED] wrote:
Only guessing cos I can't see the images when viewing the pages locally
but try adding display: block to the images in #logo.
On Wed, 06 Dec 2006 15:14:28 +1000, Jermayn Parker [EMAIL
That has to be the biggest list of stylesheets I've ever seen attached to
one page! Is there really a need to have that many?
As far as the problem goes, for IE5.5 you might have to give #news_left a
margin-right and then use position: absolute on #news_right.
On Tue, 05 Dec 2006 10:58:09
would be greatly appreciated.
In regards to the stylesheets list, I'm currently in the process of
cleaning it up ;)
Cheers
Bojana
-Original Message-
From: listdad@webstandardsgroup.org
[mailto:[EMAIL PROTECTED] On Behalf Of John Faulds
Sent: Tuesday, December 05, 2006 12:01 PM
To: wsg
Would need to see the associated CSS but why are you not using a label for
'Details'?
On Sat, 02 Dec 2006 16:58:57 +1000, Al Kendall [EMAIL PROTECTED] wrote:
Hi,
I'm having troubles with my some inline text not lining up at the
right
height after a label in my form. See pic
I just ran a form with a xhtml strict doctype and no legend thru the W3C
validator and it didn't complain..?
XHTML strict won't but HTML strict will.
--
Tyssen Design
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590
Did the fixes you found include adding position: relative?
On Tue, 28 Nov 2006 11:52:56 +1000, Geoff Pack [EMAIL PROTECTED]
wrote:
Has anyone had any success using AlphaImageLoader with PNGs in CSS
background images in IE6?
Any foreground links over the PNG are broken (not clickable), and
For your first problem, make the anchors display: block, not display:
inherit.
I don't really understand the 2nd problem, sorry.
On Tue, 28 Nov 2006 12:19:02 +1000, Teresa Carroll
[EMAIL PROTECTED] wrote:
Hello,
I have 2 questions regarding a Web site I am developing. I am using CSS
to
Is there s'posed to be a link with this?
On Wed, 22 Nov 2006 16:37:25 +1000, Dwain Alford [EMAIL PROTECTED]
wrote:
in ie7 the valid div hangs over the container div. all other
browsers
that i can check render the div inside the container with a 1em margin.
what do i need to do to fix
A bit too much position: absolute/relative going on in there I think.
You'd be better floating your infobox left and giving it a width and then
just give #midte a margin-left wider than infobox (no width needed). You
also don't need to use position: relative on #top. Just use margins to
Go to http://www.browsercam.com - For about $40.00 a month you can do
unlimited testing in most hardware/browser setups.
I'm already a member of an annual group purchase. ;)
--
Tyssen Design
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590
This may be a little off topic but it relates to testing websites so...
I'm thinking about upgrading and I'd like recommendations for what would
be the best configuration for a freelancer working from home with a
limited amount of space and resources.
I'm after something that provides
IE will often round values differently from other browsers so in cases
where you absolutely have to have things line up, I use conditional
comments to give IE a different value whether it be width, margin,
padding, position etc.
On Thu, 16 Nov 2006 05:08:48 +1000, Martyn
[EMAIL
Unless I'm missing something (I looked in FF as well), the hr appears to
be just a solid colour so I wouldn't use a hr, I'd just use a coloured
border.
I wouldn't use a PNG for your header graphic either. It looks like a GIF
would suffice perfectly well.
Changing height: 100% to
] wrote:
On 11/16/06, John Faulds [EMAIL PROTECTED] wrote:
Unless I'm missing something (I looked in FF as well), the hr appears to
be just a solid colour so I wouldn't use a hr, I'd just use a coloured
border.
Yeah, this is my bad; for some reason hr.png didn't get uploaded (I
blame wget failing
I don't know if you'll find any of these useful:
http://www.digital-web.com/articles/designing_for_the_web/
http://www.markboulton.co.uk/index.php/journal/C107/
On Tue, 14 Nov 2006 12:15:44 +1000, Susie Gardner-Brown
[EMAIL PROTECTED] wrote:
I¹ll have a look at tht. But there¹s no way the
If I was in QLD I would help out.
I am in QLD so may be able to help you out further if you need it but I
think it's hard to deal with generalities.
It seems you're saying the code the GDs turn out is not up to standard.
But whose standard? Is it yours or does the university have a clear
For that I would encourage them to visit the CSS Zen Garden
I'd be wary of recommending the Zen Garden for the fact that a lot of the
designs don't represent best practice CSS coding. Yes they're great
examples of how you can break boundaries, but you'll also find examples
where a lot of
Two problems: IE's double margin and 3px gap bugs.
For the first, add display: inline to #left_pos and for the second you can
give IE only a margin-left of 414px for #right_pos.
On Tue, 07 Nov 2006 09:12:16 +1000, Robin @ Xplore.net [EMAIL PROTECTED]
wrote:
I have a small problem with my
No, I didn't mean change the left margin to 414 for *all* browsers; I
meant only for IE. You'd use an IE-only filter like
* html #right_pos { margin-left: 414px; }
or use IE conditional comments to make sure only IE sees that rule.
(By the way, you don't need to start a new subject for
For your home page, this in base.css:
body { text-align: center; margin: 0 auto; width: 770px;}
seems to be conflicting with what you're trying to do in index.css.
On Fri, 03 Nov 2006 19:59:31 +1000, Rahul Gonsalves
[EMAIL PROTECTED] wrote:
Hi All,
http://rahulgonsalves.com/v2/
I have
Add background-position: left bottom to those images.
On Fri, 03 Nov 2006 12:55:16 +1000, Robin @ Xplore.net [EMAIL PROTECTED]
wrote:
Hello,
Could anyone please tell me why my background image is displaying below
my
background image in ie and not in firefox and how can I fix it in ie
Try removing the height from #links.
On Fri, 03 Nov 2006 13:17:41 +1000, Germ [EMAIL PROTECTED] wrote:
Hi
Im designing a website for my university design exhibition and it looks
fine
in IE (6 i think it is) but in firefox the bunch of links overlap the
white
content about 5 pixels and it
It would be great though if someone who has both IE7 and Opera could
tell us how the Zooms are similar or different.
IE7 zooms your page right off the right edge of the screen creating a
horizontal scrollbar. :/ Opera confines its zoom to within the window.
--
Tyssen Design
Web print
Not if you sign up to a group purchase:
http://www.fundable.org/groupactions/BrowserCamGroup
On Thu, 26 Oct 2006 16:47:28 +1000, Taco Fleur [EMAIL PROTECTED]
wrote:
PS: is there anything else out there other than http://www.browsercam.com
They seem to be pretty pricy
http://www.christianmontoya.com/2006/09/18/revisiting-image-rollovers/
If you're talking about the Ryan Rollovers that you link to, it looks very
similar to the Gilder-Levin method which is mentioned at
http://www.mezzoblue.com/tests/revised-image-replacement/ (dated 2004) and
was updated
Should I be thinking about fixing up the issues in Opera and on the Mac
or just say tough luck!
Only you can answer that question. It's your business, you need to
determine how many visitors/potential clients you have that use Macs and
whether you're likely to lose them by not fixing the
Also, any other feedback in relation to the site would be much
appreciated,
eg. mark-up, semantics etc. (as long as it's related to the topic of this
list).
If you mean your Pacific Fox website, you might want to take a look at it
in Opera 9 (8.5 appears to be OK).
--
Tyssen Design
Web
I agree, though, that a virtual machine is the way to go for those who
need multiple installs, especially given that Virtual PC for Windows is
now a free download.
Does using Microsoft's Virtual PC make any difference as to the legality
of running the same copy of Windows on different
A couple of others:
http://www.themaninblue.com/writing/perspective/2005/08/29/
http://garyblue.port5.com/webdev/footertest.html
On Thu, 19 Oct 2006 05:54:19 +1000, Matthew Pennell
[EMAIL PROTECTED] wrote:
On 10/18/06, Tom Livingston [EMAIL PROTECTED] wrote:
I am in need of a footer that
On Thu, 19 Oct 2006 13:52:17 +1000, [EMAIL PROTECTED] wrote:
Rahul Gonsalves wrote:
I will not be allowing IE7 to be
installed on my main computer, until most of the bugs have been worked
out, and a couple of security updates have been applied :-).
how do you go about doing this?
Do you
http://lachy.id.au/log/2005/10/char-refs
Looks like that article's gone missing.
--
Tyssen Design
Web print design services
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590
***
List Guidelines:
IE = 6 will expand heights to contain content. Other browsers won't. The
reason why everything's getting messed up in FF Opera is because of the
set heights. Editing your CSS in FF, I made these changes and it looked OK:
#middlecontent{
}
#middlelefttext{
float:left;
width:298px;
With the public release of IE7 nearly on us I'm just wondering whether
it's better to download the fix to stop IE7 installing via automatic
update and continue to use IE7 as a standalone, or let IE7 replace IE6 and
then install a standalone for IE6.
What would be the pros and cons of each
I believe, that when testing, it is best to simulate the native
conditions under which a browser would be used.
Yeah, good point.
PS: Thanks for your submit button skinning tutorial! Using it right now.
No worries! :)
--
Tyssen Design
Web print design services
www.tyssendesign.com.au
Ph:
and cutting off the right side
of the left text div.
- Original Message -
From: John Faulds [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Tuesday, October 17, 2006 9:41 PM
Subject: Re: [WSG] set height versus height set to auto
IE = 6 will expand heights to contain content
Seems to be the inline clear:left on your form which is causing the
trouble in IE.
As for using other block level elements within a list item, I don't see
the need for them unless your list items contains more than one line of
content. If you want to differentiate between two paragraphs or
Works fine in FF 1.5.0.7 if you want to add that to your list of Win
browsers. ;)
On Tue, 17 Oct 2006 03:21:00 +1000, Thierry Koblentz [EMAIL PROTECTED]
wrote:
I followed all suggestions made after I published the first demo and
came up
with this...
Demo:
dollars a year,
.com.au
for fifty dollars two years!
-Original Message-
From: listdad@webstandardsgroup.org
[mailto:[EMAIL PROTECTED]
On Behalf Of John Faulds
Sent: Monday, 16 October 2006 9:21 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] different spacing across browser p
Relative positioning is not a very reliable cross browser method for
getting elements where you want them. You're better off using an element's
margins for most positioning and in some cases floats (e.g. float:
left/right).
On Mon, 16 Oct 2006 11:35:58 +1000, Andrew Ivin [EMAIL PROTECTED]
It could be cos you need to specify both horizontal and vertical values
for bg-position.
Although the negative left margin may have something to do with it.
On Fri, 13 Oct 2006 22:54:19 +1000, Taco Fleur [EMAIL PROTECTED]
wrote:
That is however giving me a weird result on http://
It's a hasLayout issue. Try this:
ol.styled { list-style: none; margin-left: 0; padding-left: 0; }
ol.styled li {
background-position: 0 0;
background-repeat: no-repeat;
padding: 2px 0 2px 30px;
margin-bottom: 0.5em;
}
* html ol.styled li { height: 1%; }
You could always make your own, but maybe you're looking for these:
http://gtmcknight.com/buttons/validated.php
On Sat, 14 Oct 2006 11:39:17 +1000, [EMAIL PROTECTED] wrote:
hi,
i have seen small css and xhtml w3c icons to place on pages. would
someone tell me where i can obtain these
Article: http://www.tjkdesign.com/articles/TJK_tipMenu_demo.asp
That should actually be:
http://www.tjkdesign.com/articles/using_real_images_in_menus.asp
;)
--
Tyssen Design
Web print design services
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590
I have a couple of problems with Safari which can be seen on this page:
http://www.tyssendesign.com.au/examples/test.html
The first is the misalignment of the bg-images that I'm using for bullets.
Every other browser including IE5 displays them how I want them except for
Safari. I did a
Oct 2006 21:11:20 +1000, Eystein Alnaes [EMAIL PROTECTED]
wrote:
On 10/10/06, John Faulds [EMAIL PROTECTED] wrote:
I have a couple of problems with Safari which can be seen on this page:
http://www.tyssendesign.com.au/examples/test.html
So, is there a solution? Does it require using
use an oversized image with loads of white space
I ended up doing this as per the example in your link with the extra white
space below (as well as in between) and now it's fine. Thanks.
Any ideas on the height of the input problem?
--
Tyssen Design
Web print design services
Im planning on replacing those underscore hacks with the star selector
method, is that still the way to go with ie 7 on the horizon?
IE7 won't understand the * html (Holly) hack. You're better using
conditional comments for serving different versions of IE different style
rules.
--
the decaf link came up blank in ff 2.0 rc2. is there a setting i'm
missing to choose between css2.1 and css3 rendering?
Firefox (and others) don't support the multiple background property so,
no, there's no setting you can change. The reason you can't see anything
is because the text is
Remove the position: relative; top: x; left: x values from your anchors
and instead add float: left (or right) to #menu ul li a.
Also, you're using incorrect comments in your CSS. CSS comments are like
this:
/* comment this bit out */
not like this:
//comment this bit out
On Sun, 08 Oct
Put the content inside another tag inside the li and style that tag
differently.
On Thu, 05 Oct 2006 12:37:28 +1000, Taco Fleur [EMAIL PROTECTED]
wrote:
Is there a way to apply a style to the li tag only?
For example; when I have an ordered list, I would like the numbers to
have
the
Put the max-width expression in an IE-only stylesheet served up with
conditional comments. That way there's no need for the Holly Hack (in
fact, it's best to put anything that requires the Holly Hack in an IE-only
stylesheet) and your CSS will validate OK too.
On Tue, 03 Oct 2006 18:29:08
Is it not due to IE not using :focus like other browsers? To get it to
accept :focus on buttons, you'd need to use javascript. A bit hard to tell
though without seeing any code or a link.
On Wed, 04 Oct 2006 04:26:32 +1000, Ruiz, Kevin [EMAIL PROTECTED] wrote:
I have two image buttons that
You've got this applied to the div that contains those links:
postion:absolute;height: 28px; position:relative
It looks like it should probably be absolute but the relative is going to
override the absolute as it comes last.
Also, all that inline style is not recommended - it should be moved
Try removing the width from #cleaning-categories li p a.
On Tue, 26 Sep 2006 18:39:58 +1000, Taco Fleur [EMAIL PROTECTED]
wrote:
Hi all,
I have a page (valid HTML)
http://www.redlandscleaningsolutions.com.au/cleaning-product-categories.cfm
when moving the mouse over the li the numbers
Maybe I'm missing something but you've got an image in your HTML. That's
not really an image replacement method in that case.
On Wed, 27 Sep 2006 08:17:03 +1000, Mike at Green-Beast.com
[EMAIL PROTECTED] wrote:
John Faulds wrote:
It should be pointed out that this method has
problems
John Faulds skrev:
snip
It should be pointed out that this method has problems when you resize
the text (unless you've since found a way to fix that Mike).
My recommendation would be:
http://www.ryznardesign.com/web_coding/image_replacement/index.html
--Tyssen Design
www.tyssendesign.com.au
PROTECTED] wrote:
John Faulds wrote:
Maybe I'm missing something but you've got
an image in your HTML. That's not really an
image replacement method in that case.
But it is, though. The embedded image is there for another reason and
it's
not the same image: It's my pre-loading [1] technique
I use the one found here: http://tredosoft.com/IE7_standalone
On Mon, 25 Sep 2006 18:43:00 +1000, Paul Collins [EMAIL PROTECTED]
wrote:
Can anyone recommend the best place to get the latest standalone IE7?
I've downloaded it from Evolt and a few other places and it just seems
to crash
The WDG validator can work recursively:
http://www.htmlhelp.com/tools/validator/
I was going to suggest the WDG as well. The online version's limit is 100
pages I think.
--
Tyssen Design
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590
It's the 'attribute' selector and is not understood by IE 7.
In the example, rules for all browsers are in black, rules for IE-only in
blue and rules for all but IE(6) in green.
On Sat, 23 Sep 2006 20:43:53 +1000, Designer
[EMAIL PROTECTED] wrote:
In the recent 'Links for light
Technically, I can see you using the * html inside an IE only style
sheet.
I've been doing that a bit lately as sometimes there may be only one or
two rules that are different between = 6 or 7 and it doesn't seem worth
the effort creating a separate stylesheet for both and then conditional
It's the clear: both on the 'Cylinder Heads' h2 which is causing the
problem.
On Fri, 22 Sep 2006 09:41:17 +1000, Taco Fleur [EMAIL PROTECTED]
wrote:
Good morning all,
We have a page that is displaying an enormous amount of white where there
shouldn't be any. I validated the page
Try adding line-height: 0.8em to ul#interlinks li.
On Fri, 22 Sep 2006 11:45:02 +1000, Samuel Richardson
[EMAIL PROTECTED] wrote:
An interesting bug this one, open up:
http://www.intrepidtravel.com/
In Firefox. Scroll to the bottom of the page and click on one of the
country
links,
88 matches
Mail list logo