Re: [css-d] New to css [late response]
Ed Seedhouse said: Yes, it is wrong to use tables to create a layout, but not to use them when appropriate is equally mistaken. I would argue that a general wrong is a bit strong in this context. The wrong approach to reach your objectives in many cases or a more limited way of achieving web layouts in general. what HTML should be all about is the semantics of the content. That is what it is designed for, and was right from the start. This is both true and untrue. The semantic idea is in the heart I'd say, but it's far from a fulfilled property of HTML markup. The important part, perhaps, is that separating structure and contextual meaning (HTML) from presentation (CSS and graphics) when done right, gives many advantages. The disadvantage is that it takes another way of developing and that there are many pitfalls to watch out for. __ 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] New to css
There is nothing evil about tables, which are a part of html and as such serve the purpose of marking up tabular content. If the content is naturally tabular, then it is wrong to mark it up other than with a table. Yes, it is wrong to use tables to create a layout, but not to use them when appropriate is equally mistaken. As Bill said, what HTML should be all about is the semantics of the content. That is what it is designed for, and was right from the start. Use HTML to mark up the meaning of the content, and CSS to modify it's presentation. Abuse of DIVs simply for layout is just as wrong as abusing tables for the same purpose. If you think there is a debate about divs vs. tables you just simply don't get it. And I close with a recommendation to read the links provided by Bill. -- Ed Seedhouse __ 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] New to css
MB wrote: Bill Braun said: Setting aside the moral implications, having made a transition from a site built completely around tables to one based on div, the latter, in my experience and opinion, takes much better advantage of CSS. I have been able to do everything using div as I did using table, in a much more flexible manner, and, again in my opinion, with a slight edge in favor of design aesthetics. Based on divs? Hello? What about based on structural semantic markup and CSS-layout techniques? You guys - Bill, Claude - sound like you have contracted divitis* in your migration to CSS-layout techniques. Better find a cure. Your interpretation is a bit on the literal side, but I am grateful for your kind words nevertheless. Bill B __ 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] New to css
Ed Seedhouse wrote: And I close with a recommendation to read the links provided by Bill. Credit goes to MB for the links. Bill B __ 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] New to css
Bill Braun said: Your interpretation is a bit on the literal side, but I am grateful for your kind words nevertheless. My apologies. I forgot the smiley. Digital communication can be difficult when writing on the run. __ 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] New to css
MB wrote: Bill Braun said: Your interpretation is a bit on the literal side, but I am grateful for your kind words nevertheless. My apologies. I forgot the smiley. Digital communication can be difficult when writing on the run. I've impaled myself on that hook a time or two... Bill B __ 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] New to css
Hi, Quite new to css coding, so these questions may seem rather basic. If you click on the link below, you see the beginnings of a customer self-management page that I am developing. I want to: 1)Experiment with left/center/right alignments of the legend headings and the buttons; 2)Add a background image to each form within the table. Can it be done? http://scripts.coastalind.com/testa.html Thanks, Scott Lineberger IT Director Coastal Industries, Inc Jacksonville, FL 904.861.5434 (direct) 904.861.5456 (fax) __ 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] New to css
Experiment with left/center/right alignments of the legend headings and the buttons; Add a background image to each form within the table. Can it be done? Yes. I'm presuming that you want each form to be different, right? So you need to give each one a way to select it. Either a class or an id. Ex: form id=track ... /form form id=account ... /form form id=order ... /form And then you can be more specific in your CSS. #track { /* the element with id=track (in this case a form) */ background-image: url('relative/path/to/image/file.jpg'); } #track legend { /* the legend tag inside the form with id=track */ text-align: left; } Voila! If you use class names (form class=track) instead of id's then put in a dot (.) instead of a hash (#). ---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] New to css
On Mon, Mar 29, 2010 at 11:28 AM, Climis, Tim tcli...@indiana.edu wrote: If you use class names (form class=track) instead of id's then put in a dot (.) instead of a hash (#). ---Tim If you are truly new to css, you might wonder when to use id and when to use class. id is for unique elements -- on a page by page basis. Thus any element (such as a div) that is given an id should be unique. div id=header .. /div Things like footer, menu, maincontent, masthead, or the form. id is like your driver's license -- one to a customer. For any elements that will be used more than once on a page you need to use class. class is like a room full of students. they may all be special in their own way but they share common characteristics that can be assigned together using the class name. Just covering the bases in case you haven't stumbled across this distinction yet. Regards, Claude __ 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] New to css
Thanks, Tim, that did the trick and put me on the right track. Now, if I could only decide is tables are really all that evil! Thanks, Scott -Original Message- From: Climis, Tim [mailto:tcli...@indiana.edu] Sent: Monday, March 29, 2010 2:29 PM To: Lineberger, Scott Cc: 'css-d@lists.css-discuss.org' Subject: RE: New to css Experiment with left/center/right alignments of the legend headings and the buttons; Add a background image to each form within the table. Can it be done? Yes. I'm presuming that you want each form to be different, right? So you need to give each one a way to select it. Either a class or an id. Ex: form id=track ... /form form id=account ... /form form id=order ... /form And then you can be more specific in your CSS. #track { /* the element with id=track (in this case a form) */ background-image: url('relative/path/to/image/file.jpg'); } #track legend { /* the legend tag inside the form with id=track */ text-align: left; } Voila! If you use class names (form class=track) instead of id's then put in a dot (.) instead of a hash (#). ---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] New to css
Lineberger, Scott wrote: Thanks, Tim, that did the trick and put me on the right track. Now, if I could only decide is tables are really all that evil! Thanks, Scott Setting aside the moral implications, having made a transition from a site built completely around tables to one based on div, the latter, in my experience and opinion, takes much better advantage of CSS. I have been able to do everything using div as I did using table, in a much more flexible manner, and, again in my opinion, with a slight edge in favor of design aesthetics. Bill B __ 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] New to css
On Mon, Mar 29, 2010 at 2:16 PM, Bill Braun bbr...@hlthsys.com wrote: Setting aside the moral implications, having made a transition from a site built completely around tables to one based on div, the latter, in my experience and opinion, takes much better advantage of CSS. I have been able to do everything using div as I did using table, in a much more flexible manner, and, again in my opinion, with a slight edge in favor of design aesthetics. Bill B I have to agree with the go whole hog into css and leave the tables behind approach. After a very rocky first week or two things are working about much better. I am very happy with the subtle aesthetic improvements that strict css affords. During those first few weeks getting my divs to behave was like trying to corral a herd of kittens. Things would pop up here and pop up there. I still don't know what I was doing wrong. All of a sudden it was coming out right. If I didn't know better I would say that they updated Firefox. Because I could swear my code is the same. But it wasn't. I had discovered the one or two tricks that let my divs behave themselves. So don't be surprised if you have a few days of what in the heck is going on. But, after that you will be happy you dropped the tables. However I still expect to run into some problem that I might need tables for. Just haven't yet. I don't have a philosophical objection to tables. Just don't need them at the moment. Got tired of colspan and rowspan I guess. :) Regards, Claude __ 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] New to css
On Monday, March 29, 2010 5:02:01 pm you wrote: Thanks, Tim, that did the trick and put me on the right track. Now, if I could only decide is tables are really all that evil! I don't know that they're all _that_ evil, but I don't like them much, for what it's worth. On the other hand, without them, you have to get your hands really dirty really quickly. It might be worth it to keep the tables, and just play with the basic-ish formatting stuff for now until you get the hang of selectors and specificity, and then aim for bigger and better (and exponentially more annoying) things like the box model, and floats, and positioning. ---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] New to css
Bill Braun said: Setting aside the moral implications, having made a transition from a site built completely around tables to one based on div, the latter, in my experience and opinion, takes much better advantage of CSS. I have been able to do everything using div as I did using table, in a much more flexible manner, and, again in my opinion, with a slight edge in favor of design aesthetics. Based on divs? Hello? What about based on structural semantic markup and CSS-layout techniques? You guys - Bill, Claude - sound like you have contracted divitis* in your migration to CSS-layout techniques. Better find a cure. Wiktionary definition of divitis http://en.wiktionary.org/wiki/divitis Jeffery Zeldman quote on divitis with code example http://adam.kahtava.com/journal/2009/07/15/cronic-divitis-and-classitis- what-is-it/ The cure is IMHO semantic markup methods. Robert Nyman has a nice brief introduction: Explaining Semantic Mark-Up http://robertnyman.com/2007/10/29/explaining-semantic-mark-up/ /MB Content precedes design. Design in the absence of content is not design, it's decoration. -- Jeffrey Zeldman http://twitter.com/zeldman/statuses/804159148 __ 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] New to CSS, can't figure out why this won't work.
I'm an old school coder. I've been writing sites for more than ten years and I'm trying to get my head around CSS. As an old dog and I'm trying to learn some new tricks, but this is turning out to be incredibly frustrating. I'm reading Dan's book, Bulletproof Web Design, and I'm trying to duplicate these examples so I may learn the ropes. However, I'm not having a great deal of success. I just don't understand why this is not working. I would be incredibly grateful if anyone were to take a look and explain what the heck I'm doing wrong. My first attempt at css is found here: http://www.mocap (dot) com/default2.asp [sorry to post a url that has to be edited, but I don't want the SE's to pick it up] I could have our new site up and done by now in tables, but I don't want to bloat the code when it should be able to be done with CSS. Sincerely, Michael Netherton __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] New to CSS, can't figure out why this won't work.
It's all about the box model ... I had the same issue ... I was so used to IE, and their way of thinking (i do like it better), but that is not what the spec says ... You can read about it here: http://www.w3.org/TR/REC-CSS2/box.html In short ... your #nav is 55px too wide ... because you have a width of 775px and then right+left padding that = 55px ... I would love to tell you that it will be a smooth journey, but it wasn't ... but keep at it ... _db http://nuff-respec.com On Dec 6, 2006, at 4:40 PM, Michael Netherton wrote: I'm an old school coder. I've been writing sites for more than ten years and I'm trying to get my head around CSS. As an old dog and I'm trying to learn some new tricks, but this is turning out to be incredibly frustrating. I'm reading Dan's book, Bulletproof Web Design, and I'm trying to duplicate these examples so I may learn the ropes. However, I'm not having a great deal of success. I just don't understand why this is not working. I would be incredibly grateful if anyone were to take a look and explain what the heck I'm doing wrong. My first attempt at css is found here: http://www.mocap (dot) com/default2.asp [sorry to post a url that has to be edited, but I don't want the SE's to pick it up] I could have our new site up and done by now in tables, but I don't want to bloat the code when it should be able to be done with CSS. Sincerely, Michael Netherton __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] New to CSS, can't figure out why this won't work.
Michael Netherton wrote: I'm an old school coder. I've been writing sites for more than ten years and I'm trying to get my head around CSS. As an old dog and I'm trying to learn some new tricks, but this is turning out to be incredibly frustrating. I'm reading Dan's book, Bulletproof Web Design, and I'm trying to duplicate these examples so I may learn the ropes. However, I'm not having a great deal of success. I just don't understand why this is not working. I would be incredibly grateful if anyone were to take a look and explain what the heck I'm doing wrong. My first attempt at css is found here: http://www.mocap (dot) com/default2.asp [sorry to post a url that has to be edited, but I don't want the SE's to pick it up] I could have our new site up and done by now in tables, but I don't want to bloat the code when it should be able to be done with CSS. 15 validation errors in your XHTML: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.mocap.com%2Fdefault2.asp From what I saw in Firefox 1.5.0.8 on Linux, what you have so far looks fine! -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] New to CSS, can't figure out why this won't work.
Why do you have the header image broken up into pieces? That shouldn't be necessary with a CSS page. Visually, I see these problems - if you're trying to fix something I didn't catch, let me know. * In IE 6, the navbar is offset to the right of the header image. * In Firefox 2, there's a gap vertically between the header image and navbar, and the nav bar extends to the right past the header image. I don't think float: left is what you want there - you're just trying to stack two div's vertically, which is what they do naturally if you don't float them. The offset issues are because of the box model (which IE = 6 gets wrong). If you want a 775-pixel-wide div all the way across, you don't set the width to 775, you set it to 775 minus the width of the left border, left padding, right padding, and right border. Your #nav has no border, a right padding of 0, and a left padding of 50px, so you want to set its width to 775 - 50 = 725.px. Also, the text-align: center on the body is going to cause trouble, because IE 7 applies it to block elements while other browsers don't. You're better off setting it more locally. On 12/6/06, Michael Netherton [EMAIL PROTECTED] wrote: I'm an old school coder. I've been writing sites for more than ten years and I'm trying to get my head around CSS. As an old dog and I'm trying to learn some new tricks, but this is turning out to be incredibly frustrating. I'm reading Dan's book, Bulletproof Web Design, and I'm trying to duplicate these examples so I may learn the ropes. However, I'm not having a great deal of success. I just don't understand why this is not working. I would be incredibly grateful if anyone were to take a look and explain what the heck I'm doing wrong. My first attempt at css is found here: http://www.mocap (dot) com/default2.asp [sorry to post a url that has to be edited, but I don't want the SE's to pick it up] I could have our new site up and done by now in tables, but I don't want to bloat the code when it should be able to be done with CSS. Sincerely, Michael Netherton __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Mark J. Reed [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] New to CSS, can't figure out why this won't work.
Michael Netherton wrote: I'm an old school coder. I've been writing sites for more than ten years and I'm trying to get my head around CSS. As an old dog and I'm trying to learn some new tricks, but this is turning out to be incredibly frustrating. ... http://www.mocap (dot) com/default2.asp You should go back to the basics first, and produce clean source-code. These articles are a good starting-point... http://www.sitepoint.com/article/html-37-steps-perfect-markup http://www.sitepoint.com/forums/showthread.php?t=393445 ...and even the following might be useful... http://www.gunlaug.no/contents/wd_1_06_03.html The rest shouldn't be all that problematic then, and may end up looking something like this... http://www.gunlaug.no/tos/alien/test_8660.html A few issues - that I have corrected: - the 'W3C box-model'[1] must be taken into account. - 'collapsing margins'[2] play a role and must be controlled. - XHTML is case-sensitive. - XHTML *must* be well-formed. Also: All browsers can override font-sizes defined in pixels, so your navigation may break into more than one line. Get used to it. Note: I used HTML Tidy to clean up your code... http://www.gunlaug.no/contents/wd_1_07.html ...so the whole operation only took .2 second. regards Georg [1]http://www.w3.org/TR/CSS21/box.html#box-dimensions [2]http://www.w3.org/TR/CSS21/box.html#collapsing-margins -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] New to CSS and need help positioning
Hi, I'm new to CSS - about 3 weeks into it. I've been working on this page trying to get CDs to line up under each other and off to the right, the corresponding MP3 list to listen, and chord charts next to that. Can anyone look at this and see where I've gone wrong, please? Thanks in advance. Link: www.blastoffmusic.org/downloads/downloads2.php Kat __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] New to CSS and need help positioning
Having started learning CSS only three weeks ago, my site does have some tables. However, in my defense, I did create 2 table-less pages index and gallery last week. So not all hope is lost! :-D I did what you suggested Tyson and that helped a lot; however, my text still runs together. I've uploaded it again. I even tried a margin-top to see if it helped. Nope. Any ideas? Thanks again! Kat -Original Message- From: Tyson Tate [mailto:[EMAIL PROTECTED] Sent: Thursday, August 10, 2006 10:06 AM To: Kathryn Olds Subject: Re: [css-d] New to CSS and need help positioning Eeek! Tables for layout! Evil! Anyways, add clear: left to your CDContent class. -Tyson On 8/10/06, Kathryn Olds [EMAIL PROTECTED] wrote: Hi, I'm new to CSS - about 3 weeks into it. I've been working on this page trying to get CDs to line up under each other and off to the right, the corresponding MP3 list to listen, and chord charts next to that. Can anyone look at this and see where I've gone wrong, please? Thanks in advance. Link: www.blastoffmusic.org/downloads/downloads2.php Kat __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] New to CSS: Text randomly doesn't appear in IE/Windows
I am both brand new to this list as well as to CSS. My very first attempt to write a CSS based site has led me to the following problem. First, the site link. http://www.racsb.state.va.us/Mayfest/index.html The CSS itself can be found at http://www.racsb.state.va.us/Mayfest/ mayfestsite.css (affected pages all can be found through links on the main page nav div) Everything works well in various browser views from my mac, but when the site is loaded it randomly doesn't show the text in the content div of certain pages. however, if you view source in the browser, sometimes it will load and stay there, and other times it won't. It will also show the text if you drag over it and highlight it, but not upon initial loading. I find the weirdest part to all of this is that I created each page based on the index.html file, so the layout structures of each are identical and the only difference is that i only edited text content in the site and added two images. It doesn't seem to be specific to the pages with images, either. (that one page only partially loads its images is a separate issue and one I am not as concerned with at the moment). I have limited resources to perform the test as well. I am creating the site from a distance and have no access to the server directly. Any page updates or corrections need to be e-mailed in, and running tests will drive the person loading these pages for me bonkers! any help would be appreciated. I am writing the site as a freebie to a non-profit in the region and the even connected starts very soon. Thanks! Shelley __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] New to CSS: Text randomly doesn't appear in IE/Windows
[snip] Everything works well in various browser views from my mac, but when the site is loaded it randomly doesn't show the text in the content div of certain pages. however, if you view source in the browser, sometimes it will load and stay there, and other times it won't. It will also show the text if you drag over it and highlight it, but not upon initial loading. [/snip] Google for IE peek-a-boo bug and you'll get your answers. There is no magic bullet fix. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] New to CSS...Why isn't this horizontal?
Hi, all... I'm new to trying to do things with CSS...considering using CSS instead of tables and seeing what can be done. I'm trying to line up two DIV boxes horizontally. Instead, they are still vertical... What am I doing wrong? UL Style=display: inline-block; list-style-type: none LIDIV Style=top: 25px; left: 25px; height: 25px; width: 25px; margin: 5px; border: 1px solid black; /DIV/LI LIDIV Style=height: 25px; width: 25px; margin: 5px; border: 1px solid black; /DIV/LI /UL Thanks, Rick __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] New to CSS...Why isn't this horizontal?
You have nothing set on the li elements to tell them to stack horizontally. You set display: inline-block on the ul, but the items inside the ul will stack as normal, which is vertically. Setting the display property on the ul will force it to sit horizontally with other block-level elements which are SIBLINGS (e.g. another ul after this one), but it won't cause the children (the lis) to display horizontally. Instead, take the display off of the ul and set it (or float:left) on the li elements. Then they will line up horizontally. On 9/12/05, Rick Faircloth [EMAIL PROTECTED] wrote: Hi, all... I'm new to trying to do things with CSS...considering using CSS instead of tables and seeing what can be done. I'm trying to line up two DIV boxes horizontally. Instead, they are still vertical... What am I doing wrong? UL Style=display: inline-block; list-style-type: none LIDIV Style=top: 25px; left: 25px; height: 25px; width: 25px; margin: 5px; border: 1px solid black; /DIV/LI LIDIV Style=height: 25px; width: 25px; margin: 5px; border: 1px solid black; /DIV/LI /UL Thanks, Rick __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] New to CSS...Why isn't this horizontal?
Monday, September 12, 2005, 12:58:29 PM, Rick Faircloth wrote: I'm trying to line up two DIV boxes horizontally. Instead, Sounds like you basically want a 2-column layout, minus the header/footer. You don't say what content will go in these boxes, so I'm assuming they should expand as necessary. This means float-based will be the way to go. You could take something like this and adapt it: http://css.maxdesign.com.au/floatutorial/tutorial0816.htm remove the #top and #footer divs... Could you give us an example of what you'd like to see? Steve -- http://mrclay.org/ : http://frenchhorns.mrclay.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] New to CSS...Why isn't this horizontal?
Hi, Eric... That worked...I had to using float: left (IE 6)...display: inline-block didn't work...guess that works for other browsers? Thanks for the help! Rick -Original Message- From: Eric Shepherd [mailto:[EMAIL PROTECTED] Sent: Monday, September 12, 2005 1:10 PM To: [EMAIL PROTECTED] Cc: css-discuss Subject: Re: [css-d] New to CSS...Why isn't this horizontal? You have nothing set on the li elements to tell them to stack horizontally. You set display: inline-block on the ul, but the items inside the ul will stack as normal, which is vertically. Setting the display property on the ul will force it to sit horizontally with other block-level elements which are SIBLINGS (e.g. another ul after this one), but it won't cause the children (the lis) to display horizontally. Instead, take the display off of the ul and set it (or float:left) on the li elements. Then they will line up horizontally. On 9/12/05, Rick Faircloth [EMAIL PROTECTED] wrote: Hi, all... I'm new to trying to do things with CSS...considering using CSS instead of tables and seeing what can be done. I'm trying to line up two DIV boxes horizontally. Instead, they are still vertical... What am I doing wrong? UL Style=display: inline-block; list-style-type: none LIDIV Style=top: 25px; left: 25px; height: 25px; width: 25px; margin: 5px; border: 1px solid black; /DIV/LI LIDIV Style=height: 25px; width: 25px; margin: 5px; border: 1px solid black; /DIV/LI /UL Thanks, Rick __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re[2]: [css-d] New to CSS...Why isn't this horizontal?
Monday, September 12, 2005, 2:17:47 PM, Rick Faircloth wrote: I guess, by your comments, that DIV's need to have a float characteristic to be expandable according to content? Float-based layouts are typically more flexible than absolute positioning at least. Floated elements remain in the normal flow so they can affect and be affected by content around them (good for accessibility, a bit harder to design for). Steve -- http://mrclay.org/ : http://frenchhorns.mrclay.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] new to css
Patrick, On Aug 29, 2005, at 9:38 PM, Patrick Roane wrote: I've been working on a site that is supposed to funtion as a pure liquid .css site: www.lessstressdoctor.com/test/index.html The problem I am having is with IE 5 and 5.2 for MAC. For some reason the words 'services' 'bio' and 'testimonials' (each on their respective pages ...see the nav bar) overlap the text. Only after I hit the re-fresh button do they adjust. Also, on the 'contact' page (again, a problem with the above mentioned browser), every other field is out of line with it's corrisponding label. Does anyone have any suggestions on what I can do iron out these problems? Step 1 should be to remove the html and css errors. http://validator.w3.org/check?verbose=1uri=http%3A// www.lessstressdoctor.com/test/bio.html http://jigsaw.w3.org/css-validator/validator? profile=css2warning=2uri=http%3A//www.lessstressdoctor.com/test/ bio.html Step 2 should be to remove the css that is not actually used on the site. When you strip it down to the essentials, the problems will be easier to find and fix. hth Roger, Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] new to css
Hey folks, I've been working on a site that is supposed to funtion as a pure liquid .css site: www.lessstressdoctor.com/test/index.html The problem I am having is with IE 5 and 5.2 for MAC. For some reason the words 'services' 'bio' and 'testimonials' (each on their respective pages ...see the nav bar) overlap the text. Only after I hit the re-fresh button do they adjust. Also, on the 'contact' page (again, a problem with the above mentioned browser), every other field is out of line with it's corrisponding label. Does anyone have any suggestions on what I can do iron out these problems? Patrick Roane Web design and development www.franklin-band.com Fox River Grove, Il. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/