[css-d] Problems with site template
Hello,
I have a few problems is completing site template:
http://www.linkhomes2000.co.uk/mortgage-repayment.php
1) I can't make min-width work in I.E. 6, probably not in any others either
({can't check others} Works reasonably well in FF).
2) Need to make my menu more accessibility friendly, but not sure how to go
about this. (not sure if this should be on this forum)
Kind Regards
DG)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with site template
On 14/9/07 (12:28) [EMAIL PROTECTED] said:
I can't make min-width work in I.E. 6, probably not in any others either
({can't check others} Works reasonably well in FF).
DG;
IE5/6 doesn't understand min-width. However, it treats width the same
way as min-width, I believe, so you can add in an IE5/6-only width rule
and that should do the trick.
--
Rick Lecoat
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Easy way to replace table layout with css-layout?
Hi everybody. I'm trying to find an easy way to replace a table layout with a css-layout. There will be about 100 pages with a different number of rows on each page. These pages will be attached to a Dreamweaver template with navigation, logo and so on. In a table layout I can add/remove a row in seconds. Is there a way to do this in a css layout? -- Mvh Magnus Fahlström __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with site template
Rick Lecoat wrote:
On 14/9/07 (12:28) [EMAIL PROTECTED] said:
I can't make min-width work in I.E. 6, probably not in any others either
({can't check others} Works reasonably well in FF).
DG;
IE5/6 doesn't understand min-width. However, it treats width the same
way as min-width, I believe, so you can add in an IE5/6-only width rule
and that should do the trick.
IE6 does *not* treat 'width' as proper 'min-width', so a CSS based
workaround is a bit more complicated...
http://www.brunildo.org/test/min-widthS.html
...or an expression can be used...
http://www.gunlaug.no/contents/wd_additions_14.html
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with site template
On Sep 14, 2007, at 9:32 PM, Rick Lecoat wrote:
I can't make min-width work in I.E. 6, probably not in any others
either
({can't check others} Works reasonably well in FF).
DG;
IE5/6 doesn't understand min-width. However, it treats width the same
way as min-width, I believe, so you can add in an IE5/6-only width
rule
and that should do the trick.
IE5/6 certainly _don't_ treat width as min-width. That meme should be
put to rest once and for all.
In certain situations IE 5/6 will expand a container beyond the
specified width (when faced with content that is larger than that
width), but that doesn't make it (width) equal to min-width.
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site check please
Hi all, I am throwing our new design out there for critique and suggestions. http://www.nwaworldvacations.com BLOCKED::http://www.nwaworldvacations.com We tried to do a better job of CSS and moved into a more Web 2.0 vibe, at least that is what we were trying for. I am sure many will lament our use of tables still, but some habits die hard. I am curious to learn how we might have done a better job with our CSS, i.e. better use of IDs or Classes, less nested, more nested... We did add some Ajax/JavaScript functionality that we didn't have in our previous designs, and are noticing slow page loads and would love to learn or hear of how others handle this better. The Las Vegas destination page is a particularly slow one due to the backend loading of all the hotels... then do a price find and it can take up to 22 seconds to return all the prices for each of them. This is something we are working on to fix/solve/adjust. Our team is small and we based much of our work on the few classes or seminars we have been able to attend as well as on Andy Budd's CSS Mastery. I am posting here to help us continue on that learning curve. Thank you all and I look forward to the suggestions and comments. Cheers, Cory MLT, Inc. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7 breaks nav and site check
Good day all, html at: http://www.lionbearkennels.com/ css at: http://www.lionbearkennels.com/lbk_style.css Zoom up or down in IE7 and watch the main navigation. Otherwise, since I'm nearly done with it, whoever wouldn't mind having a look, please do. All criticisms and comments most certainly welcome and appreciated. Credit and thanks to Francky and Georg for their help more than a year ago.[1] Credit and thanks to Alex for the pedigree list. [1]I am slow.. but not *that* slow. I had to put it down for a while. :-) -- regards, Brian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Help me about IE opacity for texts
Hi, I really want to know that if I can set some sentences transparent in an article using IE filter opacity. For example, aa link/a or spansentence/span. I can do this using opacity in FireFox very easily. But this is not the case for IE. I know I need to give a position to the block elements for filter like float:left. But this will destroy the structure of the article. And some of the words in those sentences will be difference sizes so I can't just set the width for the elements. Is there any method to use IE filter without positioning? Just like FireFox does. I've been searching for the solutions for couple of days but still no clues. Can somebody help me? Or maybe this is one of the unsolvable problems of IE family. I'm using IE6. Best Regards, Ethan __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Easy way to replace table layout with css-layout?
Magnus Fahlström wrote: Hi everybody. I'm trying to find an easy way to replace a table layout with a css-layout. There will be about 100 pages with a different number of rows on each page. These pages will be attached to a Dreamweaver template with navigation, logo and so on. Need more information. Is it tables for layout you want to replace, or tables for what's considered to be tabular data? We rarely want to replace the latter. In a table layout I can add/remove a row in seconds. Is there a way to do this in a css layout? We don't use rows as such in CSS based layouts, but rather paragraphs and some form of section-grouping. Adding or removing paragraphs or sections is as easy as the authoring tool allows for. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] switching text size
On 14/09/2007, Peggy Coats [EMAIL PROTECTED] wrote: Yes, we know that, but unfortunately a lot of people don't -- especially elderly folks who have vision issues and aren't as technology savvy ;-) Perhaps some nice simple illustrated instructions for changing the preference in a number of browsers (with the user-agent string being used to pick a default set) would be more helpful then a custom interface that only works on one specific site? -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with site template
On 14/9/07 (13:37) Gunlaug said: IE6 does *not* treat 'width' as proper 'min-width', so a CSS based workaround is a bit more complicated... Apologies to DG, then, for faulty info. I'm certain that I read that somewhere, but clearly either I mis-read it, mis-understood it, or the information I read was just plain wrong. Thanks to Georg and Philippe for the heads up. -- Rick Lecoat __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] switching text size
David Dorward wrote: On 14/09/2007, Peggy Coats [EMAIL PROTECTED] wrote: Yes, we know that, but unfortunately a lot of people don't -- especially elderly folks who have vision issues and aren't as technology savvy ;-) Perhaps some nice simple illustrated instructions for changing the preference in a number of browsers (with the user-agent string being used to pick a default set) would be more helpful then a custom interface that only works on one specific site? Or guide the visitor over to... http://www.bbc.co.uk/accessibility/win/seeing/text/browser/sub_3.shtml ...where even the most non technology savvy end-user can get help to master their own browser a bit better. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] font :wqx-height
david wrote: snip While in a perfect world I'd agree with David, it's not so much the 'tender egos of folk involved in designing the site' it's usually, imnsho, the un- or refused-to-be-educated folk who actually pay for the site to look/feel a certain way. 0.02 delivered :) Part of this business is education. It may take awhile. Reinforced with factual information demonstrating how customers unhappy with their mousetype are happily shopping at their competition's websites sometimes helps. ;-) david: Without at doubt, educating clients is truly the hardest part of my job. But nonetheless the one I do most often. Sometimes they're agreeable and open to suggestions for reasons of browser compatibility or accessibility. Other times they're um...less reasonable :) Either way, I agree that getting people to 'see right' is the key...and that often means defending the 'reasons that separation of content and layout is a good idea'. Thankfully, I am a true believer in that, now (amazing since a year ago I'd have fought diligently for my ol' tables!). I generally preach standards adherence, but since reading some really good things from this list about serving XHTML as XML, I've worked towards getting clients to understand a bit more of the how and why rather than the this is just good practice. Regards, ~R kudos and credits: http://www.gunlaug.no/ (Gunlaug Sørtun) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Cory Shubert wrote: http://www.nwaworldvacations.com We tried to do a better job of CSS and moved into a more Web 2.0 vibe, at least that is what we were trying for. I am sure many will lament our use of tables still, but some habits die hard. I am curious to learn how we might have done a better job with our CSS, i.e. better use of IDs or Classes, less nested, more nested... Those pages don't work well with resized fonts in any browser, and absolute font-sizes don't make it better since one has to 'ignore font size in page' in IE/win in order to resize. The table layout don't work too well if one wants a printout either, so different styles for different media - and a lot of testing, seems necessary. Pages have quite a large file-size when one looks at the amount of content it carries, and attempts to slim down the source code should be made. The use of paragraphs with non-breaking spaces as layout-spacers equals the use of old spacer-gifs, and should be avoided. Use margins and/or paddings instead. The verisign at the bottom doesn't seem to work as intended outside IE/win. The use of inline styles should be discontinued once you've added a stylesheet, as inline styles tend to make debugging and general maintenance harder and more time-consuming. If page-specific styles are needed, it is usually better to group those in a style-element in the page-head. The usability of such a site may be evaluated to a high degree by running it through a text-only browser like Lynx... http://www.delorie.com/web/lynxview.html http://lynx.isc.org/ That's the basic level a well-built site should be able to work at no matter what, so testing your site in Lynx will give you a good sense of what works and what doesn't. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Making legends behave like normal boxes
Hi all! I'm building a site strongly based on established style guides, in which all header elements have dotted bottom-borders that stretch (as you would expect) accross the available vertical space. And I want legends to act like headers. But after applying a very solid reset (Eric's – trying this out for the first time) and applying display:block, legends still can't completely escape their very weird and specific niched-into-that-small-space-in-the-top-right. A huge right padding and overflow:hidden on the forms is almost good enough, but this eats into the right padding of the form (which is ugly) and causes Safari to create returns wherever possible in the legend's white-space in order to respect as much of the padding as possible. I thought I'd have a look at what mysterious in-house css Mozilla was applying to legends to differentiate them from other block elements, but to my surprise, there's nothing there. According to the DOM inspector's CSS concatenator it's just a normal element. Any wisdom out there? Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with site template
--- Gunlaug Sørtun [EMAIL PROTECTED] wrote: IE6 does *not* treat 'width' as proper 'min-width', so a CSS based workaround is a bit more complicated... http://www.brunildo.org/test/min-widthS.html ...or an expression can be used... http://www.gunlaug.no/contents/wd_additions_14.html regards Georg -- http://www.gunlaug.no Since this is the case, then I must be using unnecessary code in a website I'm working on. I have my site set up as divs that are laid out like rows as opposed to columns. Each div being a wrapper for the content contained within. I wrapped the floated content within these divs in another div called container, which I set to a specific width while the wrapper divs are set to 100%. I also gave each of the wrapper divs and the container div a min-width of the specific width I wanted: 1006px to keep it from stretching because I wanted the flowers (graphic) that are floating right of the content to stop at that location in the browser window. The page is working across all the browsers I test for including IE 6 but I guess for reasons other than the min-width specified in the CSS? Can someone explain why it's working and basically if I just need to scrap the min-width properties I have in the CSS as it seems to me based on this discussion that it's unnecessary? My guess is that the reason it's working is because the container I have my content in is set to a specified width? Here are the links: http://e7flux.com/index3.html http://e7flux.com/css/e7flux.css TIA, Elli Luggage? GPS? Comic books? Check out fitting gifts for grads at Yahoo! Search http://search.yahoo.com/search?fr=oni_on_mailp=graduation+giftscs=bz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help me about IE opacity for texts
On Fri, 14 Sep 2007 17:42:53 +0800, Ethan wrote: Hi, I really want to know that if I can set some sentences transparent in an article using IE filter opacity. For example, aa link/a or spansentence/span. I can do this using opacity in FireFox very easily. But this is not the case for IE. I know I need to give a position to the block elements for filter like float:left. [...] Odd. I did an experiment with experiment that seems to work in IE6. I *did* use positioning, but not for the element with opacity. In order to layer some text over the semi-opaque element I used relative positioning to prevent the opacity setting affecting the text itself. The element carrying opacity is positioned statically. All CSS in the HEAD section: http://webwiz.robinshosting.com/temp/opacity/ Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with site template
Elli Vizcaino wrote: http://e7flux.com/index3.html http://e7flux.com/css/e7flux.css Can someone explain why it's working and basically if I just need to scrap the min-width properties I have in the CSS as it seems to me based on this discussion that it's unnecessary? My guess is that the reason it's working is because the container I have my content in is set to a specified width? Exactly. Declaring a width _there_ using an absolute-sized unit - px, turns it into a fixed-width layout. Once you declare a fixed 'width' on a container, elements inside it will have a fixed width - fixed relatively to that container-width or on their own. Declaring 'min-width' anywhere doesn't have any effect in any browser in such a scenario, since the width itself doesn't change no matter what. A 'min-width' on an element will override 'width' only if 'width' is smaller than 'min-width' for that element. That happens only if the 'width' is flexible - one way or another, or a too small 'width' is declared. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with site template
--- Gunlaug Sørtun [EMAIL PROTECTED] wrote: Elli Vizcaino wrote: http://e7flux.com/index3.html http://e7flux.com/css/e7flux.css Can someone explain why it's working and basically if I just need to scrap the min-width properties I have in the CSS as it seems to me based on this discussion that it's unnecessary? My guess is that the reason it's working is because the container I have my content in is set to a specified width? Exactly. Declaring a width _there_ using an absolute-sized unit - px, turns it into a fixed-width layout. Once you declare a fixed 'width' on a container, elements inside it will have a fixed width - fixed relatively to that container-width or on their own. Declaring 'min-width' anywhere doesn't have any effect in any browser in such a scenario, since the width itself doesn't change no matter what. A 'min-width' on an element will override 'width' only if 'width' is smaller than 'min-width' for that element. That happens only if the 'width' is flexible - one way or another, or a too small 'width' is declared. regards Georg -- http://www.gunlaug.no Thanks for the clarification! Elli Boardwalk for $500? In 2007? Ha! Play Monopoly Here and Now (it's updated for today's economy) at Yahoo! Games. http://get.games.yahoo.com/proddesc?gamekey=monopolyherenow __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Making legends behave like normal boxes
A link is really useful in these cases. If you can, strip down your HTML CSS to simply things. Barney Carroll wrote: Hi all! I'm building a site strongly based on established style guides, in which all header elements have dotted bottom-borders that stretch (as you would expect) accross the available vertical space. And I want legends to act like headers. But after applying a very solid reset (Eric's – trying this out for the first time) and applying display:block, legends still can't completely escape their very weird and specific niched-into-that-small-space-in-the-top-right. A huge right padding and overflow:hidden on the forms is almost good enough, but this eats into the right padding of the form (which is ugly) and causes Safari to create returns wherever possible in the legend's white-space in order to respect as much of the padding as possible. I thought I'd have a look at what mysterious in-house css Mozilla was applying to legends to differentiate them from other block elements, but to my surprise, there's nothing there. According to the DOM inspector's CSS concatenator it's just a normal element. Any wisdom out there? Regards, Barney __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE 6 menu problem
Hello, I am working on a drop down navigation - it looks/works correctly in IE7 and Firefox, but not IE 6. I would appreciate any guidance to fixing this. You can see the page here - http://www.jgardnerdesigns.com/web-design-services.htm Thanks, Jennifer Fussy? Opinionated? Impossible to please? Perfect. Join Yahoo!'s user panel and lay it on us. http://surveylink.yahoo.com/gmrs/yahoo_panel_invite.asp?a=7 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6 menu problem
JGardner wrote:
Hello,
I am working on a drop down navigation - it looks/works correctly in
IE7 and Firefox, but not IE 6. I would appreciate any guidance to
fixing this. You can see the page here -
http://www.jgardnerdesigns.com/web-design-services.htm
Thanks, Jennifer
you have
!--[if lt IE 7]
style type=text/css media=screen
...
body{behavior:url(css/csshover.htc); font-size:110%;}
...
/style
![endif]--
but no
http://www.jgardnerdesigns.com/css/csshover.htc
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 breaks nav and site check
Brian Funk wrote:
html at: http://www.lionbearkennels.com/
css at: http://www.lionbearkennels.com/lbk_style.css
Zoom up or down in IE7 and watch the main navigation.
In IE7, inline elements with padding, background, border (like your 'li' and
'a') have problems when 'zoomed' [1].
Try applying hasLayout to your inline 'li' (and or to the 'a'), for example
with:
#navwrap ul li, #navwrap2 ul li { zoom: 1 }
I hope this helps a little,
Bruno
[1] http://www.brunildo.org//test/ie7_badzoom.html
[2] http://www.satzansatz.de/cssd/onhavinglayout.html
--
Bruno Fassino http://www.brunildo.org/test
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Cory Shubert wrote:
Hi all, I am throwing our new design out there for critique and
suggestions.
http://www.nwaworldvacations.com
BLOCKED::http://www.nwaworldvacations.com
We tried to do a better job of CSS and moved into a more Web 2.0 vibe,
...{trimmed}
I am posting here to help us continue on that learning curve.
Cory
Cory,
If you mean what you wrote about transitioning to CSS then you may want
to /continue to employ tables for the tabular data/. But as of now, it
seems to me, you're running a predominately table oriented site with a
doctype.
The way some of us handle Ajax/JavaScript functionality is to use same
with the qualifier the page will work, as well (if not better), without
either or both. Your slow page loads may be more part and parcel of the
Web 2,.0 vibe than
a practical CSS issue. Fast load from the CSS perspective, in my
opinion, has more to do with lean, mean coding practice. Eliminating
inline styles and other table like practices, calling js from an
external file, and reducing white space in the source document /may/
help speed things up to a lessor extent.
Testing at +1 and +2 font-scaling in compliant browsers is a good idea;
and, providing text for IE users without the need for them to jump
through hoops to scale it is always advantageous.
Best,
~dL
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Help me about IE opacity for texts
Ethan wrote: I really want to know that if I can set some sentences transparent in an article using IE filter opacity. For example, aa link/a or spansentence/span. I can do this using opacity in FireFox very easily. But this is not the case for IE. I know I need to give a position to the block elements for filter like float:left. But this will destroy the structure of the article. In order for IE filters to work the element they are applied to must have hasLayout [1]. Try to find an hasLayout trigger with no (or acceptable) side effects for your case: You mentioned that you cannot use float or assign a width, then try zoom:1 Hth, Bruno [2] http://www.satzansatz.de/cssd/onhavinglayout.html#filter -- Bruno Fassino http://www.brunildo.org/test __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Any tips on image loading?
Hi all, You all have been great so far with helping me out on my first CSS site, whether I emailed or checked the archives, I found everything I needed, so thanks! I finally have finished the homepage, but I noticed that my images are loading slowly. What am I missing here? www.skeetrbeatronline.com http:www.skeatrbeatronline.com Help is much appreciated, and happy Friday! Allison __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with site template
[EMAIL PROTECTED] wrote:
Hello,
I have a few problems is completing site template:
http://www.linkhomes2000.co.uk/mortgage-repayment.php
1) I can't make min-width work in I.E. 6, probably not in any others either
({can't check others} Works reasonably well in FF).
2) Need to make my menu more accessibility friendly, but not sure how to go
about this. (not sure if this should be on this forum)
Kind Regards
DG)
With regard to the menu: that is complicated and difficult menu to
pull-off cross-browser. You may be better off with unobtrusive
javascript. Or a site map.
If your definition of accessibility includes readability of the content
text for those fortunate enough to be sighted, or partially sighted,
these additions and deletions may be the first step toward that:
body {
font-size:100%;
font-family:Arial, Helvetica, sans-serif;
color:#00;
background-color: #fff.
/*
letter-spacing:0.0125em;
word-spacing:0.0225em;
line-height:1.25em;
font-weight:bold;
text-decoration:none;*/
}
#content p, #leftbar p {
/*font-size:100%;
font-family:Arial, Helvetica, sans-serif;
color:#324040;
text-decoration:none;
line-height:1em;
font-variant:small-caps;*/
margin:0;
padding:0;
}
Best,
~dL
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6 menu problem - 1/2 solved
With great embarrassment, I thank you - I forgot to upload it. That part works
now.
The menu is still not positioned correctly and the hover background color is
not working on the drop down. Any ideas anyone?
Thanks,
Jennifer
- Original Message
From: Ingo Chao [EMAIL PROTECTED]
To: JGardner [EMAIL PROTECTED]
Cc: CSS List css-d@lists.css-discuss.org
Sent: Friday, September 14, 2007 2:13:40 PM
Subject: Re: [css-d] IE 6 menu problem
JGardner wrote:
Hello,
I am working on a drop down navigation - it looks/works correctly in
IE7 and Firefox, but not IE 6. I would appreciate any guidance to
fixing this. You can see the page here -
http://www.jgardnerdesigns.com/web-design-services.htm
Thanks, Jennifer
you have
!--[if lt IE 7]
style type=text/css media=screen
...
body{behavior:url(css/csshover.htc); font-size:110%;}
...
/style
![endif]--
but no
http://www.jgardnerdesigns.com/css/csshover.htc
Ingo
--
http://www.satzansatz.de/css.html
Yahoo! oneSearch: Finally, mobile search
that gives answers, not web links.
http://mobile.yahoo.com/mobileweb/onesearch?refer=1ONXIC
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cory Shubert Sent: Friday, September 14, 2007 5:44 AM To: css-d@lists.css-discuss.org Subject: [css-d] Site check please Hi all, I am throwing our new design out there for critique and suggestions. http://www.nwaworldvacations.com BLOCKED::http://www.nwaworldvacations.com We tried to do a better job of CSS and moved into a more Web 2.0 vibe, at least that is what we were trying for. I am sure many will lament our use of tables still, but some habits die hard. I am curious to learn how we might have done a better job with our CSS, i.e. better use of IDs or Classes, less nested, more nested... We did add some Ajax/JavaScript functionality that we didn't have in our previous designs, and are noticing slow page loads and would love to learn or hear of how others handle this better. The Las Vegas destination page is a particularly slow one due to the backend loading of all the hotels... then do a price find and it can take up to 22 seconds to return all the prices for each of them. This is something we are working on to fix/solve/adjust. Our team is small and we based much of our work on the few classes or seminars we have been able to attend as well as on Andy Budd's CSS Mastery. ### Start here: http://www.websiteoptimization.com/services/analyze/wso.php?url=http://www.n waworldvacations.com/ A good target size for a page is about 70k. Walt __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] bg image pops up in IE7
hmm anybody know why this happens on IE 7? - http://www.fatgraffix.com/clients/fatgraffix/fgx_v2a_dev10/logos_01.html other pages on this site w/ bgs seem to work fine. thx all for any assistance... =fgx= __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Any tips on image loading?
I finally have finished the homepage, but I noticed that my images are loading slowly. What am I missing here? Loads in less than a second here. But the two header images are pretty big. One way to optimize it would be to make the green grid a small repeating image in your #header span rule, and then put the header's text as a smaller transparent image of only the text. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
