Re: [css-d] Most popular fonts for browsers
2008/4/9, David Hucklesby [EMAIL PROTECTED]: Personally, I do believe this subject is most relevant to the practical use of CSS. Rather than a design choice it's a question of what is available? Accordingly I'll put a book in my britches and mention a resource that's a bit more contemporary than those already listed: http://www.apaddedcell.com/web-fonts Cordially, David Thanks David for your useful resource. Thinking about it, I agree with you when you say that it is a matter of practical use of CSS. Anyway I think that we discussed this subject perhaps too bit further... Now we have all resources to make our choice concerning typefaces. Thanks to all of the list. -- ~ Cristian Palmas ~ __ 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] Clearing a float
Christina Hawkins :: GlobalSpex wrote:
I just can't seem to wrap my head around IE and it's reasons for not
letting my clearfloat div make my 2 columns play nice. IE is
causing my MainContent1 to be placed below the leftcolumn1 div.
Index: http://www.globalspex.com/clients/ti/index.php
HasLayout[1] triggers in the form of specific width on a container with
margins and IE/win's old 3px jog bug, all in tight corners, makes IE6
run out of space pretty quickly.
Delete 'width: 590px;' on #mainContent, and IE6 will play somewhat nice.
The 3px jog bug is still there though.
Alternatively - and *much* better, turn #mainContent into a float, by
using these styles...
#mainContent {
padding: 5px;
float: right;
margin: 0 -20px 0 0;
width: 600px;
background: #efefef;
}
...which will make IE6 play a lot nicer and render identical to other
browsers.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
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] why does this work in all browsers except Firefox?
http://fndtn357.brinkster.net/ My page has a visual error in Mozilla 2.0013 but works in all other up to date browsers (IE 7, Safari for Windows, Safari on Mac, and Opera). Week 1 tab is above all the other tabs in the horizontal navigation bar. Any tips will be very much appreciated. Thanks. __ 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] Resize text based on container?
CSS-d, I have a div tag that shows the name of a logged in user. The name can vary from 6 to 16 characters. With the design I've currently got, most names fit in. But I've realized that if a name is too big, it runs past the edges of the div. Is there a way to make the size of the text be constrained so that if it's too big for the div, that it will be shrunk or squeezed to fit? -- Dave M G Articlass - open source CMS http://articlass.org __ 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] Clearing a float
Christina Hawkins :: GlobalSpex wrote:
Hello.
I just can't seem to wrap my head around IE and it's reasons for not letting
my clearfloat div make my 2 columns play nice. IE is causing my
MainContent1 to be placed below the leftcolumn1 div.
Index: http://www.globalspex.com/clients/ti/index.php
CSS: http://www.globalspex.com/clients/ti/style_main.css
Any help is greatly appreciated.
-Christina
#leftcolumn1 {
float: left;
width: 190px;
}
#mainContent {
margin: 0 0 0 190px;
padding: 5px;
width:590px; /* hasLayout [1] trigger */
}
190px + 590px + 10px = 790px
#container {
width: 780px;
overflow: hidden; /* a clue [2] */
}
What do you think the the good browsers are doing? IE5.5, IE6, IE7 all
shows a differences but they all have the same problem with the above CSS.
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
[2] http://www.w3.org/TR/CSS21/visufx.html#overflow
__
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] why does this work in all browsers except Firefox?
Hello James,
removing
#nav ul li {
display:inline /*remove this*/
}
will fix the issue on FF
Ibrahim
On Wed, Apr 9, 2008 at 1:30 PM, James Stone [EMAIL PROTECTED] wrote:
http://fndtn357.brinkster.net/
My page has a visual error in Mozilla 2.0013 but works in all other up to
date browsers (IE 7, Safari for Windows, Safari on Mac, and Opera). Week 1
tab is above all the other tabs in the horizontal navigation bar.
Any tips will be very much appreciated. Thanks.
__
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/
Re: [css-d] Resize text based on container?
Dave M G wrote: CSS-d, I have a div tag that shows the name of a logged in user. The name can vary from 6 to 16 characters. With the design I've currently got, most names fit in. But I've realized that if a name is too big, it runs past the edges of the div. Is there a way to make the size of the text be constrained so that if it's too big for the div, that it will be shrunk or squeezed to fit? What about accessibility? How about changing the design to accommodate a div that may have a name (you didn't indicate forename(s) or surnames) containing up to 20 characters like Christina Fitzgerald. That is just a random name length. Remember that text in input boxes grow when bumping up the text size. Alan http://css-class.com/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] why does this work in all browsers except Firefox?
hello again
if you removed this
li {alternate.css (line 206)
padding-left:2em;
}
will fix the problem as well.
check and let we know.
On Wed, Apr 9, 2008 at 1:30 PM, James Stone [EMAIL PROTECTED] wrote:
http://fndtn357.brinkster.net/
My page has a visual error in Mozilla 2.0013 but works in all other up to
date browsers (IE 7, Safari for Windows, Safari on Mac, and Opera). Week 1
tab is above all the other tabs in the horizontal navigation bar.
Any tips will be very much appreciated. Thanks.
__
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/
Re: [css-d] Full-height left column in fluid layout.
Richard Grevers wrote: http://www.vine.org.nz/index.php/services uses a negative-margin based How can I make the left-column (which is sized in ems) full height? http://www.vine.org.nz/index.php - complicated by the presence of the two-column masthead, which may mess up 100% heights. This is one way to do it (providing this link is not totally mangled in transmission): http://www.fu2k.org/alex/css/onetruelayout/example/interactive?order=2-1-3width=33-34-33equal_height=1longest=1time=1207745223288 -- and check the make columns equal height box. And also: http://www.satzansatz.de/cssd/companions.html -- 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] Full-height left column in fluid layout.
Richard Grevers wrote:
Hi,
http://www.vine.org.nz/index.php/services uses a negative-margin based
2-column layout plus footerstickalt. How can I make the left-column
(which is sized in ems) full height? - note that it is full height in
IE6, but that has broken the footer positioning on short pages.
Try adding a clear since you have a float #wrapper hanging out of your
#globalwrapper.
#footer {
position: relative;
margin-top: -85px;
height: 85px;
max-width: 60em; /* change if changing #globalwrapper*/
background:#fff url('/images/template/footer_bg.jpg')
bottom right no-repeat;
clear:both; /* ADD */
} /* footerstickalt */
Works in Firefox.
Alan
http://css-class.com/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] hr / styling
On 09/04/2008, Philippe Wittenbergh [EMAIL PROTECTED] wrote: On Apr 9, 2008, at 5:28 AM, Manfred Staudinger wrote: b) Firefox 2.0.0.13 ignores height completely. Gecko (Firefox) does honour the height. But it uses the 'border-box' model for hr. That means: padding and border-width are inside the specified height. In the content-box model, the specified height (or width) applies only to the content of the box (the way browsers apply height (width) to any other block level element. For more on the difference between the two models, see http://www.w3.org/TR/css3-ui/#box-model Thanks for the correction and the pointer! Manfred __ 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] Most popular fonts for browsers
At 3:09 PM +0200 4/8/08, Cristian Palmas wrote: Hi All, I'm creating a CSS layout for my personal website, divided into six subdomains, that each has its own layout. In literature section I want to use a banner with a particular typeface that reminds the act of writing (Mistral, Lucida Sans and so on). Anyway, since I don't want to create images to take place on the h2, h3, h4 tags, I was thinking about a good font to use both for the banner and for the literature subdomain titles. Every browser can show the true type fonts installed on their machine: if I don't have Comic Sans MS installed, my browser can't show it. So I was looking for most popular fonts in order to choose one that fits my visual layout intentions but which is commonly used by users. Does anybody know about a list of commonly used fonts? Thanks. -- ~ Cristian Palmas ~ http://www.codestyle.org/css/font-family/sampler-WindowsResults.shtml Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.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] Most popular fonts for browsers
At 10:17 AM -0500 4/8/08, Chris Akins wrote: tick-tock, wonder how long before this off-topic post is ended This isn't really about the practical use of CSS, but more a design choice, right? Just a friendly reminder :-) At first, I thought that too, but isn't knowing what's available for css font-family properties part of the practical application of css and thus on-topic? No need for comment. Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.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] Most popular fonts for browsers
tedd wrote: tick-tock, wonder how long before this off-topic post is ended At first, I thought that too, but isn't knowing what's available for css font-family properties part of the practical application of css and thus on-topic? Cheers, tedd This is off topic. Where in the CSS specs does it list popular fonts on various OS. Knowing what's available for CSS font-family is good information but can any further comments or links be added to the new section on this wiki page. http://css-discuss.incutio.com/?page=FontFamilyProperty Alan __ 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] Adjacent sibling selectors not taking
Hi everyone,
I use the general selector to zero my paddings and margins. I then
add in some defaults for common elements:
p, h1, h2, h3 {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
...and then use adjacent sibling sel. to refine them, which works well:
p+h1, p+h2, p+h3 {
margin-top: 1.5em;
}
Now I have a sidebar that I want to remove the default top margins of
any heading elements on the very first line, so I hoped a rule like
this would do the trick, but to no avail:
div#sidebar+h1, div#sidebar+h2, div#sidebar+h3 {
margin-top: 0em;
}
Why does the rule not work? Am I misunderstanding how these are
supposed to work?
(Changing it to a descendant selector like div#sidebar h1, etc.
shows the desired effect, but sadly on other h selectors further
down, too.)
Any help is very much appreciated!
Cheers Martin
__
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] Adjacent sibling selectors not taking
Martin Sammtleben wrote:
Hi everyone,
I use the general selector to zero my paddings and margins. I then
add in some defaults for common elements:
p, h1, h2, h3 {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
...and then use adjacent sibling sel. to refine them, which works well:
p+h1, p+h2, p+h3 {
margin-top: 1.5em;
}
Now I have a sidebar that I want to remove the default top margins of
any heading elements on the very first line, so I hoped a rule like
this would do the trick, but to no avail:
div#sidebar+h1, div#sidebar+h2, div#sidebar+h3 {
margin-top: 0em;
}
Why does the rule not work? Am I misunderstanding how these are
supposed to work?
Brother and Sister are siblings. This selectors div#sidebar+h1 selects
the h1 following div#sidebar (does one exist?). It's a child selector
you need.
(Changing it to a descendant selector like div#sidebar h1, etc.
shows the desired effect, but sadly on other h selectors further
down, too.)
Any help is very much appreciated!
CheersMartin
But even better.
h1:first-child, h2:first-child, h3:first-child {
margin-top: 0em;
}
Work in IE7, IE8 and other good browsers.
Alan
http://css-class.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] Adjacent sibling selectors not taking
At 1:21 +1000 10.4.2008, Alan Gresley wrote:
But even better.
h1:first-child, h2:first-child, h3:first-child {
margin-top: 0em;
}
Excellent! Thank you so much!
It's been a great relief to be able to use these exciting selectors
now that IE7 finally supports them.
Cheers Martin
__
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] Adjacent sibling selectors not taking - solved!
Never mind, the moment I had written it down the solution hit me: what I want is the first child selector! Cheers Martin __ 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] why does this work in all browsers except Firefox?
James Stone wrote:
http://fndtn357.brinkster.net/
My page has a visual error in Mozilla 2.0013 but works in all other up to
date browsers (IE 7, Safari for Windows, Safari on Mac, and Opera). Week 1
tab is above all the other tabs in the horizontal navigation bar.
Any tips will be very much appreciated. Thanks.
#nav ul li{
/*display:inline; DELETE */
list-style:none;
float: left; /* ADD */
margin:0 0 0 0;
}
#nav ul li a{
margin: 0; /* ADD */
padding: .25em 2em .3em 1em;
background:#ff url(../images/topnav_bg_grey.gif);
color: #00;
text-decoration:none;
/*float: left; DELETE */
border-right:1px solid #cc;
}
and way down below do something about this selector.
li {padding-left: 2em;}
It's a loose cannon. Then re-check in all browsers.
Alan
http://css-class.com/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] URL Backgrounds and Padding 0px
On Apr 8, 2008, at 9:43 PM, Gunlaug Sørtun wrote:
Alan Gutierrez wrote:
http://blogometer.com/repository/css/background-border/index.html
You're running into collapsing margins[1], where the default
vertical
margins - on the paragraph in your case - is escaping its divs
(#content
#container), ending up creating a gap between the divs (#container
#photo).
Vertical paddings on those container-divs will separate margins and
prevent that, so something as simple as...
div {padding: 1px 0;}
...will make it appear alright.
Many other properties/values that will contain margins, are
listed in
the spec[1]. You can of course also zero out the margins on paragraphs
and add paddings to them instead - if that suits your design.
regards
Georg
[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
Thank you for this answer. It is the answer I was looking for. I
discovered that specifying padding or specifying a border fixed it.
Eventually, because of the content of the div, I didn't have to add
the padding. The question was really to understand what was going on,
if it was a bug or if it was documented behavior.
Alan
--
Alan Gutierrez | [EMAIL PROTECTED] | http://blogometer.com/ | 504
717 1428
Think New Orleans | http://thinknola.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] Beginner CSS Having Absolution Pos Issue in IE7 WIN
Hello, new to this list group and CSS! Short intro - I am an illustrator and designer, and I reay enjoy making websites! I like the challenge it poses on me as I am a visual thinker and am not particularly tech savvy, though growing up with software engineers for parents, I am very comfy around computers; I am always willing to try new things. CSS being one of them! Having had only one class in web design where it was all about slicing and tables, I've been teaching myself CSS. It's been a lot of fun, and I really like it - except for all these browser issues! Onto my question - my website I'm working on www.scotty-valentine.com, is viewed perfectly fine in Safari and Firefox, but in IE 7WIN (works fine on IE MAC), there are some issues with elements that are absolutely positioned. I've looked over everything, searched the web and other forums for a solution, but I am not coming across any that is helping me. Essentially what is happening is SOME of my elements that are absolutely positioned are extending to the right further then they should. Now, I don't understand why this is happening, nor why it's only happening to SOME of the elements. Also, another odd issue is the background in my header is repeating vertically beyond what I designated should be seen (if that makes sense). Of course, I'm also having issues on older IE browsers - like PNG issues on top of the pos issues, but I am not gonna attack that headache - I will probably have to redirect people to download newer browser versions ... I think this is a viable solution? Any help on the pos issue would be awesome! I've been grappling with this for a couple days now! Thanks so much, Rhiannon __ 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] min-width: reasonable value?
John wrote: in a effort to make sure that my top banner is endless, no matter how big the monitor, I've set a min-width value of 4000 pixels. is that considered bad coding? what do other people do? thanks! John Is there a reason that width: 100% wouldn't work? It seems like a better choice than the min-width option. (somebody correct me if I'm wrong!) Will __ 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] min-width: reasonable value?
in a effort to make sure that my top banner is endless, no matter how big the monitor, I've set a min-width value of 4000 pixels. is that considered bad coding? what do other people do? thanks! John __ 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] min-width: reasonable value?
John wrote: in a effort to make sure that my top banner is endless, no matter how big the monitor, I've set a min-width value of 4000 pixels. is that considered bad coding? Strange, at least :-) Sounds like that banner will create a horizontal scrollbar even on my 3840 wide monitors. what do other people do? Depends on the case, so we must see the live page to decide which of the available solutions that are best suited. Providing you're talking about a banner-image, I think most will apply it as background and let the page be more fluid, since backgrounds don't push containers and thus won't create horizontal scrollbars. 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] Horrible Lag time in CS3 Design/WYSIWYG View
I'm in need of an expert Dreamweaver CS3 engineer or guru to take a look at why my CSS layout is experiencing such a horrendous 1-2 minute delay/refresh time in the WYSIWYG. A sample page and its css files can be downloaded here: http://www.geocities.com/craiggivens01/cs3_lag_example.zip It currently only renders correctly in Firefox, but everything validates. I believe the problem has to do with the modules.css file and all of the modules being called in the middle of the page grid, but I really can't pinpoint exactly WHY CS3 takes 1-2 minutes to refresh every time I try to either : a) paste in new text content b) add a new li in one of the modules c) create a new module by duplicating the existing div and its container grid Is it trying to re-calculate the widths of the grid? Is it the number of modules called in the markup? Is it the load time of multiple classes per div? Is it a syntax issue? I've been wrecking myself for days trying to fix this but nothing works. Any ideas are much appreciated! __ 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] Most popular fonts for browsers
At 12:53 AM +1000 4/10/08, Alan Gresley wrote: tedd wrote: tick-tock, wonder how long before this off-topic post is ended At first, I thought that too, but isn't knowing what's available for css font-family properties part of the practical application of css and thus on-topic? Cheers, tedd This is off topic. Where in the CSS specs does it list popular fonts on various OS. Knowing what's available for CSS font-family is good information but can any further comments or links be added to the new section on this wiki page. http://css-discuss.incutio.com/?page=FontFamilyProperty Alan And who says this list isn't friendly? tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.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] Horrible Lag time in CS3 Design/WYSIWYG View
Afternoon Craig You wrote I'm in need of an expert Dreamweaver CS3 engineer or guru to take a look at why my CSS layout is experiencing such a horrendous 1-2 minute delay/refresh time in the WYSIWYG. A sample page and its css files can be downloaded here: http://www.geocities.com/craiggivens01/cs3_lag_example.zip It currently only renders correctly in Firefox, but everything validates. I believe the problem has to do with the modules.css file and all of the modules being called in the middle of the page grid, but I really can't pinpoint exactly WHY CS3 takes 1-2 minutes to refresh every time I try to either : a) paste in new text content b) add a new li in one of the modules c) create a new module by duplicating the existing div and its container grid Is it trying to re-calculate the widths of the grid? Is it the number of modules called in the markup? Is it the load time of multiple classes per div? Is it a syntax issue? I've been wrecking myself for days trying to fix this but nothing works. Any ideas are much appreciated! __ Have you asked this question on the Dreamweaver forums [1] ? You will most likely get a satisfactory response to this question directly from the source. You might also have a look at the CSS-D List WIKI off topic [2] page for additional sources that can answer this question directly. Best Jim Nannery www.gotbeebar.com [1] http://www.adobe.com/cfusion/webforums/forum/index.cfm?forumid=12 [2] http://css-discuss.incutio.com/?page=OffTopic __ 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] Horrible Lag time in CS3 Design/WYSIWYG View
:) I know many are WYSIWYG averse, but unfortunately I have to make this product WYSIWYG friendly. I have tried what you recommended already and had already identified modules.css as the problem. I've gone line by line but am stuck trying to understand how/why CS3 is interpreting this perfectly valid CSS so slowly. I've stripped out all the orphans, removed the comments, kept the bare minimum...but nothing works. Which leads me to think its the combination of classes or the width auto on the modules...but I dont know of any other way of re-writing these other than how they are currently set. :/ On Wed, Apr 9, 2008 at 3:29 PM, css-d css-d@lists.css-discuss.org wrote: Craig Givens wrote: I'm in need of an expert Dreamweaver CS3 engineer or guru to take a look at why my CSS layout is experiencing such a horrendous 1-2 minute delay/refresh time in the WYSIWYG. A sample page and its css files can be downloaded here: Craig, I am answering 'off-list', as I am sure somebody will make the comment 'dont use wysiwyg'. after waiting 2-3 mins for design load, I commented out the import for the css styles, and it loaded immediately, so I would suggest commenting out the seperate import statements in basehome.css, and then re-intoducing them till the offfending stylesheet is identified. then try stripping down sections, it could be a large css sheet (modules.css), but may be another. hope this is of help. Peter __ 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] Submenu Vertical Position in IE7
HI I put this together using Dreamweaver and their Spry Menu. Works well in FF (Windows/Mac) and Safari (Mac). But in IE7, when viewing a secondary page, submenu position is at the top of the containing div, and not next to it¹s main menu parent as it was/is on rollover. Any help is appreciated, I¹ve posted to two DW forums to no avail. I have made edits to original css, could be I messed it up or DW failed me. Link:http://www.vwc.com/ATC138_test/industry-construction.html. css:http://www.vwc.com/ATC138_test/SpryAssets/SpryMenuBarVertical.css. Thank you. __ 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] displays well with Safari only
I tried to reproduce the layout of project 2 in More Eric Meyer on CSS. It is supposed to make the page look like a photo gallery. The page can be seen at http://www.point-contrepoint.com/canevas/pointcompte/colifichets.htm It looks perfect with Safari on my computer (Mac Powerbook G4) but the background-images do not appear at all on ANY other browser. What can I have done wrong ? Thanks for your help Jean-Louis Taffarelli __ 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] displays well with Safari only
Jean-LouisTaffarelli wrote: http://www.point-contrepoint.com/canevas/pointcompte/colifichets.htm It looks perfect with Safari on my computer (Mac Powerbook G4) but the background-images do not appear at all on ANY other browser. Jean-Louis Taffarelli Jean-Louis, Firefox Error Message : The image “http://www.point-contrepoint.com/canevas/pointcompte/imgcolifichets/frame-ls.gif” cannot be displayed, because it contains errors. You'll also want validate the markup and the css. -- 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/
[css-d] Resize an Image in relation to Screen Resolution
G'day Everyone I was wondering if someone could help me here. I want to resize an image so that it changes in relation to the screen resolution. I am pretty sure the size needs to be defined as a percentage but I just want to check. Cheers Daniel __ 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] Resize an Image in relation to Screen Resolution
Daniel Anderson wrote: I was wondering if someone could help me here. I want to resize an image so that it changes in relation to the screen resolution. I am pretty sure the size needs to be defined as a percentage but I just want to check. The answer is yes, use percentages if you want to resize an image in relation to the browser-window. Screen resolution is something else. 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] @media print height units
This CSS is meant to limit the printing of an html page (that may be longer
than an A3 or A4 paper page), to printing just one page of the contents. But it
doesn't work.
The problem may be my use of cm as the height unit. 42cm is the height of an A3
sheet of paper, 29.7cm for A4. Any suggestions.
html
head
titleoverflow_print_test.htm/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
meta name=generator content=BBEdit 7.1.4
style type=text/css
@media print {
body {
height:100px;
width:100px;
overflow:hidden;
}
}
@media print {
body.A3 {
height:42cm;
overflow:hidden;
}
body.A4 {
height:29.7cm;
overflow:hidden;
}
}
/script
/head
body id=A4
etc...
__
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] @media print height units
On Apr 10, 2008, at 10:52 AM, Neil Pharazyn wrote:
@media print {
body.A3 {
height:42cm;
overflow:hidden;
}
body.A4 {
height:29.7cm;
overflow:hidden;
}
}
/script
/head
body id=A4
The html says ID=A4 ! usage of ID
The CSS says body.A4 ! usage of class selector
Philippe
---
Philippe Wittenbergh
http://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/
