Re: [css-d] Looking for reasons to use header tags - esp. for ADA
*BESIDES* the fact that it's just good practice to use headers or because the W3C recommends that headers should be used in sequential order, is there any other reasons to use header tags? Search engines! __ 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] Organizing CSS
On Jan 20, 2006, at 9:38 AM, Bill Moseley wrote: I just looking for a few tips on how to organize CSS files. I kinda like how the CSS for most Ruthsarian Layouts is organized: http://webhost.bridgew.edu/etribou/layouts/index.html My personal technique is to link from index page like so: link rel=stylesheet href=./css/master.css type=text/css media=screen / ... and within master.css: /*--( IMPORT STYLE: )-*/ @import url(general.css); @import url(layout.css); @import url(links.css); @import url(nav_horiz.css); @import url(nav_vert.css); @import url(forms.css); @import url(pending.css); /**/ I am still refining my system as time goes on, but seems to work best for me. Gl, hth, Cheers, Micky -- ¸.·´¯`·.¸¸(((º`·.¸¸.·´¯`·.¸¸º ·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸º `·.¸¸º¸.·´¯`·.¸¸º __ 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] Replace Picture Bar with New Set
On 1/21/06, Donna Pfledderer @ Virtual Business Connection [EMAIL PROTECTED] wrote: Can anyone give me some suggestions on how to make the bar of thumbnails slide to the left and replace with new ones and then slide to the right when Donna, You're going to have to use JavaScript to accomplish this. I know of no way to do it using just CSS. I googled JavaScript scrolling images and was able to come up w/ several code samples and tutorials. Hope this helps. -- Bryce Fields www.royalrodent.com Do or do not! There is no try! -- Yoda __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] new site is live...
Not that it's newsworthy, but I have re-designed my site blackcoil.com using ASP.NET 2.0, Master Pages, CSS, XHTML, and all that lovely goodness. Just a note, that new line before your DOCTYPE can potentially mess you up by putting IE in quirks mode (although this probably doesn't affect you now, it can cause a lot of mysterious trouble later on). Also, looking through the pages, I only see h1, h3, and h4. Remember that you should use h? to show the structure of your page (you can always change the font-size/margins/padding in your CSS. It may help to look at your page without the CSS and see if it looks right. Hope this helps, Ricky __ 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] Image map effect on a background image (followup)
From: Gary Czychi [EMAIL PROTECTED] This is an excerpt of my font.css file: .bgstars{ height: 600px; width: 800px; background-image: url(../img/bgstars.jpg) } .bgstars a { /* display: block; float: left; border: 1px dashed red; /* debug display */ } .bgstars a span { display: none; } .bgstars a#lkhome { height: 50px; width: 50px; border: 1px dashed green; } .bgstars a#link2{ height: 75px; width: 25px; border: 1px dashed blue; } .bgstars a#link3{ height: 10px; width: 10px; border: 1px dashed purple; } = div id=bgstars = a id=lkhome href=http://home;spanLink 1/span/a Gary, if this is an actual copy-and-paste job from your CSS and HTML files, then I think that the problem is probably that you have used class selectors in your CSS whereas you've tried to call that name (bgstars) with an ID attribute in the HTML. If fixing this doesn't clear it up, perhaps, as Roger suggested, you can post the page for us to look at. ~holly __ 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] Looking for reasons to use header tags - esp. for ADA
Morning Mike You wrote I did realize that I left off search engines after I wrote my message. Now, will my example #2 be sufficient for descent SEO? Also, do search engines have problems with skipped headers? Unless there was a question in there about styling header tags that I missed, this thread has drifted from html mark up to SEO. This question would be more appropriate at forum like webdesign-L [1] or see the CSS-D wiki [2] for more forums that can provide appropriate responses. Regards [1] http://webdesign-l.com/ [2] http://css-discuss.incutio.com/?page=OffTopic Jim Nannery www.beebar.net __ 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] Replace Picture Bar with New Set
Thanks Bryce, I'll try the google search. Donna __ 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] Safari problem
I've been working on a site that has a strange bug in Safari. There is a dropdown for the top menu item, our yarns. The right side border is not showing up until you close the dropdown, and then it remains on screen! I've never seen this behavior before. The page is available at: http://www.cherylamato.com/wool/ Any ideas? Cheryl __ 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 Explorer and absolute div
At 11:50 PM -0800 1/20/06, Trish Meyer wrote: html http://www.socahort.org/meetings.html and CSS on page http://www.socahort.org/stylesheets/schs.css the div called #archive includes the Past Meetings links. After my post last night, I had the brilliant idea (well, brilliant for me...) to made the little #archive a float left and relative div, rather than an asboluely positioned div. Was this the right approach?? This seems to have solved the problem in Windows Explorer. However, now in Explorer on Mac, the archive div draws underneath the nav bar so it's unreadable. Aaargh again. Any ideas? Besides telling them to use Safari?G Trish -- -- Trish Meyer, Webmaster VIVA Gallery The Valley Institute of Visual Arts http://www.vivagallery.org Email: [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/
[css-d] Centering with margin:auto - help my browser compatibility test
All, I was working on a layout when I discovered that depending on which browser you use, margin:auto is calculated differently. Specifically, I was trying to make certain content elements flush up with a border that was part of a centered background image. I noticed that in IE, if you descrease or increase the browser window by 1 pixel increments, it alternately breaks/fixes the layout. By broken I mean the content is shifted 1 pixel to the left, causing it to overlap the border on that side and leave 1 pixel of white on the other. I subsequently figured out that it works in IE (6) if your background is an odd number of pixels wide and your div is an even number of pixels wide. I created 4 different tests, and tested IE, firefox, and Opera, and got differnet results for each. So far there isn't one scenario that seems to work in all browsers. I plan to test Konquerer later, but I don't have a Mac so I can't test Safari. If anyone would like to help me test (or is curious about the results), you can find them here: http://onefreevoice.com/~haaseg/even_even.html Also, if anyone has seen this before, has seen more information somewhere on the net (I searched a bit but did not find anything), or better yet has a solution, please let me know. Thanks, Greg Haase onefreevoice.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] Safari problem
[EMAIL PROTECTED] wrote: I've been working on a site that has a strange bug in Safari. There is a dropdown for the top menu item, our yarns. The right side border is not showing up until you close the dropdown, and then it remains on screen! http://www.cherylamato.com/wool/ #nav a { ... display: block; width: 140px; } #nav li { float: left; width: 140px; } #nav li.yarn { ... border-width: 1px 1px 1px 0pt;... } #nav li ul { position: absolute; width: 140px; left: -999em; } #nav li.yarn ul a { ... border-width: 1px 1px 1px 0pt; ... } #nav li:hover ul{ left: auto; } both the a and the li have a width of 140px, adding on 1px border-right. Safari, but not the others, offsets the ul of 140px width only, and omits the 1px that exceeds the ul. #nav li ul { ... width: 141px; ... } should do. (By applying a fuchsia border to the li/a, and left:1em; instead of -999em to the ul, I can see the forgotten border in the left off. http://www.satzansatz.de/safari/apdynoffset.html While hovering the ul li a, the a gets repainted and shows the border, but again, when the navigation collapses, this border remains. With maximized text zoom, even the exceeding cashmere ere remains.) 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] CSS Explorer and absolute div
Trish Meyer wrote: Help. It's midnight and I don't know where my div is... Please see page http://www.socahort.org/meetings.html and CSS on page http://www.socahort.org/stylesheets/schs.css the div called #archive includes the Past Meetings links. It's an absolute div, nested inside the div#wrapper which also includes the main #contents div, both of which are relative. ... Trish, your page seems to be changed now, I hadn't a look at the original (you subsumed your midnight question under an existing thread with the more vague subject CSS Formatting issues). Disappearing absolutely positioned elements next to floats are described in detail here: http://brunildo.org/test/IE_raf3.html Probably one of these 15 cases Bruno Fassino collected would have matched your problem. 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] CSS Formatting Issues:
david wrote: No, the problem is that DW (and it's WYSI-not-really-what-you-get competitors) is lying to you. The only way to really test and make sure your pages are working right is checking it in a browser. Remember, people don't browse websites using Dreamweaver! ;-) I'm sorry, I think you guys are misunderstanding what I am saying. I am not talking about how the layout looks in the browser, I am talking about when you right click and view the source code, THAT is what is all messed up. In particular the CSS. In DW8, the CSS is all nice and neat just like I coded it, but if you view the CSS CODE in a browser window, it is all messed up and all over the place like it lost the formatting. What would cause that? The browser, the FTP program that I am using or what? Cory __ 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] 3px holly hack - not working for my needs
-- Original Message -- From: Scott Holdeman [EMAIL PROTECTED] Date: Tue, 17 Jan 2006 09:15:17 -0700 is it always the case that a block level element cannot (should not) be contained in an inline element? Yes. See Jukka Korpela's pages for an outline view of what can be nested in what. http://www.cs.tut.fi/~jkorpela/html/nesting.html http://www.cs.tut.fi/~jkorpela/html/strict.html Could you be more specific about the competing selectors that you are referring to? - I'm not sure I understand. I aplolgize for taking so long to reply to this, and one result is that I no longer recall specifically what these were. But I believe you had some selectors you were trying to get to work that were not as specific as later selectors (for example, one was a class selector and one was an ID selector - IDs are more specific than classes) and so the class selector declarations were being overridden by the ID selector declarations. I hope that helps, ~holly __ 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] Replace Picture Bar with New Set
Try adding this in place of div.boxPictureBar: iframe id=xhtml name=xhtml src=blank.html frameborder= height=250 width=95% You need a standards compliant browser to see this iframe! At least IE 5.5 or Netscape 6. Please go to the links above and download one of the recommended browsers for free. /iframe Then create a page or maybe more with yours sets of pictures, utilizing what you deleted from this page. [EMAIL PROTECTED] wrote: I'm not sure how to ask this, but on this page http://www.1startescape.com/NewSite/gallery_natPlaces.html http://www.1startescape.com/NewSite/css/portfolio.css When the user clicks on the arrow I want the picture bar to be replaced with new thumbnails. I have looked through the archives, but since I'm not sure what to call this, I didn't have much luck searching. I'm not sure if I should do it the same way that the Pictures and text above are replaced, but instead of one picture at a time, I want the whole bar to replace. I just can't wrap my mind around it. Can anyone give me some suggestions on how to make the bar of thumbnails slide to the left and replace with new ones and then slide to the right when you click on a left button, replacing the old ones? I use to do this in flash, but I haven't done it in a while and I have to learn flash all over again. I would like to do it in CSS if possible. Thanks and I hope I explained myself well enough. Donna Light Pfledderer Virtual Business Connection http://www.vbc-nc.com Support the Arts http://www.johnstoncountyarts.org Life would be boring with out it. __ 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] Centering with margin:auto - help my browser compatibility test
Roger, You're probably correct that it is some sort of rounding issue. Weird that the background and the div wouldn't behave the same (IE), and weirder still that Firefox renders correctly for an even width div and incorrectly for an odd width div (regardless of background image). I guess with knowing the exact width of the browser and some more careful testing we could deduce exactly how each browser handles the odd number. It probably isn't worth the time though. I won't show a link to the project I'm working on... a.) there are a million other things that need to be fixed on it right now, and b.) it's in a local access only development environment. I do believe that I'm going to try a different layout technique to get the results I want across all browsers. Or I'm going to alter the layout to one that doesn't need to be so pixel perfect (maybe best for my sanity). Right now I'm thinking of just adding another parent div the width of the background with position:relative and lining up the content position:absolute with a small left offset. It seems like an extraneous div, but it should work with minimal extra bandwidth. I added your test results to my chart - if you would like your name linked somewhere in the attribution, please e-mail me off-list with the destination. Thanks, Greg Haase onefreevoice.com Roger Roelofs wrote: Greg, firefox 1.501 matches ff 1.07 from your chart and Safari 1.3.2 matches Opera 8.51 from your chart. I think the anomaly is a rounding inconsistency. If yo have a body that is 873px wide and a background image that is 872px wide, that is to be centered one side must have 1px where the background image isn't covering. Which side is the 'right' side? Is it the same side for background images as it it is for centered content? I don't recall seeing this situation addressed in the spec, so you can expect some variation among compliant user agents. Can we see the page that started this investigation? There may be a workaround but it will depend on the specifics of the page in question. Having pages 'look alike' across browserland is not very hard. Having pages match pixel for pixel is an order of magnitude more difficult. Usually you can obtain the look you want without the need for pixel perfect placement. hth __ 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] Form field colours
Hi, I'm working on a site with quite a few forms. I set the background colour via the CSS to reflect a grey colour for the background in the text boxes, which works fine in FF and Opera but in IE6.0 it randomly shows some of the text boxes 'yellow'??? I've tried everything I can think of, it seems it's IE (still there when there's no stylesheet), and I've never had this with any other form. When I remove the form/form it shows okay... there's no pattern with which fields it makes yellow either. Also tried it on different servers. I haven't changed my IE settings, I only use it to test a site. Does anyone know what is happening? Thanks Vicki (with very bruised forehead from banging against wall) __ 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] Form field colours
On Jan 21, 2006, at 2:17 PM, Vicki Stebbins wrote: I set the background colour via the CSS to reflect a grey colour for the background in the text boxes, which works fine in FF and Opera but in IE6.0 it randomly shows some of the text boxes 'yellow'??? I get this same exact problem! I have noticed that when I submit the form, and then hit the back button, the yellow will disappear. My forms are all CSS... I am also applying a (non-yellow) color to the background of the input tags. Unfortunately, I have had not time to trouble-shoot... Sorry, no fix from me. I too would love to hear a fix. Thanks, Cheers, Micky -- BCC for Privacy: http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html My del.icio.us: http://del.icio.us/mhulse __ 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] Form field colours
I set the background colour via the CSS to reflect a grey colour for the background in the text boxes, which works fine in FF and Opera but in IE6.0 it randomly shows some of the text boxes 'yellow'??? It is the google toolbar indicating which fields have data already stored for you in the google toolbar history: http://www.wait-till-i.com/index.php?p=73 -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.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] Form field colours
On 21/01/06, Vicki Stebbins [EMAIL PROTECTED] wrote: I set the background colour via the CSS to reflect a grey colour for the background in the text boxes, which works fine in FF and Opera but in IE6.0 it randomly shows some of the text boxes 'yellow'??? You probably have the Google Toolbar installed and it is informing you that it thinks it can fill in those fields for you. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] Replace Picture Bar with New Set
Try adding this in place of div.boxPictureBar: iframe id=xhtml name=xhtml src=blank.html frameborder= height=250 width=95% You need a standards compliant browser to see this iframe! At least IE 5.5 or Netscape 6. Please go to the links above and download one of the recommended browsers for free. /iframe Then create a page or maybe more with yours sets of pictures, utilizing what you deleted from this page. Or use JavaScript to show and hide the different sections. In any case, this is OFF-Topic for a CSS mailinglist. I haven't got an out of the box solution for this detailed site, but it really is not that hard to achieve. I really consider the message you put in the IFRAME a slap in the face. What if I cannot see or if I cannot download a different browser because my company's security settings don't allow me to do so? If you cannot solve a web design issue, don't make it the visitor's problem... And especially don't advertise IFRAME hacks as a standards compliance feature. Frames are for most of the normal brochureware sites these days obsolete and should be replaced with server side includes. -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.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] Form field colours
At 09:56 AM 22/01/2006, Christian Heilmann wrote: I set the background colour via the CSS to reflect a grey colour for the background in the text boxes, which works fine in FF and Opera but in IE6.0 it randomly shows some of the text boxes 'yellow'??? It is the google toolbar indicating which fields have data already stored for you in the google toolbar history: http://www.wait-till-i.com/index.php?p=73 -- Chris Heilmann Thank you so much Christian! I only installed the google toolbar recently and did google searches looking for the reason for the yellow, and didn't get anything about this. Once again, Thank you A happy if bloodied foreheaded 8-) Vicki __ 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] Windows browser check (ADNCC)
Howdy all! Quick browser check under Win browsers if you can spare a moment. Smallish and straightforward site, but dashed off pretty quickly, so that combined with the fact that I'm not even supposed to be coding nowadays means some goofs are highly plausible. Thus: http://s92519729.onlinehome.us/ Thanks in advance, - Brandon __ 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] Windows browser check (ADNCC)
From: Brandon Oto [EMAIL PROTECTED] Hey Brandon, welcome back! Smallish and straightforward site, but dashed off pretty quickly, so that combined with the fact that I'm not even supposed to be coding nowadays means some goofs are highly plausible. Thus: http://s92519729.onlinehome.us/ You need to clear your footer. I had to do it in all the style sheets to get it to work when the switcher was used. If you want the text to sit next to the image, you'll need float the image, too, or reverse the order in the HTML. #imgfrontbox img {float: left;} Checked in Moz(older), Firefox, Op8, IE6. ~holly Sorry to hear you're not supposed to be coding... __ 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] Windows browser check (ADNCC)
On Jan 21, 2006, at 4:38 PM, Holly Bergevin wrote: Hey Brandon, welcome back! Nice to be back in the fray again. (Not really. But the fellow foot soldiers I do miss.) Thus: http://s92519729.onlinehome.us/ You need to clear your footer. I had to do it in all the style sheets to get it to work when the switcher was used. D'you mean clearing the entire footer, on the index page? Or do you mean the floats inside the footer? If you want the text to sit next to the image, you'll need float the image, too, or reverse the order in the HTML. #imgfrontbox img {float: left;} g Good point. Checked in Moz(older), Firefox, Op8, IE6. Thanks much, Holly. Sorry to hear you're not supposed to be coding... :-D I have to confess that this business started driving me out of my skull. Like making sand castles using a sieve. Just mind-numbing. The only reason I'm still working this job is because I got involved in it literally a year and a half ago and the client has taken this long to get the content sorted out... just can't escape, I tell ya. - Brandon __ 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] Simple unordered list Firefox problem
Could you please see my site with Firefox and check the unordered list of links on the right. It shows properly in IE and Opera, but not with Firefox. It must be a simple problem, but the negative margins used for the sidebar confuse me and I'm so exhausted right now :) http://pax.pcc.edu/gjackson/students/mpetrov/ Thank you! __ 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] Windows browser check (ADNCC)
From: Brandon Oto [EMAIL PROTECTED] Nice to be back in the fray again. (Not really. But the fellow foot soldiers I do miss.) Well, you're remembered by this foot soldier, anyway, and always welcome here. Thus: http://s92519729.onlinehome.us/ You need to clear your footer. D'you mean clearing the entire footer, on the index page? Yes - #footer {... clear: both;} I had to do that in each style sheet to get it to work when the switcher was activated. The only reason I'm still working this job is because I got involved in it literally a year and a half ago and the client has taken this long to get the content sorted out... just can't escape, I tell ya. Bummer... The tribulations of being good at something... I do expect you've had many other things occupying your time, however. By the way, congrats on the graduation. ~holly __ 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] Printing issues, 2-column, in both IE FF
I have a work-around for this printing issue. It was interesting and problematic enough to be worth writing up in case others can benefit, I think. The fix: The print no longer drops lines because I added a #footer (display: none;) to print.css. I no longer get the copyright at the bottom of the printed page, but now the rest of the text prints properly. Other things I tried, including suppressing the printing of the second column, did not work. It did not work to simply move the clear instructions to a screen-only css. In fact, I tried a ton of different approaches until I tried this one. The problem: In a relative static positioned (not much absolute), layout with a header, footer, and two-columns, FireFox was printing the footer before the end of the page (likely after the end of the shorter column) and was dropping lines of text from the document. For the curious, you can see the problem if you are using a css online editor and you remove the display:none in the #footer in print.css on www.tincat-group.com/mewsings. It will then exhibit the original problem that took me way to long to figure out. If anyone does know how I can get the footer to also print at the end in FireFox, I sure would be interested. Cheers! --dawn -- Dawn M. Wolthuis Tincat Group, Inc. www.tincat-group.com Take and give some delight 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/
[css-d] Drop down menu woes
Hi all, I'm relatively inexperienced in using CSS for more than the most basic layout and design needs and I have been trying to set up some drop down menus for a site I am working on (http://www.document-group.com). I have managed to get to the point where the menus appear the way I want them to in Firefox (1.5) but IE seems to have a completely different idea of how things should look. Any help is greatly appreciated. -- Jay Drake [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] Simple unordered list Firefox problem
On 22 Jan 2006, at 10:35 am, Martin Petrov wrote: Could you please see my site with Firefox and check the unordered list of links on the right. It shows properly in IE and Opera, but not with Firefox. It must be a simple problem, but the negative margins used for the sidebar confuse me and I'm so exhausted right now :) http://pax.pcc.edu/gjackson/students/mpetrov/ Imho, Opera, Safari, IE get it wrong in this case. Difficult case, and the css 2.1 docs are not very clear here. On #extra ul, you specify {list-style-position:inside}; this means, create an inline object that is the bullet within the box generated by the li Fictional tag sequence would be: lispanbullet/span./li But the a is set to {display:block}. This moves the box generated by the a to a (new) line of it's own. Imho, Opera, Safari, IE get it wrong in this case. The better way to handle your list would be to set the list-style- position to outside (the default) and work out your padding/margins from there. 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] Simple unordered list Firefox problem
On 1/21/06, Philippe Wittenbergh [EMAIL PROTECTED] wrote: The better way to handle your list would be to set the list-style- position to outside (the default) and work out your padding/margins from there. Maybe set the list style to none (so no bullets) - it will probably look fine then. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.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] margin in one column pushes content down in the next column
Let's say I have two columns and there is a div in each column. If I add a margin-top to the left column, it pushes the div down in the other column when viewed in Firefox. Is this normal behavior or is it a bug? This does not happen in Opera or IE. Thanks, Mike __ 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] Simple unordered list Firefox problem
On 22 Jan 2006, at 12:30 pm, Philippe Wittenbergh wrote: On 22 Jan 2006, at 10:35 am, Martin Petrov wrote: Could you please see my site with Firefox and check the unordered list of links on the right. It shows properly in IE and Opera, but not with Firefox. It must be a simple problem, but the negative margins used for the sidebar confuse me and I'm so exhausted right now :) http://pax.pcc.edu/gjackson/students/mpetrov/ Imho, Opera, Safari, IE get it wrong in this case. Difficult case, and the css 2.1 docs are not very clear here. On #extra ul, you specify {list-style-position:inside}; this means, create an inline object that is the bullet within the box generated by the li Fictional tag sequence would be: lispanbullet/span./li But the a is set to {display:block}. This moves the box generated by the a to a (new) line of it's own. Imho, Opera, Safari, IE get it wrong in this case. The better way to handle your list would be to set the list-style- position to outside (the default) and work out your padding/margins from there. Someone asked off list what was my argument for the above, I'll point to the CSS2.1 docs. http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position Specifically: quote inside The marker box is the first inline box in the principal block box, [...] /quote 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/
[css-d] Fwd: Simple unordered list Firefox problem
For the sake of the archives, forwarding this to the list, as Martin replied to me only Philippe, you gave me a very valuable information and I just learned something new. I fixed the problam as you suggested by removing list-style: inside. For those who want to visit a copy of the broken page - http://pax.pcc.edu/gjackson/students/mpetrov/_source/other/css-d/ firefox-list-style-display-problem.htm Martin I didn't know anything about the small bullets and how they are rendered. On 1/21/06, Philippe Wittenbergh [EMAIL PROTECTED] wrote: On 22 Jan 2006, at 10:35 am, Martin Petrov wrote: Could you please see my site with Firefox and check the unordered list of links on the right. It shows properly in IE and Opera, but not with Firefox. It must be a simple problem, but the negative margins used for the sidebar confuse me and I'm so exhausted right now :) http://pax.pcc.edu/gjackson/students/mpetrov/ Imho, Opera, Safari, IE get it wrong in this case. Difficult case, and the css 2.1 docs are not very clear here. On #extra ul, you specify {list-style-position:inside}; this means, create an inline object that is the bullet within the box generated by the li Fictional tag sequence would be: lispanbullet/span./li But the a is set to {display:block}. This moves the box generated by the a to a (new) line of it's own. Imho, Opera, Safari, IE get it wrong in this case. The better way to handle your list would be to set the list-style- position to outside (the default) and work out your padding/margins from there. __ 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] margin in one column pushes content down in the next column
Sorry about that, I forgot to include a link: http://www2.csulb.edu/colleges/cota/test5.html thanks, Mike Mike Soultanian wrote: Let's say I have two columns and there is a div in each column. If I add a margin-top to the left column, it pushes the div down in the other column when viewed in Firefox. Is this normal behavior or is it a bug? This does not happen in Opera or IE. Thanks, Mike __ 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/