Re: [css-d] CSS Search form
Something that is browser compatible would be greatly appreciated. What have you tried so far? What isn't working? Sending a link for review works better. __ css-discuss [css-d@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] Big Blue Bar
I would just take your PSD of the desired look-and-feel, minus the text, and use it to make one giant bacground image. Then just position your content, absolutely or otherwise, over the boxes where you want it. The big blue bar strikes me as kind of an odd user interface, and not necessarily worth all the time and effort. On Thu, Jul 24, 2008 at 9:37 PM, Christopher [EMAIL PROTECTED] wrote: Alan Gresley wrote: Christopher wrote: I'm not opposed of it, I do appreciate the time that everyone on the list has given me or solved for me it has been more appreciated then words can say, well here I upload a mock up of the page some of the graphics are gone but that just due to I may alter them I may not you can see the box more importantly you'll see the #flashbox and the #topbar in the mock up, then I hope someone can help me solve the #topbar not touching the edge of the right hand size dilemma. Thank You all :) Mockup: http://www.walkfar.ca/test/mockup.jpg That is a lot better Christopher. Now you seem to be listening. Thank You. I see that you have the *about me* box with rounded corners and drop shadow. Technically this is quite a tricky thing to do with CSS. The graphic that you have provided is eye catching but very challenging in respect to which browser could show this affect. This would require a few extra divs for this to work in IE. I will point you to this demo. http://css-class.com/test/css/shadows/box-shadow-blur-offset-light.htm In a browser that is quite up there with CSS standards (Safari 3) this appears like this. http://css-class.com/test/images/box-shadow-rounded-corners.jpg Before you go crazy with divs to create rounded corners and drop shadows you may want to just wait for the other browsers to catch up. I will do a few demos for you later but I will remind you now, creating what you want in your graphic, I can see many hour or even days of work. Be very patient with us. BTW, my email client is fulling fast with threads relating to your various post. Please take it easy on us. Some of us on quite a few mailing list. I look forward to the demos as well. I did take a look and even previous states of the page look good in FireFox3 or Opera they do fall apart or things are not aligned properly in IE7 __ 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] P won't center
this is trumping your global p centering: #ctrtext p {grfxjobs.css (line 177) text-align:left; vertical-align:middle; } On Mon, Jul 14, 2008 at 9:46 AM, Kim Brooks Wei [EMAIL PROTECTED] wrote: http://thewei.com/sandbox/grfxjobs/bizcards/ My centered p won't center. Help, please . . . -- This email sent by Kimi Wei http://thewei.com 201-475-1854 __ 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] CSS Roll Over Effect - CONT'D
I think you are referring to CSS sprites: http://www.google.com/search?hl=enq=css+spritesbtnG=Google+Search For example, see: http://businessweek.com/ Top nav image file: http://images.businessweek.com/gen/nav/global_nav_20071220.gif On Thu, Jun 19, 2008 at 8:36 PM, Christopher [EMAIL PROTECTED] wrote: Hi, I have my div called navigation then I have navigation:hover but this does not work ? I know I'm missing a step could it be a link cause the graphic needs to be one big graphic BUT specific areas on the graphic will have links to other pages NOT the whole graphic: #menu a { background: url(button.gif) 0 0 no-repeat; ... } #menu a:hover { background-position: -157px 0; ... } #menu a:active { background-position: -314px 0; ... } ...with all 3 states in one big graphic. __ 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] Font question
CSS: h2 span {color:red} p span {font-weight:bold} HTML: h2Lorem ipsum spandolor/span/h2 do until OnGuestbook.EOF % pName: span% Response.Write (OnGuestbook(Name))%/span/p pE-mail: span% Response.Write (OnGuestbook (Email))%/span/p pWebsite: span% Response.Write (OnGuestbook(Website)) %/span/p pGender: span% Response.Write (OnGuestbook (Gender)) %/span/p pComments: span% Response.Write (OnGuestbook (Comments)) %/span/p % OnGuestbook.MoveNext loop % 2008/4/27 Allen J. Bennett [EMAIL PROTECTED]: How would I use CSS to bold-face the results of reading an Access database? In a somewhat related vein, I would like to have the third word of my H2 tags be a different color from the other words. From what I have read, the basic purpose of CSS is to separate style from content, and I want to do things in the correct manner. . . . do until OnGuestbook.EOF % Name: % Response.Write (OnGuestbook(Name))% BR E-mail % Response.Write (OnGuestbook (Email))% BR Website % Response.Write (OnGuestbook(Website)) % BR Gender: % Response.Write (OnGuestbook (Gender)) % BR Comments: % Response.Write (OnGuestbook (Comments)) % BR BR % OnGuestbook.MoveNext loop % . . . Allen J. Bennett Health books (and a health information program) here: http://www.AffiliateDreams.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-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] IE6 and IE7 on the same machine
works fine for me, all day long: This contains everything except IE 7: http://tredosoft.com/Multiple_IE This contains IE 7: http://tredosoft.com/IE7_standalone On Fri, Apr 4, 2008 at 2:07 PM, Katherine Coynor [EMAIL PROTECTED] wrote: Don't think so. When I tried to use both on my desktop the machine developed something like an allergic reaction to IE six. If anybody wants details I'll do my best to explain, but in answer to Cristain's question: nope, can't be done. Stoopid Micro$oft. On Thu, Apr 3, 2008 at 12:44 PM, Cristian Palmas [EMAIL PROTECTED] wrote: Hi, Can I install on my Win XP SP2 PC Internet Explorer 7 but keeping the IE6 for test purposes? Thanks -- ~ 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/ __ 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] IE6 and IE7 on the same machine
This contains everything except IE 7: http://tredosoft.com/Multiple_IE This contains IE 7: http://tredosoft.com/IE7_standalone On Thu, Apr 3, 2008 at 11:44 AM, Cristian Palmas [EMAIL PROTECTED] wrote: Hi, Can I install on my Win XP SP2 PC Internet Explorer 7 but keeping the IE6 for test purposes? Thanks -- ~ 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/ __ 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] Compact forms
This is the same technique as the ALA link I sent, but makes mention of running the function when the DOM is ready as opposed to when the window loads. I'll look for a way to modify my script to do just that. Thanks. On Wed, Feb 20, 2008 at 5:08 AM, Rahul Gonsalves [EMAIL PROTECTED] wrote: Hi Ben, On 19-Feb-08, at 10:58 PM, Ben Fider wrote: I've been needing to use compact forms for a few projects. In other words: the form field's labels need to be INSIDE the input element. How does this technique work for you? http://www.456bereastreet.com/archive/200710/autopopulating_text_input_fields_with_javascript/ Thanks, Ben Best, - Rahul. __ 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] Compact forms
I've been needing to use compact forms for a few projects. In other words: the form field's labels need to be INSIDE the input element. I've been using the following technique (JS), but their is a noticeable lag as the page loads, and then the script puts the labels into the input box. http://www.alistapart.com/articles/makingcompactformsmoreaccessible Would positioning the labels absolutely and way off to the left, and repeating the labels as the inputs' values be just as accessible? I figure this would eliminate the form-compacting lag. Like this: // CSS label { position:absolute; left:-999px; } // HTML form label for=firstFirst name/label input type=text name=first id=first value=First name onfocus=value='' / /form Thanks, Ben __ 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] hand coders vs wsywig coders...I had no idea
I could hand code all day long using only a text editor like Notepad or Crimson editor. But, I use DW's code view to build most everything, because as I type HTML and CSS it beautifully suggests what I begin to type and finishes it (if I so choose). This speeds up my coding big time. Furthermore, if you define you document, DW will offer suggestions as you type ASP, JSP, PHP too (I believe)... like Eclipse. But, job descriptions often read hand coders only which would lead me to deny that I use DW at all. Ben On Jan 25, 2008 12:46 PM, Scott Thigpen [EMAIL PROTECTED] wrote: Hi Guys, Yesterday I was up for a job to take on a big website and design it. They were real impressed with my work, everything was going well until I said I coded with the aid of Dreamweaver. Then you would have think I had punched the guy in the mouth. I mean there was not even well we'll think about it it was we only use hand coders. I'm not above doing hand coding, but I have no earthly idea where even to start without dreamweaver holding my hand. So do most of you guys hand code? Or do you use a wsywig editor to help? Thanks Scott -- S c o t t T h i g p e n Illustrative Designer art: http://www.sthig.com design: http://www.thigpendesigns.com Phone: 770.527.3958 __ 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] Use of !ie and !important
Create stylesheets with the css you want to feed IE6 and IE7. Then put conditional comments in the head of your page: !--[if gte IE 6]link href=/css/ie6.css rel=stylesheet media=screen, projection type=text/css /![endif]-- !--[if gte IE 7]link href=/css/ie7.css rel=stylesheet media=screen, projection type=text/css /![endif]- On Jan 6, 2008 1:38 AM, Slob Jones [EMAIL PROTECTED] wrote: Let me post the question properly. The hack !important works in IE6 but not in IE7. Is there a hack -- or perhaps another routine -- that will work in IE7? My particular problem regards positioning. I find that extra pixel or two in IE can make a design look less than stellar. david wrote: !important is not invalid. !ie is. __ 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] Suckerfish menu is funky in IE7
that's exactly what it was. thank you very much! On Dec 10, 2007 6:28 AM, Ingo Chao [EMAIL PROTECTED] wrote: Ben Fider wrote: ... http://fiderweb.com/z/ looks like a sticky hover bug in IE7 http://www.satzansatz.de/cssd/pseudocss.html#stickyhover 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] Suckerfish menu is funky in IE7
This is my first post to CSS Discuss, and I'm paranoid that I didn't submit it correctly. Can someone verify if I have (all I did was email to css-d@lists.css-discuss.org)? Perhaps this question is off-topic because of the javascript. Thoughts? On Dec 9, 2007 9:30 AM, Ben Fider [EMAIL PROTECTED] wrote: Hello, This menu seems to work fine in all new browsers that I've tested with, except IE7. The nested lists don't seem to get repositioned correctly when not hovered, and they all are in the same location, as if they were all nested within the top-most list item. I would appreciate any help. Thank you. http://fiderweb.com/z/ __ 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] Suckerfish menu is funky in IE7
Hello, This menu seems to work fine in all new browsers that I've tested with, except IE7. The nested lists don't seem to get repositioned correctly when not hovered, and they all are in the same location, as if they were all nested within the top-most list item. I would appreciate any help. Thank you. http://fiderweb.com/z/ __ 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/