Re: [css-d] browser rendering problem
Tim Wolak wrote: Thanks for that guys! A little tweaking and it worked perfect! For some reason I have a nice nagging white border around the backround image that is repeating on the page Any ideas as to who the problem child/div might be? Thanks again for the help! http://dev.howsmykiddriving.org Introduce body-styles again, and remember that the body-element is body, not #body. The body doesn't have, or need, an ID. So, it should be... body { margin: 0; background: #000 url(/images/road.jpg) repeat-x; } ...and nothing more. You should then delete #container-styles and #container-element, since it serves no purpose. FWIW: you page is still severely broken in IE6 even at default, and blows apart in all browser when subjected to font resizing. 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] Can we create a newsletter in CSS
I might be a bit late with my post. I think the best information about newsletters you can get by subscribing and observing letter from the respectful companies of the similar business. The safest is hybrid layout, the tabled one. I saw that lots of companies are just slicing pictures with text and it looks good,readable and nice. The chose should depend on what business you are in, what is more important in your newsletters the actual text(information) or the product display(pictures). It reminds me of a book Pattern Recognition http://www.williamgibsonbooks.com/books/pattern.asp __ 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] Can we create a newsletter in CSS
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Carla Bruni Sent: domingo, 30 de Novembro de 2008 16:32 To: css-d@lists.css-discuss.org Subject: [css-d] Can we create a newsletter in CSS I might be a bit late with my post. I think the best information about newsletters you can get by subscribing and observing letter from the respectful companies of the similar business. The safest is hybrid layout, the tabled one. I saw that lots of companies are just slicing pictures with text and it looks good,readable and nice. The chose should depend on what business you are in, what is more important in your newsletters the actual text(information) or the product display(pictures). It reminds me of a book Pattern Recognition http://www.williamgibsonbooks.com/books/pattern.asp Thanks a lot. I'm still struggling with... well... the newsletter system. (after give up from phplist and the encoding issues, I'm now trying to use poMMo btw) :s So, I'm not even on the layout part so... yes, it's on time. The image should be important, not the product image (it will have agriculture products so, they don't sell by pretty) but the company image is important. Since I was on my way to learn CSS I'm feeling this table approach always like a drawback... but I know I know... we cannot control the internet... :s I will take a look of how other companies send they newsletters. That was a good tip that I forgot. Regards, Marcio __ 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] 2nd request -- help with IE issue on Navigation
I'm having a problem with the display on the navigation for this page in IE6: http://ambientglow.com/garage/jfogg/sample-home.html css: http://ambientglow.com/garage/jfogg/_css/home.css menu css: http://ambientglow.com/garage/jfogg/SpryAssets/SpryMenuBarHorizontal.css The menu bar appears outside of the footer div which contains it, and the style below is not recognized -- instead the font displays as black. ul.MenuBarHorizontal a { display: block; cursor: pointer; color: #EBEBEB; text-decoration: none; } Any ideas would be appreciated. Thanks, Peg __ 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] Problem with form in IE6 and IE7
Hi, I have a form that I can't get to format properly in IE (6 or 7). You can see it at: http://www.apvx95.dsl.pipex.com/SpanishIntensives/bookingPHP.html The stylesheet is at: http://www.apvx95.dsl.pipex.com/SpanishIntensives/styles/spanishintensives.css All the selectors for the form are at the bottom of the stylesheet. Both the CSS and the XHTML validate OK. It's basically a form cribbed from Simon Collinson's Beginning CSS Development. It looks fine in FF, Safari and Opera, but in IE6 and IE7 the form data entry elements line up underneath their labels instead of alongside them. Is there a technique for getting a form like this to look right in IE? Thanks in advance. Cheers 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/
Re: [css-d] Problem with form in IE6 and IE7
Peter Bradley wrote: I have a form that I can't get to format properly in IE (6 or 7). It looks like you are using a definition list for the form fields. In addition to being illogical, it also causes trouble in styling. The dl element may have idiosyncratic rendering features in browsers, and using float often causes browser differences. It would be _far_ easier (and more logical) to use a table. If you have been forbidden from using a table, you could use simply label and input and div (or just br) elements, making the labels floated on the left with specific width, much the way you are doing now. (Using a table would be much more flexible, since then a browser would automatically select the width for the column of labels according to the width requirements of the longest label.) See a sketchy example at http://www.cs.tut.fi/~jkorpela/forms/tables.html#css -- Yucca, http://www.cs.tut.fi/~jkorpela/ __ 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] Problem with form in IE6 and IE7
From: Jukka K. Korpela [EMAIL PROTECTED] Date: Sun, 30 Nov 2008 22:24:09 +0200 To: CSS-D css-d@lists.css-discuss.org Subject: Re: [css-d] Problem with form in IE6 and IE7 Peter Bradley wrote: I have a form that I can't get to format properly in IE (6 or 7). It looks like you are using a definition list for the form fields. In addition to being illogical, it also causes trouble in styling. The dl element may have idiosyncratic rendering features in browsers, and using float often causes browser differences. It would be _far_ easier (and more logical) to use a table. If you have been forbidden from using a table, you could use simply label and input and div (or just br) elements, making the labels floated on the left with specific width, much the way you are doing now. (Using a table would be much more flexible, since then a browser would automatically select the width for the column of labels according to the width requirements of the longest label.) See a sketchy example at http://www.cs.tut.fi/~jkorpela/forms/tables.html#css -- Yucca, http://www.cs.tut.fi/~jkorpela/ Try giving input/textarea/select elements a left margin, and absolute positioning to label elements. See http://www.aroundtheblock.net/tutorials/forms/ for an example. --- Alyda __ 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] Problem with form in IE6 and IE7
Peter Bradley wrote: http://www.apvx95.dsl.pipex.com/SpanishIntensives/bookingPHP.html Is there a technique for getting a form like this to look right in IE? For a somewhat logical and identical line-up across browser-land for a flexible layout like yours, I think you simply have to give the browsers more freedom to arrange elements to the conditions... http://www.gunlaug.no/tos/alien/pb/test_08_1130.html ...as that avoids both squishing and/or expansion in a table, and the risk for overlapping that absolute positioning causes. Relevant CSS - all of it - for your existing source-code: fieldset dl { padding-bottom:1em; border:1px solid #666; background:#DDD; } fieldset dt { float: left; padding:0.5em; clear: both; } fieldset dd { margin: 0; padding:0.5em; clear: right; text-align: right; } 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] Column Height
Is there a way to have a 3 column layout, where the right and left are a fixed width, the center is fluid, and all three columns are the full length between the header and the footer, which are set at the full length of the screen? AND to do it all with CSS? Thanks, Paul -- We can't solve problems by using the same kind of thinking we used when we created them. ~Albert Einstein If you want the truth to stand clear before you, never be for or against. The struggle between for and against is the mind's worst disease. ~Sent-ts'an, c.700 C.E. __ 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] Column Height
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Paul Ravenstone Sent: Sunday, November 30, 2008 11:30 PM To: css-d@lists.css-discuss.org Subject: [css-d] Column Height Is there a way to have a 3 column layout, where the right and left are a fixed width, the center is fluid, and all three columns are the full length between the header and the footer, which are set at the full length of the screen? AND to do it all with CSS? Thanks, Paul -- We can't solve problems by using the same kind of thinking we used when we created them. ~Albert Einstein If you want the truth to stand clear before you, never be for or against. The struggle between for and against is the mind's worst disease. ~Sent-ts'an, c.700 C.E. Hello, take a look here: http://www.satzansatz.de/cssd/companions.html That should do the trick. More here: http://css-discuss.incutio.com/?page=ThreeColumnLayouts Best regards, Christian __ 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] Problem with form in IE6 and IE7
Jukka K. Korpela wrote: Peter Bradley wrote: I have a form that I can't get to format properly in IE (6 or 7). It looks like you are using a definition list for the form fields. In addition to being illogical, it also causes trouble in styling. The dl element may have idiosyncratic rendering features in browsers, and using float often causes browser differences. It would be _far_ easier (and more logical) to use a table. If you have been forbidden from using a table, you could use simply label and input and div (or just br) elements, making the labels floated on the left with specific width, much the way you are doing now. (Using a table would be much more flexible, since then a browser would automatically select the width for the column of labels according to the width requirements of the longest label.) See a sketchy example at http://www.cs.tut.fi/~jkorpela/forms/tables.html#css Hi Peter, The DL.DT.DD family is a rare and unique jewel in the family of HTML tags and the only one I know of with such a relationship between the three elements in the sub-family. I've used it many times and been pretty happy with it. That being said, it doesn't fit in this case and there's already a set of tags for this. I can understand Jukka's suggestion to use tables to achieve the desired effect and I've looked at his page, but I'd like to offer an alternative. One thing that is commonly overlooked is that the label element is permitted to wrap around it's associated input element such that instead of this: label for=thingLabel Text:/labelinput name=thing id=thing ...we're also allowed this: label for=thingLabel Text:input name=thing id=thing/label When we make the label element display:block, we then get a row we can work with. Throw your label text into a span, add a little float and negative margin magic and we can very closely emulate what we could achieve with tables. I've prepared a snippet of your form using this method and published it at this URL: http://theholiergrail.com/cssd/spanish-intensives-form.html I hope it helps. --Bill -- !-- ! Bill Brown - [EMAIL PROTECTED] - 484-809-8077 ! WebDevelopedia.com, TheHolierGrail, MacNimble.com ! 24 Countryside Drive, Johnston, RI 02919 -- __ 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] 2nd request -- help with IE issue on Navigation
From: Ambient Glow [EMAIL PROTECTED] I'm having a problem with the display on the navigation for this page in IE6: http://ambientglow.com/garage/jfogg/sample-home.html css: http://ambientglow.com/garage/jfogg/_css/home.css menu css: http://ambientglow.com/garage/jfogg/SpryAssets/SpryMenuBarHorizontal.css The menu bar appears outside of the footer div which contains it, and the style below is not recognized -- instead the font displays as black. ul.MenuBarHorizontal a { display: block; cursor: pointer; color: #EBEBEB; text-decoration: none; } Not seeing the menubar outside the footer, but once you put REAL href addresses in the links instead of the #, IE6 will play along and show your light colored text. ~holly __ 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/