Re: [css-d] Two Column Layout
Hi David and All Thanks for the responses. My question is built around the site I asked a question about yesterday. If you look at: http://www.lamaison.org.uk/ I am hoping you'll see what I mean. I have stripped all the css out and left it to bare minimum. It is at: http://lamaison.org.uk/styles/pages.css What I was hoping to do is have the left column extend all the way down. However the footer extends across the bottom. I presume if the left column was longer it might be alright but I don't know. Has anyone got any ideas how I can have the two columns working correctly? Thanks Rich On 15 Jul 2005, at 00:41, David Laakso wrote: Rich, I have no idea what you mean. This is a very good 2col layout that is stable and works cross browser. If you prefer a fixed width layout, rap the entire thing in a fixed width container division of approx 776px. http://www.alistapart.com/articles/negativemargins/ Regards, David Laakso __ 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] Safari :: Zapfino
On 15 Jul 2005, at 6:29 am, David Laakso wrote: Browsercam shows Zapfino going out of its little gourd in Safari. Seeking a fast and dirty fix (or maybe just better to switch to TNR--Times?). http://www.dlaakso.com/sandbox/master-v01.html That is the correct display for that font (assuming I see the same as your browsercam screen shot.). The tallest letter in your string is actually 99px tall on my monitor. Give the line-height assigned, the letter disappears partly (above the fold)... I can get it back by giving a line-height of 2.2. (Safari, Opera, Firefox, iCab) Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check: stephenjoneslaw.com
Jeff Clark: I'd like as many people as possible to see this before I submit it to the client, so a site check would be very much appreciated! (especially if you're on a Mac or using a browser that isn't FF or IE) http://www.stephenjoneslaw.com/home *the home link on the site isn't active for obvious reasons, but you can get to the index by using the above link! Anything is appreciated. Thanks! The links at the top overflow. 'Criminal' starts on the green background, the line ends with 'Other'. There is another word below that, but I can't read it (white on mostly white) even when hovered (light brown on white). -- Andree Hollander __ 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] Text Positioning
Shaun Saxon wrote: How do I get a p or h1 element to display the same distance from the top of cells and/or divs in both IE and Firefox? On this page http://www.uflib.ufl.edu/docs/ in particular, I want each browser to begin the paragraph the same distance below the banner image. (text in a table cell) I'm also having the same problem on a page with no image at all. IE wants to display text much lower on the page--even with a padding attribute set. Every browser applies default margins to various elements. What you are probably seeing is slight variations with these defaults. The way to gain control is strip all the defaults and set your own. Like this: http://leftjustified.net/journal/2004/10/19/global-ws-reset/ -- Bob Easton Accessibility Matters: http://access-matters.com __ 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] Two column Continues
Hi Guys I am sorry to ask for your help once more. I decided to start again and tried a different tactic. However I am still experiencing problems. The site in question is: http://www.lamaison.org.uk/ with the css at http://www.lamaison.org.uk/styles/pages.css The problem I am having is that in the sidebar the lower picture drops below the lower div and I can't work out why. Can anybody help please? Thanks Rich __ 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] CSS condenser tool
Hello, I used to have a URL bookmarked that had a nifty tool which allowed you to upload or copy and paste your css and the tool would condense the CSS wherever possible reducing the file size. I have misplaced this URL. Anyone know what I am referring to and can send me the URL again? __ 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] Site Check: stephenjoneslaw.com
Nice looking a little confusing. Navigation is a little too subtle. I'd like as many people as possible to see this before I submit it to the client, so a site check would be very much appreciated! (especially if you're on a Mac or using a browser that isn't FF or IE) http://www.stephenjoneslaw.com/home If you increase the font size because you can't read it you blow the design - it doesn't play well together. Tested in IE5, Safari and Firefox on a Mac. Don't see a copyright. HTH Regards Moira -- Moira Ashleigh. M.A. Lead Designer SolsticeSun Design http://www.solsticesun.com [EMAIL PROTECTED] __ 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] Site Check: stephenjoneslaw.com
w2k sp4 nn8.01 the top of your page shifts to a top margin when you click a link. the client may not like the page jump. you could remedy the problem by adding the top margin to the index page rather than removing the margins on the other pages. your graphics and text (top links) don't hold together. the text breaks out of the graphic when the text is enlarged. also the text is rather small and begs to be enlarged even on my 17 monitor set at 1024x768. hth, dwain -- Dwain Alford [EMAIL PROTECTED] http://www.alforddesigngroup.com The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art __ 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]: [work] [css-d] Site Check: stephenjoneslaw.com
Thursday, July 14, 2005, 2:19:50 PM, Hershel Robinson wrote: http://www.stephenjoneslaw.com/home IMHO the main part of the page is quite skinny. Furthermore, on my 17 1024 pixel monitor, the text at default size on FF is very small. Agreed. Great design, but more comfortable after I shot everything to 120% with Opera's enlarging ray. The cities next to the phone#s are particularly tiny. Thinner text could use more contrast. I agree with David on the link color problem. Are non-underlined links supposed to be less important? On the sidebar, the navigation is confusing since all the white links keep changing. Sometimes they relate to the dark green links above, then sometimes they don't. Since this site's navigation seems to go pretty deep, I think a breadcrumb would be quite helpful. Have you viewed this without CSS? What is the title of the site? Who are the main partners and what are the phone #s? The content is there visually, it needs to be in the markup as well. 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] CSS condenser tool
On 7/15/05, Bruce Gilbert [EMAIL PROTECTED] wrote: Hello, I used to have a URL bookmarked that had a nifty tool which allowed you to upload or copy and paste your css and the tool would condense the CSS wherever possible reducing the file size. I have misplaced this URL. Anyone know what I am referring to and can send me the URL again? Here's one: http://flumpcakes.co.uk/css/optimiser/ ciao, Zulema -- !!blue w e b d e s i g n e r folio: http://zoblue.com blog: http://blog.zoblue.com browser: http://getfirefox.com == I have gmail invites to get rid of, won't you adopt a Gmail account today? == __ 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] Two column Continues
Hi Ron Might be a newbie but you spotted the mistakes - thanks very much. I finally got it working! Thanks Rich On 15 Jul 2005, at 14:43, ron zisman wrote: rich, i'm a newbie myself, but there does seem to be something strange in your html on the sidebar. you close the sidebar div before featured item, open a table and close the sidebar div again (what do i know?). perhaps closing the sidebar at the end would be enough? did you validate? __ 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] IE MAC Hack
Thanks for the responses. Sorry I screwed up the threading of another post by using it as a fast way to post to the list; I should know better. Jazz is freedom. - T. Monk www.panix.com/~cassidy __ 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] CSS condenser tool
Here's one: http://flumpcakes.co.uk/css/optimiser/ ciao, Zulema yep, that's the one. Thanks! -- ::Bruce:: __ 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] CSS condenser tool
Perhaps relatedly: one of my clients, for reasons unknown to me, uses a very efficient brand of CSS, wherein they have a separate CSS file for every browser. This in itself wouldn't be inefficient, but every file reproduces a great deal of content from the others. Obviously the more efficient route would be to create a global stylesheet with properties common to all browsers, then use browser-specific stylesheets that include the global one. So what I'd like to find is a tool that reduces all those stylesheets to a canonical form, then compares them, extracts the common elements, and pushes those off to a global sheet. Has something like this been written? Has at least the canonicalization part been written? If I could canonicalize, I could write a script to take it from there. I started writing my own parser for the CSS grammar, but I assume this wheel has already been invented. The online CSS optimizer that you linked to doesn't explain what it does -- it says to click on the About page, but there is no such page. Does the online optimizer handle the canonicalization that I'm looking for? -- Stephen R. Laniel [EMAIL PROTECTED] +(617) 308-5571 http://laniels.org/ PGP key: http://laniels.org/slaniel.key signature.asc Description: Digital signature __ 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] centered liquid layout
Is it possible to have a liquid layout that expands both right and left and keeps the header and content areas centered? What is the best way to accomplish this? John Goodwyn President Ellis Wyatt Interactive P.O. Box 361714 Birmingham, AL 35236-1714 www.elliswyatt.com (t)205-222-6527 (f)205-402-2020 __ 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] CSS condenser tool
On Fri, Jul 15, 2005 at 11:31:57AM -0400, Stephen R Laniel wrote: Perhaps relatedly: one of my clients, for reasons unknown to me, uses a very efficient brand of CSS, wherein they have a That should be 'very inefficient'. -- Stephen R. Laniel [EMAIL PROTECTED] +(617) 308-5571 http://laniels.org/ PGP key: http://laniels.org/slaniel.key signature.asc Description: Digital signature __ 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] centered liquid layout
John Goodwyn wrote: Is it possible to have a liquid layout that expands both right and left and keeps the header and content areas centered? What is the best way to accomplish this? Don't know about the 'best way' since there are so many ways to achieve it, but I think this does what you are asking for: http://www.gunlaug.no/tos/moa_3.html 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Stretching wider then the view port.
Interestingly this did not work for me in IE6, until I tried it without a strict doc type declaration. So, I tried a transitional doc type, and this code also does not work with transitional either. So, as best as I can tell with limited testing, is that to work in IE6 it must be in quirks mode. Luckily, I can work with this for now on this project. -- Ian Skinner Web Programmer BloodSource www.BloodSource.org Sacramento, CA C code. C code run. Run code run. Please! - Cynthia Dunning ...-Original Message- ...From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] ...Sent: Thursday, July 14, 2005 4:08 PM ...To: Ian Skinner ...Cc: css-d@lists.css-discuss.org ...Subject: Re: [css-d] Stretching wider then the view port. ... ...Ian Skinner wrote: ... My goal is to have the div as wide as the table. I would presume ... that the body is wide as the table in order to encompass it, so if ... one declared the div to be 100%; it would be as wide as body and ... thus the table. But that does not work, at least not in IE6. ... ...This should work pretty well across browser-land: ... ...body ...div style=display: table; _height: 0;_display: inline; ...div style=margin: 2px; padding: 2px 10px; border: solid 1px ...blue;Some top of page stuff/div ...table ... tr ...td style=margin: 2px; padding: 2px 10px; border: solid 1px ...red;data/td ...!-- repeated a few dozen times making a wide table ... that requires horizontal scrolling. -- ... /tr .../table .../div .../body ... ..exploiting 'display: table' to mimic 'hasLayout' on an outer ...container. ... ...Tested in: Opera 8, Safari 1.2.4, Firefox 1.0 and IE6. ... ...regards ... Georg ...-- ...http://www.gunlaug.no Confidentiality Notice: This message including any attachments is for the sole use of the intended recipient(s) and may contain confidential and privileged information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender and delete any copies of this message. __ 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] non-floated element aligning to bottom of floated element (IE)
Hello, I'm not sure what this is called and I was unsuccessful in finding anything about it in google. I have a column that is 'float: left; width: 220px;' and a table that is 'margin-left: 220px;'. In Fx the table looks as expected, directly adjacent to the floated column. But in IE the table is positioned to the bottom right of the floated column, just below the bottom edge of the floated element. If I take off the 'float: left;' the table stays exactly where it is when looking at it in IE. In Fx the table moves down to below the floated element (as expected). In other words both browsers look the same with the 'float: left;' commented out. I tried floating the table to the right but that didn't do anything. I also decreased the width of the table thinking it was a wrapping issue but that didn't help either. What am I missing? Chris. p.s. I'd provide a link but the site doesn't have an external ip address. __ 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] Problems with a:hover over an image in (surprise!) IE (apologies for the double post)
My apologies for posting this again, but I messed up and replied to a post instead of creating a new email to save some time retyping the list address. Oh, the irony. This has been bugging me for a while now and I can't seem to fix it. Here's the relevant CSS: a { color: #000; font-weight: bold; text-decoration: underline; } #previewPanel a:hover img.previewPic { border: 1px dashed #000; } and the html: a href=#img class=previewPic src=imgPath.jpg height=100 width=100 alt=alt tag //a The hover works in Firefox but not in IE. Here's what I've found: if I have the color of a:visited to be declared as a different color than the hover color, the hover works in IE. I'd like my visited color to be #000, so that's not a solution. Another thing: when I click the link, the dashed border appears. Also, if I hover over an image before the page finishes loading, the dashed border appears properly. Once the page finishes loading, the border disappears. Any help would be greatly appreciated. Thanks! jason __ 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] using of DIVs
Hi, OK first off I am not trying to start an argument just looking for a clear concise answer. I use divs and spans over h1, h2 h3 p etc. I use them for many reasons some of which are that they are neutral and generic, they have no extra bagage, they are a clean slate for styling, I don't have to worry about any predefined styles that come with that particulat tag like h1, h2, h3, p, etc... I don't see anywhere where it says that I should use a heading tag instead of a div for a heading. Granted I did not spend hours looking but I did take a look. So what is wrong with using divs and spans? To me they are a far better container than the others for the reasons stated above. Just my 2 cents. Sean On 7/14/05, Arlen Walker [EMAIL PROTECTED] wrote: On Jul 14, 2005, at 6:01 AM, victor NOAGBODJI wrote: Hello, AFAIK, DIVs are to section a page (maybe I'm wrong, as i'm still a beginner). When learning CSS I use to write things like this: div id=titleMy Title/div One day, I has been told that this is bad, according to web standard accessibility (or something like that) so I was told to do this: h1 id=titleMy Title/h1 Now I realise that using the later give me more problems. Because when it's a Div you have to set many attributes. Whereas h1,h2,h3predifined tags have different preset attributes, that varies even with browsers. What's do you think of this? Not the best reason to take that approach. The reason you should use h1 id=title instead of div id=title is semantic. What's in the (X)HTML doc should relate only to the logical structure of the document and have nothing to do with the presentation. Therefore you should use h1 if My Title is (as it seems to be) the main headline of the document. Then you attach whatever CSS you need to that id (or even just to h1, which is the way I'd prefer to do it). Have Fun, Arlen -- In God we trust, all others must supply data __ 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/ -- All constants are variables. __ 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] whatever:hover fast and easy via Dynamic Properties
Olá Klaus, I’ve seen your blog entry and I’ve read your suggestions and they all seem very interesting and useful. I tested your demo page in I.E. 5.0 and 5.5 for windows, and also in IE for Mac, both for OS 9 and OS X. It has not worked in any of these browsers, what I found odd and can’t explain. It seems to be working only in IE 6.0. May someone else confirm this results? Cumprimentos, Roberto Gorjão -- Klaus Hartl wrote: It looks odd, but it works! Here's a demo page: http://stilbuero.de/demo/whatever_hover/ __ 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] not getting the desired hover effect on bottom links
Hello, I am having a problem getting the proper CSS to affect the bottom links on most of my pages. If you go to my home page :http://www.inspired-evolution.com and look towards the bottom above the footer, you will see the links (recent updates, about this site, accessibility etc.) on the home page, I am getting the desired effect with the top and bottom borders on hover. However, on any other page the hover effects are a blue background which is the default hover effect on a href's. An example would be the same links on this page: http://www.inspired-evolution.com/Hireme.php the code is the same on every page. sample xhtml code: div id=bottom_linksul id=horizontal_list2lia href=Recent_Updates.php title=Recent UpdatesRecent Updates/a/li/ul/div /div I am sure this is a specificity issue, but I haven't been able to solve it! for instance the CSS for the hover effects on the bottom links: #horizontal_list2 li a:hover { font-family: arial, helvetica, sans-serif; border-top: 1px dotted #003; border-bottom: 1px dotted #003; } I tried adding both #bottom_links and #main_content before #horizontal_list2, but neither of those attempts had the desired effect. The CSS is located at http://www.inspired-evolution.com/Gilbert.css any assistance /suggestions are greatly appreciated! -- ::Bruce:: __ 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] Problems with a:hover over an image in (surprise!) IE (apologies for the double post)
jason zietz wrote: My apologies for posting this again, but I messed up and replied to a post instead of creating a new email to save some time retyping the list address. Oh, the irony. This has been bugging me for a while now and I can't seem to fix it. Here's the relevant CSS: a { color: #000; font-weight: bold; text-decoration: underline; } #previewPanel a:hover img.previewPic { border: 1px dashed #000; } a href=#img class=previewPic src=imgPath.jpg height=100 width=100 alt=alt tag //a maybe reverse the order of img.previewPic and a:hover? hth, dwain -- Dwain Alford [EMAIL PROTECTED] http://www.alforddesigngroup.com The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art __ 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] whatever:hover fast and easy via Dynamic Properties
It seems to be working only in IE 6.0. May someone else confirm this results? Yes. Many friends and colleagues reported it this morning. It fails on the { } JS block. -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com __ 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] Problems with a:hover over an image in (surprise!) IE (apologies for the double post)
jason zietz schrieb: a { color: #000; font-weight: bold; text-decoration: underline; } #previewPanel a:hover img.previewPic { border: 1px dashed #000; } ...if I have the color of a:visited to be declared as a different color than the hover color, the hover works in IE. I'd like my visited color to be #000, so that's not a solution. Another thing: when I click the link, the dashed border appears. Also, if I hover over an image before the page finishes loading, the dashed border appears properly. Once the page finishes loading, the border disappears. This is one transition for normal browsers: [a:hover img] = redraw the image on hover IE thinks different: [a:hover]-[img] = if the link has to be redrawn, then redraw it's child, the image so the fix is to declare a change on hover #previewPanel a:hover {background-position:0 0;} which flags a redraw event in IE. The inconsities you mentioned are due to normal redraw-events (clicking on a link, reloading a page). It's new to me that the hover is working while rendering the page, but this can't be confirmed on your provided code, as you know, debugging without an URL is next to useless. Your solution works similar: you are declaring a different color on hover: so you generate a redraw event, because all the links which are referring to # are visited once IE has loaded the page. 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] using of DIVs
- Original Message - From: Sean Montgomery [EMAIL PROTECTED] I use divs and spans over h1, h2 h3 p etc. I use them for many reasons some of which are that they are neutral and generic, they have no extra bagage, they are a clean slate for styling, I don't have to worry about any predefined styles that come with that particulat tag like h1, h2, h3, p, etc... What about to use a single image of your page instead of wasting your time with (X)HTML and CSS? I don't see anywhere where it says that I should use a heading tag instead of a div for a heading. Have you ever eard about HTML 4.01 Specificaation, for example? So what is wrong with using divs and spans? To me they are a far better container than the others for the reasons stated above. Just my 2 cents. Don't see elements only as container, but what sintactically they mean. Regards Paolo __ 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] not getting the desired hover effect on bottom links
Bruce Gilbert schrieb: on the home page, I am getting the desired effect with the top and bottom borders on hover. However, on any other page the hover effects are a blue background which is the default hover effect on a href's. ... the code is the same on every page. Actually it isn't. http://www.inspired-evolution.com #main_content_home http://www.inspired-evolution.com/About_Me.php #main_content sample xhtml code: Code snippets are next to useless for debugging, and most often hiding the bug. If there was an error in the few lines you provided, you'd have seen it for yourself, I assume. for instance the CSS for the hover effects on the bottom links: #horizontal_list2 li a:hover { font-family: arial, helvetica, sans-serif; border-top: 1px dotted #003; border-bottom: 1px dotted #003; } The CSS is located at http://www.inspired-evolution.com/Gilbert.css but there is also: #main_content ul li a:hover { color: #fff; text-decoration: none; background: #369; } 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] using of DIVs
Thanks for the comments. The link helped the most so thanks. I design visually. What do I care if strong is used over bold...although I would not use either as that belongs in the style sheet. I have to digress here a bit. When I was reading Shaun's reply I kept picturing an image at an art gallery and someone asking me how this painting makes me FEEL. I am sorry I don't work that way. I design this way, I have my containers in the html and I have my positioning/formatting in the stylesheet. I still see h tags and p tags as more of a pain than not. But do understand why h tags are important...now. It would not be so bad if there was an easy way to neutralize any predefined styles associated with the tag or if there was a style that could be used to mark it as a heading. Perhaps in CSS3. Thanks again for all of your time. It was much appreciated. Sean On 7/15/05, Shaun Andrews [EMAIL PROTECTED] wrote: Its called semantics... H tags have a semantic meaning. They mean headings. Div's have no semantic meaning... Is the same thing for b and strong. The b tag has no semantic meaning. It is purely visual. The strong tag however has a semantic meaning, it assigns an emphasis. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sean Montgomery Sent: Friday, July 15, 2005 4:43 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] using of DIVs Hi, OK first off I am not trying to start an argument just looking for a clear concise answer. I use divs and spans over h1, h2 h3 p etc. I use them for many reasons some of which are that they are neutral and generic, they have no extra bagage, they are a clean slate for styling, I don't have to worry about any predefined styles that come with that particulat tag like h1, h2, h3, p, etc... I don't see anywhere where it says that I should use a heading tag instead of a div for a heading. Granted I did not spend hours looking but I did take a look. So what is wrong with using divs and spans? To me they are a far better container than the others for the reasons stated above. Just my 2 cents. Sean On 7/14/05, Arlen Walker [EMAIL PROTECTED] wrote: On Jul 14, 2005, at 6:01 AM, victor NOAGBODJI wrote: Hello, AFAIK, DIVs are to section a page (maybe I'm wrong, as i'm still a beginner). When learning CSS I use to write things like this: div id=titleMy Title/div One day, I has been told that this is bad, according to web standard accessibility (or something like that) so I was told to do this: h1 id=titleMy Title/h1 Now I realise that using the later give me more problems. Because when it's a Div you have to set many attributes. Whereas h1,h2,h3predifined tags have different preset attributes, that varies even with browsers. What's do you think of this? Not the best reason to take that approach. The reason you should use h1 id=title instead of div id=title is semantic. What's in the (X)HTML doc should relate only to the logical structure of the document and have nothing to do with the presentation. Therefore you should use h1 if My Title is (as it seems to be) the main headline of the document. Then you attach whatever CSS you need to that id (or even just to h1, which is the way I'd prefer to do it). Have Fun, Arlen -- In God we trust, all others must supply data __ 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/ -- All constants are variables. __ 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/ -- All constants are variables. __ 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] Getting CSS to look good on Mac
My website http://webmarksonline.com looks fine in pretty much all the browsers that I have tested on the PC. But I have problems when viewed on a Mac. For example, when viewed on IE5.x/mac, the two green text is not located at within the tan panels as it is supposed to. See picture at http://www.webmarksonline.com/temp/ie5mac.gif Similarly, the footer text is not at the black footer and there is additional vertical background repeats that is not present in the PC. See picture at http://www.webmarksonline.com/temp/ie5macfoot.gif When I view it in Safari/mac, header and footer looks fine, but now column header gifs are too far down. See picture at http://www.webmarksonline.com/temp/safari.gif My css is at http://webmarksonline.com/css/layout.css and http://webmarksonline.com/css/styles.css Help or pointers to resources on how to make CSS look good on Mac is appreciated. Thanks, artcoder __ 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] using of DIVs
New to the list, so hello everyone. This article discusses neutralizing css defaults amongst other things: http://leftjustified.net/journal/2004/10/07/css-negotiation/ Basically start all your css with: * { padding:0; margin:0; } Cheers, JP On 7/15/05, Sean Montgomery [EMAIL PROTECTED] wrote: Thanks for the comments. The link helped the most so thanks. I design visually. What do I care if strong is used over bold...although I would not use either as that belongs in the style sheet. I have to digress here a bit. When I was reading Shaun's reply I kept picturing an image at an art gallery and someone asking me how this painting makes me FEEL. I am sorry I don't work that way. I design this way, I have my containers in the html and I have my positioning/formatting in the stylesheet. I still see h tags and p tags as more of a pain than not. But do understand why h tags are important...now. It would not be so bad if there was an easy way to neutralize any predefined styles associated with the tag or if there was a style that could be used to mark it as a heading. Perhaps in CSS3. Thanks again for all of your time. It was much appreciated. Sean On 7/15/05, Shaun Andrews [EMAIL PROTECTED] wrote: Its called semantics... H tags have a semantic meaning. They mean headings. Div's have no semantic meaning... Is the same thing for b and strong. The b tag has no semantic meaning. It is purely visual. The strong tag however has a semantic meaning, it assigns an emphasis. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sean Montgomery Sent: Friday, July 15, 2005 4:43 PM To: css-d@lists.css-discuss.org Subject: Re: [css-d] using of DIVs Hi, OK first off I am not trying to start an argument just looking for a clear concise answer. I use divs and spans over h1, h2 h3 p etc. I use them for many reasons some of which are that they are neutral and generic, they have no extra bagage, they are a clean slate for styling, I don't have to worry about any predefined styles that come with that particulat tag like h1, h2, h3, p, etc... I don't see anywhere where it says that I should use a heading tag instead of a div for a heading. Granted I did not spend hours looking but I did take a look. So what is wrong with using divs and spans? To me they are a far better container than the others for the reasons stated above. Just my 2 cents. Sean On 7/14/05, Arlen Walker [EMAIL PROTECTED] wrote: On Jul 14, 2005, at 6:01 AM, victor NOAGBODJI wrote: Hello, AFAIK, DIVs are to section a page (maybe I'm wrong, as i'm still a beginner). When learning CSS I use to write things like this: div id=titleMy Title/div One day, I has been told that this is bad, according to web standard accessibility (or something like that) so I was told to do this: h1 id=titleMy Title/h1 Now I realise that using the later give me more problems. Because when it's a Div you have to set many attributes. Whereas h1,h2,h3predifined tags have different preset attributes, that varies even with browsers. What's do you think of this? Not the best reason to take that approach. The reason you should use h1 id=title instead of div id=title is semantic. What's in the (X)HTML doc should relate only to the logical structure of the document and have nothing to do with the presentation. Therefore you should use h1 if My Title is (as it seems to be) the main headline of the document. Then you attach whatever CSS you need to that id (or even just to h1, which is the way I'd prefer to do it). Have Fun, Arlen -- In God we trust, all others must supply data __ 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://evolt.org -- http://www.evolt.org/help_support_evolt/ -- All constants are variables. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.orghttp://evolt.org -- http://www.evolt.org/help_support_evolt/ -- All constants are variables. __ 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://evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List
Re: [css-d] using of DIVs
On Jul 15, 2005, at 3:42 PM, Sean Montgomery wrote: So what is wrong with using divs and spans? To me they are a far better container than the others for the reasons stated above. Just my 2 cents. a) There's nothing wrong with it per se. To me they're just a confusing; they supply no information. It's rather like always using x for a variable name in a program. It's a question of personal style, at least until more than one person gets involved in the project. b) Questions for you to answer for yourself (I don't care myself what your answers are, they're intended as a self-check so you can evaluate what you're gaining and losing with your process). 1) How do you want search engines to treat your pages? Some of them assign heavier weighting to text inside headers than ordinary text. 2) How do you want your page design to degrade? By using semantic tags, page renderers which do not understand CSS properly can still attempt to interpret the page and format it. 3) Will your page ever be re-purposed into something else? Proper semantic markup can help this because it gives a framework for another application to parse the page. 4) Will your work ever be maintained or analysed by someone other than you? If so, good semantic markup can help them understand what you're trying to accomplish on the page. It'll make life easier on those who come after you or beside you. Aside from questions like this, there's no real advantage to using any HTML at all; You could have divs and spans as the sole HTML tags in the body, and do everything with CSS. For myself, though, I've had to recode completely too many times. Even if I don't see a future re- purposing of the site content, I'll go with proper semantic markup, Just In Case. But you're free not to. Just don't expect me to wade through all the divs and spans trying to figure out what's happening and why. As for the clean slate bit, that's easily controlled in the original design process. If the first step is to properly apply semantic markup to the content, then you'll immediately see what it looks like unstyled, and you can move forward from there. At any time in the process, you can always comment out the CSS (my favorite technique is to rename the CSS file with a no in front of it; it reminds me that I'm not using it) and review. No muss, no fuss. My apologies, this post has strayed away from practical CSS into design theory. I'll sit down and shut up now. Have Fun, Arlen -- In God we trust, all others must supply data __ 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] using of DIVs
Sean writes: So what is wrong with using divs and spans? To me they are a far better container than the others for the reasons stated above. Just my 2 cents. Well, by not using headers, you are making your pages basically irrelevent to search engines. Not a small drawback... actually, when I first got started coding CSS, switching over to header tags caused an over 1000% increase in my search engine traffic. If you have a large amount of pages where title text is in div tags, try switching them to h1, and report back to me in about 2 weeks about how happy you are with your giant increase in traffic. Beyond that, all of these tags serve very useful layout functions, and they help you think about what's happening in your page more clearly. My real abilities in CSS began when I tossed away span and div. Not to mention, divs and spans have an unfortunate habit of complexifying the pages.I suggest you learn you markup better, and toss out spans and divs whenever possible. Your code will be simpler, your source will be cleaner, and your site will be less prone to layout problems. Oh, and goggle (aka god) will smile upon you. Best. Nick Lewis http://nicklewis.smartcampaigns.com - Original Message - From: Sean Montgomery [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Friday, July 15, 2005 3:42 PM Subject: Re: [css-d] using of DIVs Hi, OK first off I am not trying to start an argument just looking for a clear concise answer. I use divs and spans over h1, h2 h3 p etc. I use them for many reasons some of which are that they are neutral and generic, they have no extra bagage, they are a clean slate for styling, I don't have to worry about any predefined styles that come with that particulat tag like h1, h2, h3, p, etc... I don't see anywhere where it says that I should use a heading tag instead of a div for a heading. Granted I did not spend hours looking but I did take a look. So what is wrong with using divs and spans? To me they are a far better container than the others for the reasons stated above. Just my 2 cents. Sean On 7/14/05, Arlen Walker [EMAIL PROTECTED] wrote: On Jul 14, 2005, at 6:01 AM, victor NOAGBODJI wrote: Hello, AFAIK, DIVs are to section a page (maybe I'm wrong, as i'm still a beginner). When learning CSS I use to write things like this: div id=titleMy Title/div One day, I has been told that this is bad, according to web standard accessibility (or something like that) so I was told to do this: h1 id=titleMy Title/h1 Now I realise that using the later give me more problems. Because when it's a Div you have to set many attributes. Whereas h1,h2,h3predifined tags have different preset attributes, that varies even with browsers. What's do you think of this? Not the best reason to take that approach. The reason you should use h1 id=title instead of div id=title is semantic. What's in the (X)HTML doc should relate only to the logical structure of the document and have nothing to do with the presentation. Therefore you should use h1 if My Title is (as it seems to be) the main headline of the document. Then you attach whatever CSS you need to that id (or even just to h1, which is the way I'd prefer to do it). Have Fun, Arlen -- In God we trust, all others must supply data __ 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/ -- All constants are variables. __ 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] using of DIVs
OK OK OK. I get the point and somewhat see the light... I may see it fully in a few days/weeks. I mainly design themes for a CMS. So I should probably adapt and use h tags if not for me then for those who use my themes. I thank you all for the help and tips. One reason I love web design is even when you think you know a fair amount, there is still always so much more to learn...of course so it is with life as well. One quick question that is somewhat off topic so I apologize in advance. With a theme that I am working on, I am generating images out of my headings using php. I could put the h tag in there and then define the display as none. But will a search engine or non visual device catch this as a heading? I have written crawlers myself and mine would have, but it was a simple crawler. Not sure how the more advanced ones act. Or is there a better way of doing it. Thanks in advance. Sean On 7/15/05, Arlen Walker [EMAIL PROTECTED] wrote: On Jul 15, 2005, at 3:42 PM, Sean Montgomery wrote: So what is wrong with using divs and spans? To me they are a far better container than the others for the reasons stated above. Just my 2 cents. a) There's nothing wrong with it per se. To me they're just a confusing; they supply no information. It's rather like always using x for a variable name in a program. It's a question of personal style, at least until more than one person gets involved in the project. b) Questions for you to answer for yourself (I don't care myself what your answers are, they're intended as a self-check so you can evaluate what you're gaining and losing with your process). 1) How do you want search engines to treat your pages? Some of them assign heavier weighting to text inside headers than ordinary text. 2) How do you want your page design to degrade? By using semantic tags, page renderers which do not understand CSS properly can still attempt to interpret the page and format it. 3) Will your page ever be re-purposed into something else? Proper semantic markup can help this because it gives a framework for another application to parse the page. 4) Will your work ever be maintained or analysed by someone other than you? If so, good semantic markup can help them understand what you're trying to accomplish on the page. It'll make life easier on those who come after you or beside you. Aside from questions like this, there's no real advantage to using any HTML at all; You could have divs and spans as the sole HTML tags in the body, and do everything with CSS. For myself, though, I've had to recode completely too many times. Even if I don't see a future re- purposing of the site content, I'll go with proper semantic markup, Just In Case. But you're free not to. Just don't expect me to wade through all the divs and spans trying to figure out what's happening and why. As for the clean slate bit, that's easily controlled in the original design process. If the first step is to properly apply semantic markup to the content, then you'll immediately see what it looks like unstyled, and you can move forward from there. At any time in the process, you can always comment out the CSS (my favorite technique is to rename the CSS file with a no in front of it; it reminds me that I'm not using it) and review. No muss, no fuss. My apologies, this post has strayed away from practical CSS into design theory. I'll sit down and shut up now. Have Fun, Arlen -- In God we trust, all others must supply data __ 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/ -- All constants are variables. __ 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] using of DIVs
Sean Montgomery wrote: I use divs and spans over h1, h2 h3 p etc. ... I don't see anywhere where it says that I should use a heading tag instead of a div for a heading. Granted I did not spend hours looking but I did take a look. Try looking here: http://www.w3.org/TR/html401/struct/global.html#edef-H1 -- Bob Easton Accessibility Matters: http://access-matters.com __ 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] using of DIVs
Sean writes: With a theme that I am working on, I am generating images out of my headings using php. I could put the h tag in there and then define the display as none. But will a search engine or non visual device catch this as a heading? I have written crawlers myself and mine would have, but it was a simple crawler. Not sure how the more advanced ones act. Or is there a better way of doing it. I assume you mean you are generating gifs to replace your typeface in your headings? Eitherway, if you are using PHP and you begin with text, and end with images, than search engines will see only your images (which of course they can only read the alt attribute and filename for, and barely at that...). I may have misunderstood what you are doing, but if you can't see the text in your browser's page source, than search engines can't see it either. For dynamic text replacement, I always use sIFR. It uses Javascript and flash to dynamically replace your headers with any custom font. It downgrades very smoothly for browsers that can't handle flash or javascript. Best of all, since its javascript based, search engines will see your header text as header text, but humans will see it as pretty fonts. BTW, NEVER try to use hidden text or headers for search engines (i.e. hiding the text behind a layer, or matching your text to the background color). They are very good at catching that and will punish your site for attempting to trick them. Here's a link: http://www.mikeindustries.com/sifr/ Onward, NIck Lewis http://nicklewis.smartcampaigns.com - Original Message - From: Sean Montgomery [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Friday, July 15, 2005 8:23 PM Subject: Re: [css-d] using of DIVs OK OK OK. I get the point and somewhat see the light... I may see it fully in a few days/weeks. I mainly design themes for a CMS. So I should probably adapt and use h tags if not for me then for those who use my themes. I thank you all for the help and tips. One reason I love web design is even when you think you know a fair amount, there is still always so much more to learn...of course so it is with life as well. One quick question that is somewhat off topic so I apologize in advance. With a theme that I am working on, I am generating images out of my headings using php. I could put the h tag in there and then define the display as none. But will a search engine or non visual device catch this as a heading? I have written crawlers myself and mine would have, but it was a simple crawler. Not sure how the more advanced ones act. Or is there a better way of doing it. Thanks in advance. Sean On 7/15/05, Arlen Walker [EMAIL PROTECTED] wrote: On Jul 15, 2005, at 3:42 PM, Sean Montgomery wrote: So what is wrong with using divs and spans? To me they are a far better container than the others for the reasons stated above. Just my 2 cents. a) There's nothing wrong with it per se. To me they're just a confusing; they supply no information. It's rather like always using x for a variable name in a program. It's a question of personal style, at least until more than one person gets involved in the project. b) Questions for you to answer for yourself (I don't care myself what your answers are, they're intended as a self-check so you can evaluate what you're gaining and losing with your process). 1) How do you want search engines to treat your pages? Some of them assign heavier weighting to text inside headers than ordinary text. 2) How do you want your page design to degrade? By using semantic tags, page renderers which do not understand CSS properly can still attempt to interpret the page and format it. 3) Will your page ever be re-purposed into something else? Proper semantic markup can help this because it gives a framework for another application to parse the page. 4) Will your work ever be maintained or analysed by someone other than you? If so, good semantic markup can help them understand what you're trying to accomplish on the page. It'll make life easier on those who come after you or beside you. Aside from questions like this, there's no real advantage to using any HTML at all; You could have divs and spans as the sole HTML tags in the body, and do everything with CSS. For myself, though, I've had to recode completely too many times. Even if I don't see a future re- purposing of the site content, I'll go with proper semantic markup, Just In Case. But you're free not to. Just don't expect me to wade through all the divs and spans trying to figure out what's happening and why. As for the clean slate bit, that's easily controlled in the original design process. If the first step is to properly apply semantic markup to the content, then you'll immediately see what it looks like unstyled, and you can move forward from there. At any time in the process, you can always comment out the CSS (my favorite technique is to rename the CSS file with a no in front of
[css-d] Opera 7.X in winXP refuses to show body background.
page here: http://kickasswebdesign.com/wptest/ css here: http://kickasswebdesign.com/wptest/wp-content/themes/kickass-convergence/style.css Though I'd love you all to take a test drive and run this through as many browsers as possible, it so far seems to be coming up clean in all except Opera 7.X in winXP. It even seems to work in IEMac this time! Wowza. Both xhtml and css validate. Now, about that Opera 7.X -- what's happening is that the image background and background color on the body are not showing up in that browser, while none of the others seem to have a problem. I've tried adding a min-height of 100%, I screwed around with positioning of the background, I tried to find anything at all on the wiki that was even close and try out whatever solution came to hand, and none of 'em worked. Help! Thanks in advance for all your consideration. bj --- avast! Antivirus: Outbound says I'm squeaky clean. Virus Database (VPS): 0528-5, 07/15/2005 Tested on: 7/15/2005 10:48:19 PM __ 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] Stretching wider then the view port.
Ian Skinner wrote: Interestingly this did not work for me in IE6, until I tried it without a strict doc type declaration. So, I tried a transitional doc type, and this code also does not work with transitional either. There are no real differences between how 'strict' and 'transitional' renders in IE6. Both makes IE6 switch into 'MSIE's *not* very standard compliant mode' which MS refer to as 'standard compliant mode' for some reason. Defaults on a few elements are different in 'strict' vs. 'transitional', but only in real standard compliant browsers. So, as best as I can tell with limited testing, is that to work in IE6 it must be in quirks mode. Luckily, I can work with this for now on this project. Good, since I forgot to add (quirks mode) to 'tested in:'. I actually ran the test on the code just as I mailed it - without 'html' 'head' and everything. That's pretty quirks mode, but no browsers have problems with it and IE6 is actually more standard compliant in quirks mode, IMO. May have caused some mode-confusion amongst designers though - sorry about that. I also should have added that I always run IE6 in 'quirks mode', and all good browsers in 'standard mode' - except when testing modes and creating quick test-cases. 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari :: Zapfino
Philippe Wittenbergh wrote: On 15 Jul 2005, at 6:29 am, David Laakso wrote: Browsercam shows Zapfino going out of its little gourd in Safari. Seeking a fast and dirty fix (or maybe just better to switch to TNR--Times?) . http://www.dlaakso.com/sandbox/master-v01.html That is the correct display for that font (assuming I see the same as your browsercam screen shot.). The tallest letter in your string is actually 99px tall on my monitor. Give the line-height assigned, the letter disappears partly (above the fold)... I can get it back by giving a line-height of 2.2. (Safari, Opera, Firefox, iCab) Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ Many thanks! Fitting now at 40px on 3-- assuming it will not crawl all over my granddaughter on zoom. Best, David Laakso -- David Laakso http://www.dlaakso.com/ __ 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] using of DIVs
The voices are telling me Sean Montgomery said on 7/15/2005 3:42 PM: OK first off I am not trying to start an argument just looking for a clear concise answer. Then what on earth possessed you to post here? ;-) I use divs and spans over h1, h2 h3 p etc. I use them for many reasons some of which are that they are neutral and generic, they have no extra bagage, they are a clean slate for styling, I don't have to worry about any predefined styles that come with that particulat tag like h1, h2, h3, p, etc... I think adding layers adds complexity, and it tempts the little demons that are responsible for browser bugs and human errors. Those demons are not to be trifled with. I have no doubt you can come up with a blend of IDs and classes that could be manipulated by someone who's clever enough to mimic applying styles to inner elements, so that you don't have to write a separate style for each h1, p, and so on. But, that said, simpler is better (imho, of course). Faster downloads, easier maintenance. And if your web pages, style sheets, and scripts aren't maintainable, it seems to me you aren't engaged in web page development, you're casting spells. You're welcome to do anything you like, of course, but personally, when my work is ugly and unneccessarily complex, I feel like I'm telling the world I'm too stupid to make it simpler. -- Rev. Bob Bob Crispen bob at crispen dot org Ex Cathedra Weblog: http://blog.crispen.org/ They say you can kill a man, but you can’t kill an idea. I say: Any man I want to? -- John Alejandro King __ 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/