Re: [WSG] Interesting problem with a fixed nav ... small window doesn't allow scrolling to see all content
Mani,
Have a look at http://www.w3.org/QA/Tips
There is fixed navigation menu there. When browser window is resized,
scrollbar appears on the menu.
Regards, Irina.
On Apr 2, 2005 3:05 AM, Mani Sheriar [EMAIL PROTECTED] wrote:
Hi All,
I am currently working on this site:
http://www.manisheriar.com/willen/home.htm - xhtml and css validate.
Initially I had it so that the logo, main image on the left, and links all
scrolled with the content. However, I recently started playing around with
the idea of these elements being fixed and only the content scrolling.
Since IE doesn't support fixed elements I have ended up with this in my css
for the 3 elements in question (using the !important declaration to feed
different values to Moz and IE):
body { /* -- keeps the William Lenihan logo fixed for Moz browsers /
scrolling for IE -- */
background:#000;
text-align:center;
font:normal 1em/1.3em Times New Roman,Times,serif;
background:#000 url(../images/willen.gif) no-repeat top left;
background-attachment:fixed !important;
background-attachment:scroll;
}
#leftCol { /* -- keeps the main image on left fixed for Moz browsers /
IE ignores this -- */
float:left;
width:200px;
height:601px;
background:url(../images/street.jpg) no-repeat top left;
position:fixed;
}
#nav { /* -- keeps nav buttons on right fixed for Moz browsers /
floats the nav buttons right for IE -- */
position:fixed !important;
position:relative;
float:none !important;
float:right;
right:7.5% !important;
right:auto;
text-align:left;
}
Ok, so everything is working great - The entire page scrolls in IE and only
the content scrolls in moz ... just like I wanted! EXCEPT: If I resize my
moz browser window to 800x600 then I cannot see all of the nav buttons ...
the bottom ones get cut off. And I cannot scroll to see the rest since the
content is fixed.
I would strongly prefer not to have to decrease the height of the nav
buttons - I really like the square presentation. Ideally, I would really
like to keep the fixed content, but be able to scroll when necessary to see
the entirety of the nav buttons when the browser window is small. Any
suggestions?
Thanks in advance!
Mani Sheriar
Sheriar Designs | www.ManiSheriar.com
925.952.4365 (landline) | 925.914.0741 (cell)
**
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] Two images on the one line
On 2/4/05 7:59 AM, David Laakso [EMAIL PROTECTED] wrote: I used to think it was not semantic to place an image inside paragraph. But I've noticed many leading designers doing such and I believe I read somewhere that it is actually appropriate and semantic to place an image inside a paragraph tag. Can anyone clarify this for me? Interesting, no? http://www.w3.org/Style/Examples/007/figures.html What I find interesting/puzzling is that there are no closing paragraph tags /p : div class=figure pimg src=eiffel.jpg width=136 height=200 alt=Eiffel tower pScale model of the Eiffel tower in Parc Mini-France /div Can someone explain? Hope Stewart ** 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] Selecting text in IE 6
Hi, I'm driving myself mad with a css problem here: http://www.uniplus-finanziamenti.it/redesign/. Some divs are absolutely positioned so the text inside is not selectable (copy/paste) in IE6... I've tried using relative positioning in several ways without solving the problem (the right column slides down). Any idea on how to solve the problem? should I use floats with margins instead? Thank you in advance and all the best Nicola Rubeo
Re: [WSG] Selecting text in IE 6
Hi Nicola, AFAIK it's a IE bug in IE that has to do with position:fixed. There are two ways of fixing it... add the xml prologue (which will throw IE into quirks mode) or use this script... http://blog.tom.me.uk/2003/07/23/boie6selecta.php Have a nice weekend Kim Nicola Rubeo - Computer Time snc wrote: Hi, I'm driving myself mad with a css problem here: http://www.uniplus-finanziamenti.it/redesign/. Some divs are absolutely positioned so the text inside is not selectable (copy/paste) in IE6... I've tried using relative positioning in several ways without solving the problem (the right column slides down). Any idea on how to solve the problem? should I use floats with margins instead? Thank you in advance and all the best Nicola Rubeo ** 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] underscore hack - why underscore?
I have been playing with the underscore hack and noticed that almost
anything that isn't 0-1 or a-z performs the same trick. Certainly * works,
as does
#,
,
,
{,
},
[,
],
(,
),
^,
/,
=,
~,
@,
?,
and, probably, lots more. If this is correct, I personally would prefer to
put my 'IE only' corrections in square brackets to make them stand out a
bit, e.g.,
#content {
border : 10px solid #ff;
[ border : 10px solid #ff; ]
width : 100%;
[/* ie only */width : 600px;]
}
Is this very naughty? It doesn't validate as CSS, but then neither does the
underscore hack (unless the validator is wrong, as some would have us
believe).
So what's the story here?
Confused as to why anyone would pick on 'underscore' out of (seemingly) lots
of nicer and easier choices.
Thanks,
Bob McClelland,
Cornwall (U.K.)
www.gwelanmor-internet.co.uk
**
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] underscore hack - why underscore?
Is this very naughty? It doesn't validate as CSS, but then neither does the underscore hack (unless the validator is wrong, as some would have us believe). The easiest description is that _ or - as the first letter of a selector is formally allowed in CSS (it is designed for vendor specific extensions). It only doesn't validate because it is not present in CSS2.1 formal gramatic, however it is valid in the global CSS scope. -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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] underscore hack - why underscore?
designer wrote: I have been playing with the underscore hack and noticed that almost anything that isn't 0-1 or a-z performs the same trick. [...] Is this very naughty? It doesn't validate as CSS, but then neither does the underscore hack (unless the validator is wrong, as some would have us believe). So what's the story here? Look at the CSS2.1 spec's section on syntax and keywords http://www.w3.org/TR/CSS21/syndata.html#keywords In CSS2.1, identifiers may begin with '-' (dash) or '_' (underscore). Keywords and property names, beginning with -' or '_' are reserved for vendor-specific extensions. An initial dash or underscore is guaranteed never to be used in a property or keyword by any current or future level of CSS. Thus typical CSS implementations may not recognize such properties and may ignore them according to the rules for handling parsing errors. However, because the ***initial dash or underscore is part of the grammar***, CSS2.1 implementers should always be able to use a CSS-conforming parser, whether or not they support any vendor-specific extensions. (emphasis mine) So, as per spec, the underscore can legally be used. Other characters are just syntax errors. As for the validators: they're correct in that anything prefixed with underscore is invalid in the light of the official W3C CSS spec (as it implies vendor specific properties which go outside of the spec), but that doesn't mean that the underscore isn't legal in the wider context of CSS grammar (while, again, other characters are both outside of spec *and* break the grammar rules) -- Patrick H. Lauke _ redux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.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] New member introduction
On Fri, 01 Apr 2005 07:22:18 -0800, tee wrote: Hi I'd just joined this group, thought it's polite to introduce myself. -- (snipped) Tee www.lotusseeds.com Hello Tee, and welcome, I am impressed with your site. Funny, I was just experimenting with a pink and green color scheme! Not me though, but I like it. A quick note on your accessibility notes: I tried out your access keys in Opera 7.54 Win and they work fine. But Opera's access keys work after pressing Shift + Esc : then press the access key. Pressing Ctrl + Esc triggers the Windows start menu. Kind regards, David -- David Hucklesby, on 4/2/2005 http://www.hucklesby.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] Two-column lists aligned side-by-side
Good evening all, I've tried researching this question online, and reviewing the following books in my library, Web Standards Solutions, and The CSS Anthology: 101 Essential Tips, Tricks and Hacks, but to no avail. Is there an accepted method of laying out two unordered lists, side-by-side (a two-column look), within the same content area? Any suggestions are always appreciated. Respectfully, Mario S. Cisneros ** 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] Two-column lists aligned side-by-side
Google search always brings up results on info you might need. Here's what I found: http://www.alistapart.com/articles/layeredfudge/ http://www.communitymx.com/content/article.cfm?cid=27F87print=true [EMAIL PROTECTED] wrote: Good evening all, I've tried researching this question online, and reviewing the following books in my library, Web Standards Solutions, and The CSS Anthology: 101 Essential Tips, Tricks and Hacks, but to no avail. Is there an accepted method of laying out two unordered lists, side-by-side (a two-column look), within the same content area? Any suggestions are always appreciated. Respectfully, Mario S. Cisneros ** 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] Two-column lists aligned side-by-side
Fantastic! Thank you David! I didn't even think of Google, but instead reviewed articles posted on some of my favorite standard's sites. The WSG members have been an enormous help, and I take my Stetson off to ya all! With much gratitude, Mario in Dallas Google search always brings up results on info you might need. Here's what I found: http://www.alistapart.com/articles/layeredfudge/ http://www.communitymx.com/content/article.cfm?cid=27F87print=true [EMAIL PROTECTED] wrote: Good evening all, I've tried researching this question online, and reviewing the following books in my library, Web Standards Solutions, and The CSS Anthology: 101 Essential Tips, Tricks and Hacks, but to no avail. Is there an accepted method of laying out two unordered lists, side-by-side (a two-column look), within the same content area? Any suggestions are always appreciated. Respectfully, Mario S. Cisneros ** 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] New member introduction
I am impressed with your site. Funny, I was just experimenting with a pink and green color scheme! Not me though, but I like it. Thank you David, I didn't like pink until last year when I saw a vast lotus pond with pink lotus flower sea. The green and the pink live together so harmoniously. It was quite an inspiring moment so I thought perhaps I can try something similar on a website :) A quick note on your accessibility notes: I tried out your access keys in Opera 7.54 Win and they work fine. But Opera's access keys work after pressing Shift + Esc : then press the access key. Pressing Ctrl + Esc triggers the Windows start menu. And thanks for this. I will fix it. Regards, tee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
