Re: [WSG] Two CSS Question
Well, GMail works on the various browsers (ok, I havent tested *all* of them), so I can report it works there too :) Well, it doesn't work in Opera 7.5x. Opera Software implemented XMLHttpRequest and ActiveX objects emulation (only js side, no real controls), specially for GMail. Opera 8 beta works with GMail. -- regards, Kornel Lesiski ** 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] setting height of a 'li' element
Hi all, I'm trying to debug some display issues I'm having between IE and Firefox. I'm trying to build a horizontal nav with a background image in each list item to give the appearance of tabs. All was going well in IE, but when I tried it in Firefox, I couldn't get the height of the LI elements to equal the height of the UL element, so it wasn't showing the full background image in Firefox. I've whittled it down to this simple demo: http://www.newgency.com/test/csstest.htm I've got black borders around the UL and LI elements. In Firefox you can see that the LI elements do not fill the vertical space inside the UL elements. Can someone tell me why this is happening? I've put the style info in the same file as the HTML to make it easier to debug. thanks, bye! --- Ryan Sabir Newgency Pty Ltd 2a Broughton St Paddington 2021 Sydney, Australia Ph (02) 9331 2133 Fax (02) 9331 5199 Mobile: 0411 512 454 http://www.newgency.com/index.cfm?referer=rysig ** 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] setting height of a 'li' element
The li element is set as an inline element and the height is not being recognised. One way around this problem would be to change the li element to float: left; which would immediately allow it to display the height. You will then have some other issues to deal with regarding setting width on the li element - especially in MacIE5, but all solvable. Russ Can someone tell me why this is happening? I've put the style info in the same file as the HTML to make it easier to debug. ** 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] setting height of a 'li' element
Also, You cannot assign width, or height to a element that has been set as a inline element, as far as I know ;) Kind Regards Jacobus van Niekerk Creative Consultant web: http://www.catics.com/ | http://www.freelancecontractors.com tel: + 27 21 982 7805 -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.300 / Virus Database: 265.6.13 - Release Date: 2005/01/16 ** 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] setting height of a 'li' element
Hi there Ryan, I just ran into this dilemma last night while creating a mockup of a design. I found that setting the line-height of the anchor tags within to the desired height works well when trying to get more than the original height of the text from an inline navigational list Nick Nicholas Rougeux C82.NET - http://www.c82.net Inspirational Art - Original Message - From: Ryan Sabir [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Monday, January 17, 2005 4:55 AM Subject: [WSG] setting height of a 'li' element Hi all, I'm trying to debug some display issues I'm having between IE and Firefox. I'm trying to build a horizontal nav with a background image in each list item to give the appearance of tabs. All was going well in IE, but when I tried it in Firefox, I couldn't get the height of the LI elements to equal the height of the UL element, so it wasn't showing the full background image in Firefox. I've whittled it down to this simple demo: http://www.newgency.com/test/csstest.htm I've got black borders around the UL and LI elements. In Firefox you can see that the LI elements do not fill the vertical space inside the UL elements. Can someone tell me why this is happening? I've put the style info in the same file as the HTML to make it easier to debug. thanks, bye! --- Ryan Sabir Newgency Pty Ltd 2a Broughton St Paddington 2021 Sydney, Australia Ph (02) 9331 2133 Fax (02) 9331 5199 Mobile: 0411 512 454 http://www.newgency.com/index.cfm?referer=rysig ** 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 **
Re: [WSG] setting height of a 'li' element
And what about line-height? It could be applicable here. -- Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com Stop IE! - http://www.stopie.com/ | http://browsehappy.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] Problem getting this layout to behave
Hi, I'm trying to get this page to behave in browsers... http://mouseriders.dk/thierry/ For the time being I've 2 problems on PC using FF 1.0, Opera 7.5X or IE6. Here goes... 1. I can't get the #inner div to line up with the tab menu above in any of the above browsers. 2. The #sidebar div is growing through the #content div even though I have a clearer div in the bottom. Finally I've haven't checked on a Mac but I guess I might have some serious trouble with IE5.1/Safari. I hope this is not too much OT Kim ** 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] Behaviors
Hi list, can someone provide any piece of information about behaviors in CSS, please? I've just went thru http://www.w3.org/TR/becss and http://www.w3.org/TR/xbl/ , but is here someone with practical info? Thank you, Jan. -- Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com Stop IE! - http://www.stopie.com/ | http://browsehappy.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] Behaviors
can someone provide any piece of information about behaviors in CSS They are IE-only. That's all I care to know. Some useful implementations: http://www.xs4all.nl/~peterned/csshover.html http://dean.edwards.name/IE7/ Microsoft has some docs on the subject: http://msdn.microsoft.com/workshop/author/behaviors/overview.asp -- regards, Kornel Lesiski ** 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] Behaviors
Damn :( Although it (AFAIK) is adopted as standard(?) it is practically useless :( Dziekuje, Jan. -- Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com Stop IE! - http://www.stopie.com/ | http://browsehappy.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] Problem getting this layout to behave
Kim Kruse wrote:
http://mouseriders.dk/thierry/
1. I can't get the #inner div to line up with the tab menu above in
any of the above browsers.
#inner {
width:660px;
margin-right:auto;
margin-left:auto;
background-color:#FFF;
padding-top: 1px; /* note */
border-right: 1px solid #000;
border-left: 1px solid #000;
}
A border-top will do the same as a padding-top: kill stray margins. You
can compensate by using margin-top: -1px; if that suits your layout
better.
You may also have to set margin-top: -1px; on #sidebar and #content,
but I can't interpret your design-wishes on that part.
2. The #sidebar div is growing through the #content div even though
I have a clearer div in the bottom.
1: your clearer is in the wrong place; one div-close too high.
2: empty div class=clearer/div doesn't impress FF all that much.
3: use clear: both to clear both #sidebar and #content.
The simplest - working - clearer will look like this in your code:
/div!-- content ends --
br style=clear: both; font-size: 1px; line-height: 0; height: 0; /
/div!-- inner ends --
/div!-- wrapper ends --
You may use this method:
http://www.positioniseverything.net/easyclearing.html
...instead of a clearing-element / - if you like.
regards
Georg
**
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 question of semantics
On Sat, 15 Jan 2005 23:12:57 +, Patrick H. Lauke
[EMAIL PROTECTED] wrote:
The most correct way (tm):
form action=... method=...
fieldset
legendSearch Club Listings/legend
label for=nameName of club/label
input type=text name=name id=name /
label for=stateState/label
select name=state id=state
option value=../option
/select
input type=submit value=List /
/fieldset
/form
What about br /s to seperate the form elements when CSS isn't
present? View that form in anything other than a CSS capable browser
and usibility goes right out the window...
That way you can still use display:block; for any elements you want
seperate, and form br {display:none;} to hide the breaks when they
aren't needed.
Andrew.
http://leftjustified.net/
**
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 question of semantics
On Tue, 18 Jan 2005 09:35:26 +1000, Andrew Krespanis wrote:
What about br /s to seperate the form elements when CSS isn't
present? View that form in anything other than a CSS capable browser
and usibility goes right out the window...
That way you can still use display:block; for any elements you want
seperate, and form br {display:none;} to hide the breaks when they
aren't needed.
Hmmm... its a good point, but I don't like the solution (from a
semantically pure point of view - might do that in real life ;)).
I think I'd go back to wrapping the label-input combo in a div.
BTW, I'm pleased to announce that Andrew has agreed to do the
presentation for the next WSG meeting in Brisbane - nananana everyone
who is interstate or overseas ;)
Brisvegas residents - mark February 9 in your diary!
;)
Lea
--
Lea de Groot
Elysian Systems - I Understand the Internet http://elysiansystems.com/
Search Engine Optimisation, Usability, Information Architecture, Web
Design
Brisbane, Australia
**
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 question of semantics
You could even think about a DL for simple forms. Using the label in the DT tag and the input into the DD. Gives you the hooks for styling, and readable in a non css browser. ** 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] Brisbane meeting - preferred topic?
Hi all :) I'm going to be the speaker for the Feb 9th WSG meeting in Brisbane and I am undecided between two possible topics. Take a look at the two options and let me know your preference. You can let me know off list if you prefer. option 1. Safely Hacking CSS Making sites that work now and won't fall apart in the future. Covering topics mentioned in the following articles: http://leftjustified.net/journal/2004/10/07/css-negotiation/ http://leftjustified.net/journal/2004/10/19/global-ws-reset/ ...plus a little bit more ;) option 2. The interconected-ness of all things IE/pc Discovering the common thread between the most common and painful IE/pc bugs and how to diagnose and solve them without the usual head scratching. Both presentations would be of a beginner to intermediate level, I would just like to hear which is preferred by the members of WSG. P.S -- don't worry if you're not from Brissy, you can still voice your preference as the resources will go online aswell :) Thanks for your feedback, Andrew. http://leftjustified.net/ ** 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 question of semantics
text-only and v4 browsers lack support for fieldsets, so one is really stuck with using br / as the the leanest code solution. Terrence Wood. Patrick H. Lauke wrote: a slippery slope, in my opinion...starting to add what is, in this case, visual markup to compensate for lack of CSS... i usually only worry about accessibility in cases where CSS is not available, but i do take your point on usability. if i absolutely had to cater for non-CSS browsers this way, i guess i would wrap each label/control pair in their own fieldset to keep it non-presentational (although that leads to drastic code bloat) ** 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] OT: Help the Tsunami victims by building a website
A Non-Goverment Organization here in the Philippines is looking to partner with a web development house for a donation site project. If you know of an organization or company who would like to volunteer for this small, worth-while project, please email me at [EMAIL PROTECTED] Thanks! -- Regnard Kreisler C. Raquedan Macromedia Certified Professional mobile: +63.919.2907711 email: [EMAIL PROTECTED] web: http://regnard.raquedan.com -- Nobody knows everything. But, everyone knows something. You don't have to know, you just have to know who knows. ** 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] Brisbane meeting - preferred topic?
Hi Andrew, I presonally vote for option 1. Safely Hacking CSS ...plus a little bit more ;) :) P.S -- don't worry if you're not from Brissy, you can still voice your preference as the resources will go online aswell :) Nice... Unfortunately not planning to attend it (few thousand kms aren't easy to travel :D), so I'm happy to hear this. Anybody to shot some pics or footage? ;) -- Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.com Stop IE! - http://www.stopie.com/ | http://browsehappy.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 **
CLOSED Re: [WSG] OT: Help the Tsunami victims by building a website
Hi If you are going to put OT in the subject, don't post it to the WSG list. Please keep posts to this list on topic. Please reply to this request off list if you are interested. Regards James --- admin On Tue, 18 Jan 2005 10:21:53 +0800, Regnard Kreisler C. Raquedan [EMAIL PROTECTED] wrote: A Non-Goverment Organization here in the Philippines is looking to partner with a web development house for a donation site project. If you know of an organization or company who would like to volunteer for this small, worth-while project, please email me at [EMAIL PROTECTED] Thanks! ** 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 clearing when not needed
Hi all www.westernwebdesign.com.au/host.html Have a floated box that I want to sit inside and overhang another box. This works fine in FF and Opera but IE is clearing the normal box and putting it underneath the floated box. How do I make this work in IE? Thanks Lyn Patterson Western Web Design http://www.westernwebdesign.com.au [EMAIL PROTECTED] ** 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] Annoying Gap in IE
Hi Group, I am working on a site with a 2 column layout. Navigation on the left, content on the right. Sometimes the content contains a table (don't panic, its tabular data!) which I want to be completely flush against the left column. All browsers seem to do this OK, but IE creates an annoying gap. I have recreated a very simple example for you to look at: http://220.233.11.63:8080/test/layout.htm Any ideas? Cheers, Matt ** 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] Annoying Gap in IE
I have the same problem with netscape 7.0 on mac. The problem is your first p /p in the sidebar. Take of the p /p of the first item and all all the item will take the correct place. In the sidebar take of the padding and add padding-top:10px; I hope this will help you Berry ** 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] Annoying Gap in IE
Sorry, I just noticed that your problem was not exactly the same of mine on Netscape but what I am sure is that the p is the problem. Try what I did with Netscape maybe it will work on IE . Berry I have the same problem with netscape 7.0 on mac. The problem is your first p /p in the sidebar. Take of the p /p of the first item and all all the item will take the correct place. In the sidebar take of the padding and add padding-top:10px; I hope this will help you Berry ** 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 **
