Re: [css-d] IE linking issues
Bill Brown wrote: Internet Explorer has incomplete support for multiple dynamic pseudo selectors like :hover and :active (which is not supported at all). Therefore, IE will onyl recognize the last one in the chain. For example, you apply :link:hover and :visited:hover, but IE only only sees :hover on both, so whichever one comes last in the coding is the one that Internet Explorer will apply. I believe this is true for both PC and Mac environments. I did not test it extensively, but I thought IE/Mac correctly chains pseudo-classes? (testcase in [1]) To my knowledge, there is no known CSS based work-around. IE/Win 7 cannot do this, and it looks like it is fixed in IE7b2. Ingo [1] http://www.satzansatz.de/cssd/pseudocss.html#chain-class-class -- http://www.satzansatz.de/css.html __ 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] Center Div Vertically and Horizontally
I have a splash page for which I want to have a div that is sized 760px wide by 410px high and regardless of screen resolution is always centered both vertically and horizontally. Can someone please show me how to do this? Thanks so much. Tom __ 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] I'm trying to link to a pdf file.
On Sun, 7 May 2006 20:46:30 -0700 (PDT), Patrick Roane wrote: I'm trying to create a link to a .pdf file (on my server) and I'm having trouble. [snipped code] Everything is up on the server (in a dir. called pdf), but I have it set up the same on my local host and everytime I click on the link ... nothing but a blank page comes up. www.allgooddogspetcare.com/agd06/news.html Hi Patrick, I checked out the Winter 2004 link on that page and I get the PDF right away. Are you saying it does not work locally? Cordially, David -- David Hucklesby, on 5/7/2006 http://www.hucklesby.com/ -- __ 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] I'm trying to link to a pdf file.
Patrick Roane wrote: Hi folks, I'm trying to create a link to a .pdf file (on my server) and I'm having trouble. My code is: [...] www.allgooddogspetcare.com/agd06/news.html Any ideas? Hi Patrick, Ehm, this list/forum is about css, and I don't see your question as a css question: more as general html/coding question. But you should have a look at the html-validator for ideas ;-) : http://validator.w3.org/ Cheers, francky __ 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] Center Div Vertically and Horizontally
TMH Design wrote: I have a splash page for which I want to have a div that is sized 760px wide by 410px high and regardless of screen resolution is always centered both vertically and horizontally. Can someone please show me how to do this? Thanks so much. Tom Hi Tom, This page might help: http://snipurl.com/q650 (Link description) FAQ : How to centre horizontally and vertically? If you want to centre an image (or element) vertically and horizontally in the page then one way to accomplish this without tables is to use the following CSS. __ 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] Fluid right margin in an auto-centering div
Marcus Duke wrote: The example for the question is: http://fish.washington.edu/wrac/beta/2ndary1.html An auto-centered div, fixed width, with bulk of content, including background image, navigation menu, and a nested text div are giving me problems with IE Win/Mac (latest versions) and Opera for getting the text in the content div (dotted red border) to auto-reflow the right margin as a function of viewport width (works fine in Safari, Firefox). That is, the text should never flow past right margin of the green background image in wrapper div, but it should shrink when the viewport width is less than total wrapper width so that horizontal scrolling is never required to read the text). I've been able to get the right-margin behavior to work fine for non-auto-centering divs, but I'm stumped for this particular layout. Can it be done, and if so, how? FYI, I experimented with the max-width hack at http://www.svendtofte.com/code/max_width_in_ie/, trying both ems and pixels, with no luck--this I infer is due again to the unique problems imposed by the auto-center format. [...] And later: Sorry about that, folks: ID: wracbeta Pwd: B0r3d Hi Marcus, It took some persistance to come in ... at last after copy/pasting the Pwd in Notepad I discovered the O [ooo] was not an O [ooo] but an 0 [zero]. ;-) I think first you should have a look at the html-validator: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Ffish.washington.edu%2Fwrac%2Fbeta%2F2ndary1.html http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Ffish.washington.edu%2Fwrac%2Fbeta%2F2ndary1.html The css-validator wants conditional comments for IE, and a different @import rule: http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri=http%3A%2F%2Ffish.washington.edu%2Fwrac%2Fbeta%2F2ndary1.html http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri=http%3A%2F%2Ffish.washington.edu%2Fwrac%2Fbeta%2F2ndary1.html See also: http://css-discuss.incutio.com/?page=ImportHack Then in the code my first impression is to cancel the #content { position: absolute; }, and see what happens. The max-width rules I should put in the #content div and not in the p styles. Then also headings h1, h2,.., lists ul and so on are allowed in the content; what makes it easier to manipulate them all together. Greetings, francky __ 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] png transparency with image-background
Hi, I want to make a transparent png the background for a div it is fine when the image is in an IMG tag I can just use this http://homepage.ntlworld.com/bobosola/ but what if I am using image-background{}. Any ideas? Ross __ 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] align-right-left on same line
I'm having trouble getting my nav to align on the left and my content (iframe) to align right. I've tried all sorts of combinations. Should I just use a table? My other problem with this is that the nav is not on the left border on Safari and Navigator, as it is on IE. How can I make that consistent? thanks for all the help and for two questions at once :-) -- Daniel Kessler College of Health and Human Performance University of Maryland Suite 2387 Valley Drive College Park, MD 20742-2611 Phone: 301-405-2545 http://hhp.umd.edu __ 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] align-right-left on same line
I forgot the url last time, sry: http://hhp.umd.edu/events/systems_thinking/ -- I'm having trouble getting my nav to align on the left and my content (iframe) to align right. I've tried all sorts of combinations. Should I just use a table? My other problem with this is that the nav is not on the left border on Safari and Navigator, as it is on IE. How can I make that consistent? thanks for all the help and for two questions at once :-) -- Daniel Kessler College of Health and Human Performance University of Maryland Suite 2387 Valley Drive College Park, MD 20742-2611 Phone: 301-405-2545 http://hhp.umd.edu __ 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] png transparency with image-background
Hi, I want to make a transparent png the background for a div it is fine when the image is in an IMG tag I can just use this http://homepage.ntlworld.com/bobosola/ but what if I am using image-background{}. Any ideas? Ross Hi Ross. This should do the trick. style type=text/css /* ![CDATA[ */ #someDiv { background-image: url(someImage.png); } /* ]] */ /style !--[if gte IE 5] style type=text/css /* ![CDATA[ */ #someDiv { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='someImage.png ',sizingMethod='scale||image||crop'); } #someDiv a { position: relative||absolute; } /* ]] */ /style ![endif]-- Caveats: Cannot use repeating backgrounds in IE. If you set the filter attribute on any parent container (a div for example), you must set all child anchors to be positioned relative or absolute. The same is true when you set filter on the anchor itself. As a precautionary measure, I often throw zoom:1.0 on my anchors to ensure they've been given layout. Note: I've used || to indicate other available options. You should only select one and remove the ||'s. Bill Brown Webmaster, MacNimble.com ___ $0 Web Hosting with up to 200MB web space, 1000 MB Transfer 10 Personalized POP and Web E-mail Accounts, and much more. Signup at www.doteasy.com __ 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] margin revealer
Hi, The FF and IE toolbars both do a terrific job with the DOM explorer and being able to outline almost anything, except... margins. I have created a javascript solution that outlines elements' margins when you click on them. Though this has some drawbacks (e.g. links cannot show their margin) it has been an invaluable resource in CSS development. I have no monetary gains/goals here, and just want the best tools for everyone. So my tool is GPL, and should stay that way, and hopefully someone can cooperate. Let me get some feedback from everyone. Now, I do realize that margins are intrinsically different from all other visible properties, since they are 'not really there'. They are simply invisible areas. Here is the general idea of the solution: - create a new element on top of the target using positioning - give it padding in the same amount as the margin of the target - give it a background-color Some problems I encountered in earlier versions that I had to fix: - The first version used position:relative. This is problematic since it has to be a child-element of the target node. Some tags just cannot have child elements, like e.g. img and input. - Setting CSS properties through a style sheet didn't work, so I reverted to using inline styles for everything. I am using the Yahoo User Interface library, which is also the reason why I compacted the javascript to keep the size manageable. You can see it in action here: http://vanderblonk.com/css/tools/mr/ It's quite hard to make this work cross-browser, since positioning is not implemented the same way in all browsers. I have tested in FF and IE only for now. Michiel __ 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] png transparency with image-background
Bill Brown wrote: !--[if gte IE 5] It's not a good idea to use gte IE 5 in this conditional comment, as IE 7 is capable of displaying background PNGs, and hacks should only be applied as necessary. Use lte IE 6 instead. Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ 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] text alignment in footer div
What would be wrong with using a table in this instance? It achieves everything that is required without any hacks, like what Francky posted, and will validate? Stephen - Original Message - From: Helen [EMAIL PROTECTED] Sent: Friday, May 05, 2006 6:22 PM At the following location: http://www.picturethis4u.com/k-test.htm , I want to position the text New Clients Welcome to the left, and the text link: Enquire Here by E-mail to the right in this footer div. __ 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] align-right-left on same line
It's improved and fine on the PC IE, but on Safari and Navigator the footer runs up to the navigation, behind the iframe. Alot of the problem is that I wanted the iframe to be indented by a margin-right 15 pixels and this was too much for it. It would be nice if I could indent it more towards the navigation though. I still also have the problem on safari/navigator where the navigation is about 20 or so pixels off the right side. thanks for the assistance so far. On May 8, 2006, at 8:30 AM, Nick McNeill wrote: You need to float the div's left and right, don't use align. Give both elements a set width, you already have one set, and use float: left; or float: right; Hope that helps. __ 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] text alignment in footer div
On 5/8/06, Stevio [EMAIL PROTECTED] wrote: What would be wrong with using a table in this instance? It achieves everything that is required without any hacks, like what Francky posted, and will validate? What's wrong (in my opinion) is that it uses tables for layout, something for which they are not designed. Or necessary. They reduce useability and accessibility for no good reason. For tabular data display, tables are the correct choice, for layout, the wrong choice. There are no table police that will remove your site if you use tables for layout, as far as I know. But you will be advertising the out-of-date nature of your web design team. -- Ed Seedhouse __ 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] Right Navigation Pane in Liquid Layout is not behaving properly
From reading posts and help you guys helped others with; I resolved my left menu bar navigation problem by implementing the liquid columns (based on this site http://www.alistapart.com/articles/negativemargins/) But the problem I'm having is that I can't get my right column to be un-proportional to the left column. This is what I want: -- 150px Xpx (defined by browser window) 280px -- But what I'm getting is: -- 150px Xpx (defined by browser window) 150px -- Here is the link: http://hitech.lead2gold.org I'm new to css, so I'm basing what is happening on the background colors within the right column. Thus that is what I want to adjust. I have set all the right column information to 280px, and the calendar is being placed properly. I just can't get the background to behave as the calendar does. Chris __ 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] Right Navigation Pane in Liquid Layout is not behavingproperly
Your right column looks fine (FF1.5), it's your background image on that column - it's only 150px wide. Nigel -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris C Sent: Monday, May 08, 2006 9:31 AM To: css-d@lists.css-discuss.org Subject: [css-d] Right Navigation Pane in Liquid Layout is not behavingproperly From reading posts and help you guys helped others with; I resolved my left menu bar navigation problem by implementing the liquid columns (based on this site http://www.alistapart.com/articles/negativemargins/) But the problem I'm having is that I can't get my right column to be un-proportional to the left column. This is what I want: -- 150px Xpx (defined by browser window) 280px -- But what I'm getting is: -- 150px Xpx (defined by browser window) 150px -- Here is the link: http://hitech.lead2gold.org I'm new to css, so I'm basing what is happening on the background colors within the right column. Thus that is what I want to adjust. I have set all the right column information to 280px, and the calendar is being placed properly. I just can't get the background to behave as the calendar does. Chris __ 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/
Re: [css-d] I'm trying to link to a pdf file.
The pdf downloads for me and opens even in Acrobat 4 so the links work. The pdf has to be downloaded before it can displayed. On my computer I use a download program that automatically takes over for a download. In some the pfd should opens the reader and displays the pdf in the browser window. I try to avoid that but as I recall, it depends on how the browser is configured to handle the download and the pdf. Don - Original Message - From: Patrick Roane [EMAIL PROTECTED] To: CSS Discussion Group css-d@lists.css-discuss.org Sent: Sunday, May 07, 2006 8:46 PM Subject: [css-d] I'm trying to link to a pdf file. | Hi folks, | | I'm trying to create a link to a .pdf file (on my server) and I'm having trouble. My code is: | -- | a href=pdf/spring2004.pdfClick here img src=images/pdf.gif alt= width=16 height=16 border=0/a | to view our Spring 2004 news letter. br / | | | Everything is up on the server (in a dir. called pdf), but I have it set up the same on my local host and everytime I click on the link ... nothing but a blank page comes up. | | www.allgooddogspetcare.com/agd06/news.html | | Any ideas? | | Thanks in advance. | | | __ | 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/ | | | | -- | No virus found in this incoming message. | Checked by AVG Free Edition. | Version: 7.1.392 / Virus Database: 268.5.5/333 - Release Date: 5/5/2006 | | -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.392 / Virus Database: 268.5.5/333 - Release Date: 5/5/2006 __ 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] Search Engine Design
if you could reply with ideas, perhaps some code or links to tutorials or css effect you have seen and think would be appropriate, i would be very grateful. I have a feeling you're not going to get a whole lot of response to this, so I'll give you a starting direction. http://css-discuss.incutio.com/ Look through the layouts, find what you need and implement it. Don't be afraid to totally screw it up, because when you do you'll then have a proper question for this list, which focuses on the use and implementation of css. Then when you write the list for a solution to a problem make sure to use a subject line that gives folks a hint as to what browser you've screwed up in and how, so the appropriate css guru reads your message and responds. Good luck! bj --- avast! Antivirus: Outbound says I'm squeaky clean. Virus Database (VPS): 0619-0, 05/08/2006 Tested on: 5/8/2006 10:26:07 AM __ 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] Resizing in IE and footer in Firefox
Hello, I'd appreciate it if folks could take a look at the following sample and give me some guidance as to my errors: http://www.mediumcool.com/test/layouttest.html.http://www.mediumcool.com/test/layouttest.html I have included most of the style information within the HTML file for convenience, although there is a linked stylesheet that affects the menu list items. Here's what's happening: In IE, the pages displays as I would hope until the window is resized downward. Then two things happen: 1) the shadow which forms a border on the upper part of the content area is repeated underneath the top-level menu items and the bg color of the outer (or upper) div is shown below the menu items, and 2) the elements which create the left-hand border disappear. Refreshing the page corrects most of this. I have noticed that if I remove the menu list entirely, the same issue regarding the shadow and background color appears, even when initially displayed. In Firefox, I have a different problem: the footer content is displayed oddly. The image defined as the background for the footer div does not appear. If I eliminate the image and define a background color for the div, that color is not displayed, although test content in that div is shown. Could someone please show me the error of my ways. Thanks very much in advance. -- Thanks, Tom Tom McNeer MediumCool http://www.mediumcool.com 530 Means St NW, Suite 110 Atlanta, GA 30318 404.589.0560 __ 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] CSS not loading in Firefox/IE
Hi, folks Please excuse me if this question is off-topic for this list (although if that is the case, offline responses with any suggested solutions would be welcome). A user of one of the sites I am involved with is seeing some strange behaviour. It looks as though neither Firefox nor IE6 are loading in the stylesheet, but I can't figure out why. She says that the site was working OK, but some time in the past few days it stopped displaying correctly, losing all the styles. Any suggestions what might cause Firefox/IE6 to not load the stylesheet? (site is at: www.sfep.org.uk, stylesheet at: www.sfep.org.uk/styles/sfep.css) WBW C. __ 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] Resizing in IE and footer in Firefox
Tom McNeer wrote: I'd appreciate it if folks could take a look at the following sample and give me some guidance as to my errors: http://www.mediumcool.com/test/layouttest.html. Visit the validator first... http://validator.w3.org/check?uri=http%3A%2F%2Fwww.mediumcool.com%2Ftest%2Flayouttest.html ...and try to get that markup in accordance with the DTD you're using. Once that part is alright, the rendering-problems you mention will probably be a lot easier to fix. regards Georg -- http://www.gunlaug.no __ 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] CSS not loading in Firefox/IE
CSS wrote: Any suggestions what might cause Firefox/IE6 to not load the stylesheet? (site is at: www.sfep.org.uk, stylesheet at: www.sfep.org.uk/styles/sfep.css) Not really, as it seems to styled well enough in my Firefox and IE6 (and also in Opera). However, any attempt to figure out anything is somewhat hampered by the state of that markup... http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sfep.org.uk%2F ...so I gave up :-) regards Georg -- http://www.gunlaug.no __ 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] site check/couple of issues
I'm about finished with this site and I've been working on a Mac, so I could really use some feedback on Windows. I've checked the site on Safari, Netscape, Firefox and iCab. I'm not a web developer at all and am just doing my best to try to kluge this all together. [snip] Everything is pretty much done, except for inserting the MP3 sample files into my player and filling in the matching content. We're hoping to go live soon, so any help would be greatly appreciated. Here's the link. http://robabernathy.com Many thanks. Hi Rob. I'm gonna hafta echo Gunlaug's recent sentiments about some other posts in this list. If the markup doesn't validate, it isn't really fair to call it a CSS issue. I got 57 errors validating your code, so to isolate the problem would require re-coding and then deciding if the problem was the JS, HTML, CSS or any of a myriad of other things. Before taking any steps to declare that some browser isn't reading something the way I want, I always try to make sure that my code validates, or at least, the errors are ones I know about and can live with. In your case, I'd say bring the HTML up to specs first so that the problem can be isolated to the CSS portion of your design. Gunlaug: Sorry for stealing your thunder, but I didn't want you to be all alone on this one. It's an important point, I think. Hope it helps. || | Bill Brown | | Webmaster, MacNimble.com | | http://www.macnimble.com | | mailto:[EMAIL PROTECTED] | | Phone: 215-237-2037| || ___ $0 Web Hosting with up to 200MB web space, 1000 MB Transfer 10 Personalized POP and Web E-mail Accounts, and much more. Signup at www.doteasy.com __ 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] div covering up scroll bar? Z-index?
Matthew Bernhardt wrote: http://benedikt.knowlton.ohio-state.edu/faculty/ ... in IE/Windows, the top header div is appearing over the scroll bar. ... Am I right in thinking that this is somehow related to the z-index of the element? Or would it be something else? Something else. I think you can adjust body { padding-right: 20px; /* add */ /*width: 100%;*/ /*comment this out */ height:100%; overflow:auto; } in ie6.css, to leave some space for the scrollbar. Ingo -- http://www.satzansatz.de/css.html __ 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] CSS not loading in Firefox/IE
Hi, again. Thanks to Bill and Georg (and to others who replied offlist) for advice/comments. I was already pursuing the 'View Page Style No Style' option that Bill suggested, but don't have an answer as yet. This wouldn't, however, explain the visitor experiencing the same problem in IE. I'm convinced that this is a problem at the visitor's end, but would like to put my finger on exactly what the problem is. In addition, Gunlaug Sørtun wrote: However, any attempt to figure out anything is somewhat hampered by the state of that markup... http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sfep.org.uk%2F ...so I gave up :-) Your point is taken, Georg -- although, with respect, I don't believe that the state of the HTML markup (which hasn't changed recently) really affects whether the stylesheet should load correctly for some visitors and not for others. Having said that, I've corrected the validation errors now -- so if you'd like to have another look, Georg, and see if you can figure anything out now, that would be great ;-) WBW C. __ 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] CSS not loading in Firefox/IE
Looks fine in Firefox to me.! On 08/05/06, CSS [EMAIL PROTECTED] wrote: Hi, again. Thanks to Bill and Georg (and to others who replied offlist) for advice/comments. I was already pursuing the 'View Page Style No Style' option that Bill suggested, but don't have an answer as yet. This wouldn't, however, explain the visitor experiencing the same problem in IE. I'm convinced that this is a problem at the visitor's end, but would like to put my finger on exactly what the problem is. In addition, Gunlaug Sørtun wrote: However, any attempt to figure out anything is somewhat hampered by the state of that markup... http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sfep.org.uk%2F ...so I gave up :-) Your point is taken, Georg -- although, with respect, I don't believe that the state of the HTML markup (which hasn't changed recently) really affects whether the stylesheet should load correctly for some visitors and not for others. Having said that, I've corrected the validation errors now -- so if you'd like to have another look, Georg, and see if you can figure anything out now, that would be great ;-) WBW C. __ 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/ -- http://www.web-buddha.co.uk dynamic web programming from Reigate, Surrey UK (php, mysql, xhtml, css) look out for project karma, our new venture, coming soon! __ 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] CSS not loading in Firefox/IE
Your point is taken, Georg -- although, with respect, I don't believe that the state of the HTML markup (which hasn't changed recently) really affects whether the stylesheet should load correctly for some visitors and not for others. Having said that, I've corrected the validation errors now -- so if you'd like to have another look, Georg, and see if you can figure anything out now, that would be great ;-) Looks great to me on IE, FF, and Opera Looks as if there is a major problem with client's set up. Might be worth checking their set up as first suggested. I had a client who could not view a site at all that the rest of world can see. It was their ISP's fault!!! I cannot see how it is your code, but then I am no expert. Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.392 / Virus Database: 268.5.5/333 - Release Date: 05/05/2006 __ 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] site check/couple of issues
Nor sure whether you have done some work on this but cannot see where Bill gets 57 markup errors. I was intrigued and had a look see. I found 3!! and all the same error. [snip] Whilst I agree with Bill that it is good practice to have good markup it depends what markup error there is whether it affects CSS. [snip] Ian Rob, Ian, I didn't keep the screen open for that error check and it is entirely possible I was returning results from some other site check. I've just checked again and a check of the code on the contact page returns 8 errors. There's also 8 in your CSS, the details of which I've included since they are CSS issues. URI : http://robabernathy.com/styles/main.css * Line: 32 Context : .twelve Invalid number : padding-top none is not a padding-top value : none * Line: 32 Context : .twelve Invalid number : padding-bottom none is not a padding-bottom value : none * Line: 34 Context : .fourteen Invalid number : padding-top none is not a padding-top value : none * Line: 34 Context : .fourteen Invalid number : padding-bottom none is not a padding-bottom value : none * Line: 37 Context : .eleven Invalid number : padding-top none is not a padding-top value : none * Line: 37 Context : .eleven Invalid number : padding-bottom none is not a padding-bottom value : none * Line: 39 Context : .elevencent Invalid number : padding-top none is not a padding-top value : none * Line: 39 Context : .elevencent Invalid number : padding-bottom none is not a padding-bottom value : none --Bill || | Bill Brown | | Webmaster, MacNimble.com | | http://www.macnimble.com | | mailto:[EMAIL PROTECTED] | | Phone: 215-237-2037| || ___ $0 Web Hosting with up to 200MB web space, 1000 MB Transfer 10 Personalized POP and Web E-mail Accounts, and much more. Signup at www.doteasy.com __ 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] Eliminating the URL address, date, and No. of pages
it prints out the URL of the document [...] How do I get rid of all that? In your browser settings. -- Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net __ 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] Three right floated horizontal navigation lists
Hello, I've been going crazy trying to solve this problemIn the header area of this site I'm working on, I have 3 horizontal navigation bars, one under the other, floated to the right. From top to bottom--A tools menu, a main menu, and a sub menu. In the long run I want to make the sub menu be nested within the main menu, but I'm not ready to tackle that in CSS just yet. So for now the sub menus are separate unordered lists that I hide when appropriate. I'm just working this out in Firefox on both a mac and pc at the moment and am not ready to start browser de-bugging. My tools menu and my sub menu float just fine to the right, but I can't get my main menu (the middle one) to do so without reversing the order of my list items so that the first one ends up being the furthest right on the page. The code below is my latest version and the menu sticks to the left of the page. I've tried just about every combination of float and clear I can think of, even ones that made no logical sense whatsoever and am stumped. Any help you can offer would be greatly appreciated. I apologize that I don't have a server to upload this to at the moment. I hope I have provided enough code for you to take a look. If you need more information about the page, I will do my best to provide it. Thanks in advance, Kristin /* Tools menu */ #toolsnav { float: right; list-style-type: none; margin: 0; padding: 0; background: url(../pics/headerbackground.gif); } #toolsnav li { float: left; line-height: 1.1em; margin: 0 5px 0 -5px; padding: 0 5px 0 5px; list-style-type: none; } /* WFCFIA MENU- */ #mainnavcontainer { clear: both; width: 100%; background: url(../pics/headerbackground.gif); } #mainnav { margin: 0; padding: 0 0 6px 0; list-style-type: none; width: 50%; background: url(../pics/headerbackground.gif); } #mainnav ul { float: right; margin: 0; padding: 0; list-style-type: none; color: #467; } #mainnav li { display: inline; } /* WCFIA sub level navigation */ #subnavcontainer { clear: both; float: right; background-color: #578; color: #fff; } .subnav { clear: right; float: right; margin: 0; padding: 2px 0 2px 0; width: 100%; background-color: #578; color: #fff; } .subnav ul, .subnav li { margin: 0; padding: 0; display: inline; list-style-type: none; color: #ccc; background-color: #578; font-weight: bold; } HTML div id=toolsnav ul lia href=index.html class=currentHome/a/li lia href=contact/index.htmlContact Us/a/li lia href=intranet/Intranet/a/li lia href=sitemap.htmlSite Map/a/li !-- SEARCH FORM -- li form action= method=get input name=search type=text value=Search size=20 maxlength=60 / input name=go type=button value=Go! / /form /li /ul /div !-- END #TOOLSNAV -- div id=mainnavcontainer ul id=mainnav lia href=aboutus/index.htmlAbout Us/a/li lia href=calendar/index.htmlCalendar/a/li lia href=people/index.htmlPeople/a/li lia href=fs_resources/index.htmlFaculty amp; Student Resources/a/li /ul /div !-- END #MAINNAVCONTAINER -- div id=subnavcontainer ul class=subnav liAbout Us:/li lia href=aboutus/history.htmlHistory/a/li lia href=aboutus/ov_affiliates.htmlAffiliates Overview/a/li lia href=aboutus/ov_administration.htmlAdministration Overview/a/li lia href=aboutus/communications.htmlCommunications/a/li /ul ...other lists for hidden submenus... /div !-- END #SUBNAVCONTAINER -- __ 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] Div jumps in IE (two examples)
From: francky Sent: Friday, May 05, 2006 5:07 PM Glenn E. Lanier, II wrote: [...] If you're still reading and not confused, let me try to sum it up: http://www.CarpentersForChrist.com/LayerTest/reg.html contains valid HTML ... Oho! I was still reading but also confused, while I did check the html-validator in the meantime. Proper link to behaving page. Improper wording. Reg1.html, the misbehaving page, is validated. No errors -- CSS errors are all leading underscore related, and shouldn't cause the problem, since reg.html displays properly in IE using the same CSS. HTML in question: http://www.CarpentersForChrist.com/LayerTest/reg1.html Validation of HTML in question: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.carpentersforch rist.com%2FLayerTest%2Freg1.html To get the difference, I should advise to isolate the problem by commenting out parts of the (overwhelming table-) code you got, see where the css is going wrong, and correct IE in that place(s). You're not doing this the right way. You should point out the problem (concisely, hopefully) and let me be on my way! I don't mind hacking that beast down to size, but was hoping a quick glance with fresh eyes would shed some light on where to hack first. ps-1: the css-validator can be made happy by replacing the 3 IE_underscore hacks by a conditional comment. I'll look at that. ps-2: beautyful css-hovers instead of the html-absorbing js-hovers should be some good work too. :-) I agree, but not my call. They'd also benefit from being added using SSI, not hard coded into every single page, but that is a story for a different day. --G __ 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] Disappearing Breadcrumb!
Hi Everyone, I'm in the middle of a little mystery, and I'd appreciate any help you might be able to offer... On the following page, the breadcrumb is disappearing in IE6/win (fine in ffox). However, if you mouse over the breadcrumb area (top of page to the right of the logo) it will reappear. Then, if you mouse over the About PPS menu the breadcrumb will disappear again! Btw, if there's no background color (pink in this case, for demonstration) the breadcrumb is always visible. http://stage.pps.org/info/newsletter/ However, it's on this page it's fine: http://stage.pps.org/ Thanks in advance for any help! - Nick Grossman www.wrkng.net __ 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] classes and id's
Hi - I realize this is a very basic question, but the more I try to figure it out the more confused I get. So maybe one of you can set me straight! When using classes (or id's) - what is the correct way to do the following: a.leftborder {color: #ff;} OR .leftborder a {color: #ff;} OR what about a.leftborder:hover {color: #00;} OR .leftborder a:hover {color: #00;} And what about this ul.leftborder li a {color: #ff;} (Now that's getting really weird looking??? Is that how you do it?) I'm sorry to bother you all with something so basic, but I couldn't seem to find any thing consistent. And now I think I'm super confused! Very sincerely, Allison __ 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] Side navigation too low
Not sure what's going on here. I've been looking through the code (XHTML and CSS validate) However the side nav is too low on the left side. http://pamshop.com/Template1/exp8.html# Here is the CSS for the side navigation: http://pamshop.com/Template1/exp8_side_nav.css TIA Mark __ your personal webtop. @ http://www.goowy.com __ 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] distribute images across a page
Thanks to Christian I used his (her?) technique and have a working version of my own. I added a rollover effect on my example: www.dottedi.biz/codesamples/5-image-rollover.html The solution hit the mark! -Bob Christian Heilmann wrote: My guess would be to use a real list, set the images to display:block, float the images to the left, float the LI elements to the left and float the main UL to the left. http://icant.co.uk/sandbox/imageDistribution.html __ 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] classes and id's
It depends on what you are trying to do... Each of these does something slightly different: a.leftborder {color: #ff;} /* all anchors having the leftborder class will be white e.g. a href=foo.html class=leftborderbar/a */ .leftborder a {color: #ff;} /* all anchors inside an element having the leftborder class will be white e.g. div class=leftbordera href=foo.htmlbar/a/div */ a.leftborder:hover {color: #00;} /* all anchors having the leftborder class will be black when moused over e.g. a href=foo.html class=leftborderbar/a */ .leftborder a:hover {color: #00;} /* all anchors inside an element having the leftborder class will be black when moused over e.g. div class=leftbordera href=foo.htmlbar/a/div */ ul.leftborder li a {color: #ff;} /* all anchors inside an li inside a ul having the leftborder class will be white e.g. ul class=leftborderlia href=foo.htmlbar/a/li/ul */ If all of this went over your head, have a look at http://css.maxdesign.com.au/selectutorial/ for a great primer on selectors and CSS. Jon __ 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] Disappearing Breadcrumb!
At first glance it sounds like a problem I had called the Peekaboo bug: http://www.positioniseverything.net/explorer/peekaboo.html On 5/8/06, Nick Grossman [EMAIL PROTECTED] wrote: Hi Everyone, I'm in the middle of a little mystery, and I'd appreciate any help you might be able to offer... On the following page, the breadcrumb is disappearing in IE6/win (fine in ffox). However, if you mouse over the breadcrumb area (top of page to the right of the logo) it will reappear. Then, if you mouse over the About PPS menu the breadcrumb will disappear again! Btw, if there's no background color (pink in this case, for demonstration) the breadcrumb is always visible. http://stage.pps.org/info/newsletter/ However, it's on this page it's fine: http://stage.pps.org/ Thanks in advance for any help! - Nick Grossman www.wrkng.net __ 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/
Re: [css-d] Side navigation too low
Actually this seems to be a Firefox problem. Not sure what's going on here. I've been looking through the code (XHTML and CSS validate) However the side nav is too low on the left side. http://pamshop.com/Template1/exp8.html# Here is the CSS for the side navigation: http://pamshop.com/Template1/exp8_side_nav.css TIA Mark __ your personal webtop. @ http://www.goowy.com __ 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/ __ your personal webtop. @ http://www.goowy.com __ 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] irritating margin difference
On 06/05/07 23:59 (GMT-0400) Felix Miata apparently typed: I did some rework on my home page today. It has a 25 sec. delayed redirect, so I have a copy with no redirect temporarily available at: http://mrmazda.no-ip.com/indexx.html I have no Mac, so my only Safari look comes from http://www.snugtech.com/safaritest/, which doesn't say which Safari version it uses. My intent is for each of the bordered divs to appear to have identical spacing between themselves. These browsers render the spacing the way I want: ... I figured out that '#entrybuttonc, #entrybuttonl, #entrybuttonr {font-size: x-large;}' needed to be changed to '#entrybuttonc p, #entrybuttonl p, #entrybuttonr p {font-size: x-large;}', so that the divs were sized according to the default font instead of x-large. Now it works as expected in all the same browsers I originally tested with, with the added bonus that IE at smaller no longer pushes #entrybuttonc down below the two that belong on each side of it. Thanks for the private replies that rattled me into taking a fresh look. :-) -- All have sinned fall short of the glory of God. Romans 3:23 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.com/ __ 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] Div jumps in IE (two examples)
Glenn E. Lanier, II wrote: From: francky Sent: Friday, May 05, 2006 5:07 PM [...] [...] [...] To get the difference, I should advise to isolate the problem by commenting out parts of the (overwhelming table-) code you got, see where the css is going wrong, and correct IE in that place(s). You're not doing this the right way. :-) You should point out the problem :-) [...] I think this is a bit off topic, so I'll go on off list. The problem is here: http://home.tiscali.nl/developerscorner/css-discuss/helping-glenn.e.lanier-II.txt Anyway, thanks for helping me how to help. francky __ 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] classes and id's
Jon Jensen wrote: It depends on what you are trying to do... Each of these does something slightly different: [...] ul [...] If all of this went over your head, have a look at http://css.maxdesign.com.au/selectutorial/ for a great primer on selectors and CSS. Jon And a direct online explication for what a home made selector is expected to do: the SelectORacle: http://penguin.theopalgroup.com/cgi-bin/css3explainer/selectoracle.py Greetings, francky __ 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] Problem balancing margins and paddings
I am trying to redesign the following 3-column layout http://lmmiller.com/biography.html to a new, simpler version with just two columns: http://lmmiller.com/test.php http://lmmiller.com/assets/css/test.css I am facing the following issues: 1. The #quotes appear to have a tiny top margin even though I am trying to neutrialize the #content's top padding with the #quotes top margin: #content { background-color: #fff; margin-left: 200px; border-left: 1px solid gray; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; /* max-width: 36em; */ } #quotes { width: 200px; background-color: #A5B2DE; border-top: 1px solid gray; border-right: 0px solid gray; border-left: 1px solid gray; border-bottom: 1px solid gray; float: right; margin-top: -1em; margin-right: 0em; margin-bottom: 0px; margin-left: 10px; text-align: right; padding: 10px; font-size: 90%; } 2. If I attempt to give #content padding-right: 1em, the #quotes appears with right margin in Firefox and shifted way to the right in IE6. What I want to accomplish is a simple layout where the #quotes are positioned in the top right corner of the #content in both Firefox and IE. Any assistance would be highly appreaciated! Thanks in advance! Mitko __ 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/