Re: [css-d] stand-down
On 2009/07/22 19:41 (GMT-0400) David Laakso composed: ... re: http://chelseacreekstudio.com/dl/index.php ... Then you will need to purchase a monitor for me so that I can see the whole page on the screen in order to make a capture of it :-) . Firefox 3.0.11 fullscreen 1600x2560. No scrollbar either direction. http://fm.no-ip.com/SS/laakso090722b.png -- No Jesus - No peace , Know Jesus - Know Peace Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.com/ __ css-discuss [cs...@lists.css-discuss.org] 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] stand-down
David McGlone wrote: On Wednesday 22 July 2009 08:29:08 pm Felix Miata wrote: On 2009/07/22 19:41 (GMT-0400) David Laakso composed: Ron Zisman wrote: i want to see the whole damn page. re: http://chelseacreekstudio.com/dl/index.php Then you will need to purchase a monitor for me so that I can see the whole page on the screen in order to make a capture of it :-) . http://fm.no-ip.com/SS/jennbe01.jpg is a 2560x1600 fullscreen screenshot I took of another poster's page, without using a display anywhere near that large. With the right OS and settings, lack of particular hardware need not be an impediment to getting a screenshot of a very large desktop. OTOH, your page doesn't even take up half my actual current screen width, but does only show about 50% of its height without scrolling. Does the nature of this page demand seeing it all at once? Is there any good reason it should not be allowed to use all available window width, possibly reducing the need for vertical scroll to zero? Awesome, another Linux user here. I assumed just about everyone here were MS users. And I'm another. Now, how did Felix capture a window larger than his desktop I know in Windows XP, Alt-PrtScr will capture the full active window, but I don't know if it gets all of a window larger than the desktop ... -- David gn...@hawaii.rr.com authenticity, honesty, community __ css-discuss [cs...@lists.css-discuss.org] 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] stand-down
David McGlone wrote: http://chelseacreekstudio.com/dl/index.php Everyone who has replied made very valuable and extremely helpful comments for which I am most grateful. Reload and take no prisoners. Nice! I like it way better than the first one. I see you implemented ajax. was it complicated to do? Ajax? No, there is no ajax. Best, Westmoreland __ css-discuss [cs...@lists.css-discuss.org] 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] Is there such a thing as a sub class (in css not society)
I want to rationalise my css so that I am not continually inventing
classes when I want to create a new effect.
Today I have created a 'pullout' class which has a head, image and body.
I don't want to use an H? because I don't know where that element is
going to sit in a document and I don't want to have to undo any styles
set previously.
So I have .thisHead and .thisImg which are not styled explicitly but
within their context, e.g. .pullout .thisHead {}. This means I have to
re-style .thisHead whenever it belongs to a different parent but at
least I don't have to invent a new class name.
So far so good. But now I have a 'comment' class which follows a set
format except its width changes depending whether it is a short or
medium length.
So I tried class=comment wide but that doesn't work because .wide is
not set explicitly, only within another style. The alternative is to
have a narrowComment class and a wideComment class because a wide class
with a set width means it can only apply to a 'comment' element.
I've used .larger and .smaller in the past but I have to specify the
increment which gives me no flexibility.
It would be simpler if I were dealing with IDs because I could style my
#comment and add a .wide class and then specify the style for #comment
.wide in my style sheet.
But 'Comment' is not an object, its a type.
So, in effect, I'm looking for a sub class. Does this make sense and is
there a logical solution that's portable and not too exotic?
--
Kind Regards
Chris Price
Choctaw
chris.pr...@choctaw.co.uk mailto:chris.pr...@choctaw.co.uk
www.choctaw.co.uk http://www.choctaw.co.uk
Tel. 01524 825 245
Mob. 0777 629 0227
Choctaw Media
Fertile Ground for Websites
Follow me on Twitter http://twitter.com/choctaw
Catch up with me on LinkedIn http://www.linkedin.com/in/spoonfulofdreams
Its a Living Thing~~
Sent on behalf of Choctaw Media Ltd
~~
Choctaw Media Limited is a company registered in
England and Wales with company number 04627649
Registered Office: Priory Close, St Mary's Gate,
Lancaster LA1 1XB, United Kingdom.
__
css-discuss [cs...@lists.css-discuss.org]
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] stand-down
re: http://chelseacreekstudio.com/dl/index.php Interesting, only the first digit of your numbers on the portfolio screen are clickable. Rather, they're all clickalle, but Konqueror momentarily shows a dotted selection box only around the first digit when I click ... The CSS has been modified. Are you getting a focus-ring around all digits in Konqueror, now? __ css-discuss [cs...@lists.css-discuss.org] 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] Is there such a thing as a sub class (in css not society)
U can set multiple style classes to an item. Also u can use the
cascade. So u can set styles for all of the .thisHead And then set
styles that are only for .pullout .thisHead
Sent from my iPhone
On Jul 23, 2009, at 7:56 AM, Chris Price chris.pr...@choctaw.co.uk
wrote:
I want to rationalise my css so that I am not continually inventing
classes when I want to create a new effect.
Today I have created a 'pullout' class which has a head, image and
body.
I don't want to use an H? because I don't know where that element is
going to sit in a document and I don't want to have to undo any styles
set previously.
So I have .thisHead and .thisImg which are not styled explicitly but
within their context, e.g. .pullout .thisHead {}. This means I have to
re-style .thisHead whenever it belongs to a different parent but at
least I don't have to invent a new class name.
So far so good. But now I have a 'comment' class which follows a set
format except its width changes depending whether it is a short or
medium length.
So I tried class=comment wide but that doesn't work because .wide is
not set explicitly, only within another style. The alternative is to
have a narrowComment class and a wideComment class because a wide
class
with a set width means it can only apply to a 'comment' element.
I've used .larger and .smaller in the past but I have to specify the
increment which gives me no flexibility.
It would be simpler if I were dealing with IDs because I could style
my
#comment and add a .wide class and then specify the style for #comment
.wide in my style sheet.
But 'Comment' is not an object, its a type.
So, in effect, I'm looking for a sub class. Does this make sense and
is
there a logical solution that's portable and not too exotic?
--
Kind Regards
Chris Price
Choctaw
chris.pr...@choctaw.co.uk mailto:chris.pr...@choctaw.co.uk
www.choctaw.co.uk http://www.choctaw.co.uk
Tel. 01524 825 245
Mob. 0777 629 0227
Choctaw Media
Fertile Ground for Websites
Follow me on Twitter http://twitter.com/choctaw
Catch up with me on LinkedIn http://www.linkedin.com/in/spoonfulofdreams
Its a Living Thing~~
Sent on behalf of Choctaw Media Ltd
~~
Choctaw Media Limited is a company registered in
England and Wales with company number 04627649
Registered Office: Priory Close, St Mary's Gate,
Lancaster LA1 1XB, United Kingdom.
__
css-discuss [cs...@lists.css-discuss.org]
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 [cs...@lists.css-discuss.org]
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 Jumping Div and Firefox Unexpected Wrap
I'm having two problems in the same css that I'm at a loss to deal with. I'm hoping someone has some insight... My page is visible at http://ourhouse.ridiculouspower.com:8080/~ahaig/rowhill/ 1. In Internet Explorer, the central div jumps down below the two side columns. Works fine in Safari and Firefox, and either doesn't seem to be a hasLayout issue or I can't find the appropriate element without layout. 2. In Firefox, the right div in the strip in the central div (the white background with people and text over it and a scroll bar) jumps below the strip and becomes invisible (overflow is set to hidden). If overflow is set to visible then it pushes everything down. Safari works as expected. Any ideas? I have tried many different things, but I'm not sure what details would be useful beyond providing the link to the page itself. Thanks Asher __ css-discuss [cs...@lists.css-discuss.org] 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] Outlook style menu bar
Hi, I have been tasked with revamping the user interface for our company's flagship application. The layout is pretty standard fare, and I've got the frameset built in CSS, as in the example below. However I have an issue with the left-hand menu bar. There is a list of links anchored to the bottom of the screen, and as items in this list are selected, a context-sensitive menu is displayed above. It's very loosely based on the Outlook menu bar. Since both menus are dynamic, there are occasions where the fixed menu overlaps the menu above - and this is where I've got stuck! I want a scrollbar to appear on the context-sensitive menu when required, but since I don't know how high the bottom menu will be, I can't fix the height of the top menu. I've created a mock-up of the application here: http://www.instantsquid.com/ Thanks in advance for any suggestions, Ian Jones. __ css-discuss [cs...@lists.css-discuss.org] 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] Is there such a thing as a sub class (in css not society)
To address the subject line before getting to the actual problem
described: No. HTML classes (which CSS class selectors select) are not
classes in the sense used in traditional OO programming. They are
classes in the wider sense.
4: a collection of things sharing a common attribute; there
are two classes of detergents [syn: category, family]
-- Wordnet
So throw all thought about OO programming concepts away when thinking
about classes in terms of HTML and CSS.
2009/7/23 Chris Price chris.pr...@choctaw.co.uk:
So I tried class=comment wide but that doesn't work because .wide is
not set explicitly, only within another style. The alternative is to
have a narrowComment class and a wideComment class because a wide class
with a set width means it can only apply to a 'comment' element.
It would be simpler if I were dealing with IDs because I could style my
#comment and add a .wide class and then specify the style for #comment
.wide in my style sheet.
You can combine multiple classes selectors too:
.comment.wide { }
But support is lacking in IE6.
--
David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk
__
css-discuss [cs...@lists.css-discuss.org]
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] stand-down
At 6:03 PM -0400 7/22/09, David Laakso wrote: http://chelseacreekstudio.com/dl/index.php Everyone who has replied made very valuable and extremely helpful comments for which I am most grateful. Reload and take no prisoners. Best, Westmoreland David: It looks great to me! It does what it is supposed to do and it does it in style. What else is there? Additionally, I find it's easy to navigate and anyone who has problems with the navigation probably couldn't find their way around a site without flashing arrows anyway. The only thing I don't understand is the Westmoreland sig, but then again, I don't understand a lot of things these days. Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com __ css-discuss [cs...@lists.css-discuss.org] 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] background-color : transparent; showing up as white in ie6 7 and AOL 9.1
hey all, I hope someone can help me out with this. I am starting on a site (it's still very rough) http://www.uoguelph.ca/mcb/test/contact.shtml and there are a couple of divs with a transparent background .headerleft #globalnav the search should be transparent, too. instead that whole area is showing up with a white background in AOL 9.1, ie6 and ie7. ie8 is ok. the styles are here http://www.uoguelph.ca/mcb/test/css/mcb2009.css I tried making the background a tiled transparent gif in IE6, but it didn't help http://www.uoguelph.ca/mcb/test/css/ie6-hacks.css any other thoughts? thanks in advance for your help. Sandy __ css-discuss [cs...@lists.css-discuss.org] 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] background-color : transparent; showing up as white in ie6 7 and AOL 9.1
Sandy wrote:
[...]
http://www.uoguelph.ca/mcb/test/contact.shtml
and there are a couple of divs with a transparent background
.headerleft
#globalnav
the search should be transparent, too.
instead that whole area is showing up with a white background in AOL
9.1, ie6 and ie7. ie8 is ok.
the styles are here
http://www.uoguelph.ca/mcb/test/css/mcb2009.css
That comes from this rule @ line 271 -
.container {
background-color : #fff;
padding : 0;
width : 860px;
}
Other browsers respect the 'background-color:inherit;' @ line 109 as the
selector is more specific. IE 5 - 7 do not apply 'inherit'.
Cordially,
David
--
__
css-discuss [cs...@lists.css-discuss.org]
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] background-color : transparent; showing up as white in ie6 7 and AOL 9.1
Sandy wrote:
[...]
http://www.uoguelph.ca/mcb/test/contact.shtml
and there are a couple of divs with a transparent background
.headerleft
#globalnav
the search should be transparent, too.
instead that whole area is showing up with a white background in AOL
9.1, ie6 and ie7. ie8 is ok.
the styles are here
http://www.uoguelph.ca/mcb/test/css/mcb2009.css
That comes from this rule @ line 271 -
.container {
background-color : #fff;
padding : 0;
width : 860px;
}
Other browsers respect the 'background-color:inherit;' @ line 109 as the
selector is more specific. IE 5 - 7 do not apply 'inherit'.
David - thanks so much for taking the time to help me sort this out.
Now - your advice did get that white background out of the top of the
page, but it made the white background in the content area disappear, too.
This is really mysterious to me - the .container div starts below the
navigation, and was somehow covering the navigation ... take a look
here, where I have made it yellow with a red outline
http://www.uoguelph.ca/mcb/test/test.shtml
I tried giving the container its white background back and a margin-top
of 300px, and then the whole top nav moved down that much, as if the
container started at the top of the page, instead of after the navigation.
I am flummoxed. I really appreciate your help!
Sandy
__
css-discuss [cs...@lists.css-discuss.org]
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] text wrap
Joseph Sims wrote:
I have some images floated right with text on the left, and in
Mozilla 3.5, the text doesn't obey the margin of the image and
overlays it... upon refresh it corrects itself... what gives?
Mozilla 3.5 = ???
And I have no idea what's goin' on in Safari 4. Forcing overflow:
auto it looks like... but I don't think that's in the stylesheet.
'Tis. Line 345 of cpe.css reads:
.section .product {
display: block;
position: relative;
overflow: auto;
}
Oh, duh. I don't see how I missed that. Mostly I was wondering about the
Firefox thing.
Mozilla 3.5 = Firefox 3.5.1
Sorry, yesterday was a long day. I was obviously not with it in that email.
__
css-discuss [cs...@lists.css-discuss.org]
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] general check :: noah learner
On Tue, Jul 14, 2009 at 11:11:53PM -0400, David Laakso wrote: BTW, red on green may be difficult for some users, too. Impossible to distinguish by certain types of color blind people, actually. Ángel __ css-discuss [cs...@lists.css-discuss.org] 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] stand-down
David Laakso wrote: re: http://chelseacreekstudio.com/dl/index.php Interesting, only the first digit of your numbers on the portfolio screen are clickable. Rather, they're all clickalle, but Konqueror momentarily shows a dotted selection box only around the first digit when I click ... The CSS has been modified. Are you getting a focus-ring around all digits in Konqueror, now? Now the focus ring extends from the first digit of one pair of numbers to just before the first digit of the next set of numbers. -- David gn...@hawaii.rr.com authenticity, honesty, community __ css-discuss [cs...@lists.css-discuss.org] 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] Anchor Tags and Absolute Positioning
Hello, I am using this code to position my menu. It works beautifully positioning the menu to the right spot but the problem is that the rest of the page looses the anchor tags in all the browsers except IE. div align=center style=margin:auto; left:0; right:0; bottom:0; position:absolute; top:197px;² menu code /div I would greatly appreciate help or suggestions with this. Thanks, Deb __ css-discuss [cs...@lists.css-discuss.org] 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] series of site issues
I'm at the point of tearing my hair out. I have a site that I've got a series of issues on. First of all the font doesn't seem to stay universal from the main content with 3 boxes to the wide content. The three boxes in the main content don't seem to want to align. I have tried min-height and I have the height set to auto to flow in text. On the wide content pages, the center background image doesn't want to show up and it seems to separate from the top bg gif. Any assistance on this would be appreciated. http://www.webgirlwebdesigns.com/testing/StPaulsv1/index.html Lisa Wilcox __ css-discuss [cs...@lists.css-discuss.org] 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] Colors in PShop vs. browser
Hi, has anyone else experienced seeing colors somewhat differently in Photoshop vs. a web browser? Everything looks significantly darker in Photoshop. It certainly adds an unnecessary obstacle to the design process! Any tips on why this might be happening, and how to alleviate it? (I'm trying to match the background of an image--it's an image of type--to a hexadecimal background color.) Thanks! Lalena P.S. Hello, Ron Zisman! __ css-discuss [cs...@lists.css-discuss.org] 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] series of site issues
Lisa Wilcox wrote:
I'm at the point of tearing my hair out.
I have a site that I've got a series of issues on.
First of all the font doesn't seem to stay universal from the main content
with 3 boxes to the wide content.
Well, tearing your hair out is better than throwing yourself out a
closed window. Sort of.
Lets get it started with:
Change this:
bbody {
color: #00;
background: #FF;
font-family: Arial, Helvetica, sans-serif;
line-height: 14px;
}
To:
body {
color: #000;
background: fff;
font-family: Helvetica Neue, Arial, sans-serif;
line-height: normal;
}
http://www.webgirlwebdesigns.com/testing/StPaulsv1/index.html
Lisa Wilcox
~d
__
css-discuss [cs...@lists.css-discuss.org]
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] stand-down
tedd wrote: At 6:03 PM -0400 7/22/09, David Laakso wrote: http://chelseacreekstudio.com/dl/index.php Everyone who has replied made very valuable and extremely helpful comments for which I am most grateful. Reload and take no prisoners. Best, Westmoreland David: It looks great to me! It does what it is supposed to do and it does it in style. What else is there? Additionally, I find it's easy to navigate and anyone who has problems with the navigation probably couldn't find their way around a site without flashing arrows anyway. As I begin dropping in the full height site images, the thought of a flashing up arrow at the bottom of the page may not be such a bad idea. And those who are not going to wait around, from here to eternity, for those hug images to load, will find the back-button arrow easily enough... The only thing I don't understand is the Westmoreland sig, but then again, I don't understand a lot of things these days. William Childs Westmoreland (March 26, 1914 – July 18, 2005) was an American General who commanded American military operations in the Vietnam War at its peak from 1964 to 1968, with the Tet Offensive. -- Wikipedia Cheers, tedd Thanks, Tedd. __ css-discuss [cs...@lists.css-discuss.org] 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] Colors in PShop vs. browser
Lalena wrote: Hi, has anyone else experienced seeing colors somewhat differently in Photoshop vs. a web browser? Everything looks significantly darker in Photoshop. It certainly adds an unnecessary obstacle to the design process! Any tips on why this might be happening, and how to alleviate it? (I'm trying to match the background of an image--it's an image of type--to a hexadecimal background color.) You've got a profile mismatched in your file. For web graphics your RGB profile should be set for the sRGB icc profile. And your graphics should be saved for web, not by using the 'Save As' option under the 'File' tab, but from teh 'Save for web and devices' dialog. What file formats are you saving out? ~Nate __ css-discuss [cs...@lists.css-discuss.org] 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] stand-down
david wrote: David Laakso wrote: re: http://chelseacreekstudio.com/dl/index.php Interesting, only the first digit of your numbers on the portfolio screen are clickable. Rather, they're all clickalle, but Konqueror momentarily shows a dotted selection box only around the first digit when I click ... The CSS has been modified. Are you getting a focus-ring around all digits in Konqueror, now? Now the focus ring extends from the first digit of one pair of numbers to just before the first digit of the next set of numbers. Then it is the same as what I get here in Mac FF and SeaMonkey. If this is not problematic for you, or anyone else, I will leave it go at that. Thank you for checking it. __ css-discuss [cs...@lists.css-discuss.org] 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] margin-left 200px fails in IE7 for a 2 column float fluid layout
I probably have a basic IE browser bug affecting floats and or
margins. It would be great to get a fix for this (#1.) margin-left
200px not working in MSIE7(5.5 and 6 too) and identify the bug so I
understand it going forward. The CSS in question is at the bottom of
this email. There are two other bugs (#2 and #3) I am trying fix at
the moment if anyone knows.
Here is a screenshot showing bug
http://modernia.net/oh/7-22msie7-xp.png
The address of this 'Ohlone' layout template is
http://www.modernia.net/oh/5/
This is a convenient diagram of the wordpress theme framework I am
working with html DIVs organization
http://themehybrid.com/blog/wp-content/uploads/2009/02/hybrid-legend.png
(all tested at 1024 x 764 screen rez)
ALL SAME 2 PROBLEMS ON IE 5.5, 6, 7 on XP
#1. *** #content {margin-left:200px;} This margin does not happen
--- so the fluid content area pushes down the static sidebar area
(#primary #secondary)
#2.*** containers for header, horiz. nav., footer dont show background
color(But the margins seem to be there in terms of spacing)
#3. IE 5.5, 6 on XP: #content expands to fill viewport
ALL THESE BROWSERS LOOK OK: (MOST OR ALL OSX safari and FF), IE 8, FF
1.5 on win2000, FF 2-3.5 on xp
I am on a mac testing with http://browsershots.org
My browser goal for this site is only to be basically functional(does
not need to be pretty) in windows IE5-6, FF1.5.
THANKS! Don
#container {
overflow:hidden;
margin:20px;
padding:5px;
background-color:red;border:1px solid #000;
}
#content {
margin-left:200px;
padding:5px;
background-color:yellow;border:1px solid #000;
}
.content {
float:right;
/* margin:20px 20px 20px 240px; */
background-color:powderblue;border:1px solid #000;
}
.hentry {
margin:20px 20px 20px 20px;
background-color:lightyellow;border:1px solid #000;
}
#primary {
float:left;width:180px;
margin:20px -180px 20px 20px;
padding:5px;
background-color:#9cf;border:1px solid #000;
}
#secondary {
float:left;width:180px;
margin:20px -180px 20px 20px;
clear:left;
padding:5px;
background-color:#9cf;border:1px solid #000;
}
__
css-discuss [cs...@lists.css-discuss.org]
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] Colors in PShop vs. browser
On Thu, 23 Jul 2009 15:34:04 -0500 Came this utterance formulated by Lalena to my mailbox: Hi, has anyone else experienced seeing colors somewhat differently in Photoshop vs. a web browser? Everything looks significantly darker in Photoshop. It certainly adds an unnecessary obstacle to the design process! Any tips on why this might be happening, and how to alleviate it? (I'm trying to match the background of an image--it's an image of type--to a hexadecimal background color.) Offtopic, but at a guess look to gamma correction in photoshop. I use GIMP so can't be more help. -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ css-discuss [cs...@lists.css-discuss.org] 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] series of site issues
Lisa Wilcox wrote:
The three boxes in the main content don't seem to want to align. I have
tried min-height and I have the height set to auto to flow in text.
The correction for the 3 boxes in Safari, Opera, FF; and, IE 6/7/8 is:
#Div2 {
/*height:auto;*/
/*min-height:350px;*/
min-height: 420px;
}
#Div3 {
/*height:auto;*/
/*min-height:350px;*/
min-height: 420px;
}
#Div4 {
/*height:auto;*/
/*min-height:350px;*/
min-height: 420px;
}
http://www.webgirlwebdesigns.com/testing/StPaulsv1/index.html
Lisa Wilcox
__
css-discuss [cs...@lists.css-discuss.org]
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] Colors in PShop vs. browser
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Lalena Sent: Thursday, July 23, 2009 4:34 PM To: css-d@lists.css-discuss.org Subject: [css-d] Colors in PShop vs. browser Hi, has anyone else experienced seeing colors somewhat differently in Photoshop vs. a web browser? Everything looks significantly darker in Photoshop. It certainly adds an unnecessary obstacle to the design process! Any tips on why this might be happening, and how to alleviate it? (I'm trying to match the background of an image--it's an image of type--to a hexadecimal background color.) Thanks! Lalena P.S. Hello, Ron Zisman! __ It's because of color profiling. If you have a browser that obeys color profiles, then it'll match, but most browsers don't have that support. so you need to save your photoshop image without a color profile. Another way around this would be to save the text with a transparent background and just let the background color on the page bleed through. ---Tim __ css-discuss [cs...@lists.css-discuss.org] 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] Is there such a thing as a sub class (in css not society)
Atkinson, Sarah wrote: U can set multiple style classes to an item. Also u can use the cascade. So u can set styles for all of the .thisHead And then set styles that are only for .pullout .thisHead I have a 'comment' class which follows a set format except its width changes depending whether it is a short or medium length. So I tried class=comment wide but that doesn't work because .wide is not set explicitly, only within another style. The alternative is to have a narrowComment class and a wideComment class because a wide class with a set width means it can only apply to a 'comment' element. I've used .larger and .smaller in the past but I have to specify the increment which gives me no flexibility. It would be simpler if I were dealing with IDs because I could style my #comment and add a .wide class and then specify the style for #comment .wide in my style sheet. But 'Comment' is not an object, its a type. So, in effect, I'm looking for a sub class. Does this make sense and is there a logical solution that's portable and not too exotic? Thanks, but that doesn't really answer my question. What I want is an empty class that has no specific meaning itself but extends another class. This is fine when I have an element within an element because I can set a style for .parent .child I can also set a specific element's style using #child .child I can also say that an element adopts 2 styles with .english .child To partly answer my question I could specify .tall . child where tall is 20% above average But what if a .tall .parent is only 10% taller? -- Kind Regards Chris Price Choctaw chris.pr...@choctaw.co.uk mailto:chris.pr...@choctaw.co.uk www.choctaw.co.uk http://www.choctaw.co.uk Tel. 01524 825 245 Mob. 0777 629 0227 Choctaw Media Fertile Ground for Websites Follow me on Twitter http://twitter.com/choctaw Catch up with me on LinkedIn http://www.linkedin.com/in/spoonfulofdreams Its a Living Thing~~ Sent on behalf of Choctaw Media Ltd ~~ Choctaw Media Limited is a company registered in England and Wales with company number 04627649 Registered Office: Priory Close, St Mary's Gate, Lancaster LA1 1XB, United Kingdom. __ css-discuss [cs...@lists.css-discuss.org] 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] series of site issues
Lisa Wilcox wrote:
On the wide content pages, the center background image doesn't want to show
up and it seems to separate from the top bg gif.
http://www.webgirlwebdesigns.com/testing/StPaulsv1/index.html
Lisa Wilcox
I only looked at the wide-content directory page.
I could not find the image. I guessd at it's name and found
'wide-content-center.gif'
on your server.
All I could come up with is you may have forgotten to include the inline
style for it.
When I added this immediately below the inline style for the top.gif it
appeared and repeated down to the bottom.gif
div style=background:
url('http://www.webgirlwebdesigns.com/testing/StPaulsv1/images/wide-content-center.gif')
top left repeat-y;
__
css-discuss [cs...@lists.css-discuss.org]
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] Icky image edges: resolution, sizing
Thank you everyone who answered my question about matching my Photoshop colors to browser colors! Now I have a new one. I'm placing images on my page--images of type. If I create my transparent gifs at the final size and resolution (72 dpi is screen resolution, right?), the type looks all bitmap-y and awful. So I am using high-res versions, and just sizing them in my html. So, in order to size them proportionally, I'm going into Image size in Photoshop and trying out different sizes, without actually applying the change, so I get the proportional size readout. Question is: Is there an easier way to figure out a proportional size? And/or: Is there a better way to do this whole task? Meaning: solving the icky-image-edges problem without using high-res images (which I assume take longer to load)? Thanks! Lalena __ css-discuss [cs...@lists.css-discuss.org] 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] Anchor Tags and Absolute Positioning
On Thursday 23 July 2009 04:22:12 pm Deborah Lundgren wrote: Hello, I am using this code to position my menu. It works beautifully positioning the menu to the right spot but the problem is that the rest of the page looses the anchor tags in all the browsers except IE. div align=center style=margin:auto; left:0; right:0; bottom:0; position:absolute; top:197px;² menu code /div I might be way off, but I was doing a page today where I was trying to use a z- index on an element and I was using the absolute position and and I had the same problem you describe, so I changed the absolute to relative and things worked in all browsers FF and IE 8, 7 and 6 but I didn't check 5. -- Blessings David M. __ css-discuss [cs...@lists.css-discuss.org] 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] stand-down
Gentlemen. Stand-down. This thread is closed; Best, Westmoreland __ css-discuss [cs...@lists.css-discuss.org] 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] Widget not in correct position
I have a little widget from RoamFree Advanced (accommodation booking). The
code is below.
When I put it on a stock standard page the positioning is where I want it.
http://server.npserver1.com/~netper/guesthouse/testpage.htm
When it's on the page I want it on, it's sitting at the top of the page (not
where I want it). You will see from the code that I have this sitting
underneath the page heading, but it's forcing itself to the top of the page.
http://server.npserver1.com/~netper/guesthouse/rooms.htm
There is obviously something in my CSS that's shifting the position, but I
can't figure out what it is.
Can anyone help?
Joanne
CODE
div align=center
style type=text/css
div.rfa_gadgetControls button { width:10em;
padding:0 !important;}
body div.dp-popup h2 { left:0px; }
/style
script type=text/javascript
src=http://gadgets.roamfree.com/rfa-ap/1.0/get;/script
script type=text/javascript
$gadget1 = new RFA_gadget('$gadget1');
$gadget1.setup.properties({ 'Petersons Armidale Winery and
Guest House' : 117300 });
$gadget1.option.showGrid(true);
$gadget1.option.maxNights(14);
$gadget1.option.defaultNights(1);
$gadget1.option.newWindow(true);
$gadget1.option.layout('horz');
$gadget1.option.dayOffset(0);
$gadget1.option.gridLabel('Spoil yourself...');
$gadget1.event.load('gadgetLoader');
/script
/div
div id=gadgetLoader/div
__
css-discuss [cs...@lists.css-discuss.org]
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] stand-down
On Wed, Jul 22, 2009 at 10:11:34PM -0400, David McGlone wrote: Awesome, another Linux user here. I assumed just about everyone here were MS users. Why would anybody with a minimum of technical computer skills use any MS software? Cheers, Ángel __ css-discuss [cs...@lists.css-discuss.org] 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/
