Re: [css-d] Firefox active link dotted border problem
On 12/2/05, Philippe Wittenbergh [EMAIL PROTECTED] wrote: If you want to delete it completely, think 3 times or more, that focus ring *is* an accessibility feature. You don't provide any other feedback to keyboard users. It's not that I want to get rid of it, I just want it to stop messing up my layout. Why in the world does FF have to insert their accessibility feature into the document flow? Why can't they just overlay the border, rather than right into the margin, where it makes these jumping links that make viewers want to hurl? But I digress... that's not relevant here. I fixed it by adding: margin-top:-1px; to the list items. Now there's another quirk, but at least it's the same across IE 6, Opera, and FF. Site check in Mac/*nix please? -- -- 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/
Re: [css-d] #idname.classname - IE Support
Eric A. Meyer wrote: At 2:23 PM + 12/1/05, Tony Crockford wrote: this sounds a bit strange but why are you doing #tabs.ski which means id=tabs.ski That's not quite right. To select the following: div id=tabs.ski.../div Yeah, I spotted my idiocy within seconds of pressing send but my emails took two agonising hours to reach the list... something that has since occurred to me though is, that in the example originally posted there are two divs each with ID=tabs but with different classes. Which, surely, *is* invalid code - ID needing to be unique on the page and all, in which case I don't see a benefit to using the ID.Class notation ? why would you use id.class on an element (apart from the fact that it doesn't work in IE) when giving a page element an id (consistent throughout the site but unique per page - e.g footer) and adding a class (declared by element in the stylesheet) works just as well. e.g on one page: div id=footer psome text/p /div on another page div id=footer class=fancyfooter psome different text/p /div ;o) __ 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] Garbled Text In Firefox Under Suckerfish Dropdown
On 12/2/05, Michael Hulse [EMAIL PROTECTED] wrote: I guess what I meant by Not too sure of a workaround was that I do not no how to fix a Firefox JS bug (if it is one, I am just making a big fat guess...). Conditional comments are a temp fix... although, for the Suckerfish JS, I agree, it is a very good idea just to feed it to IE... If it is a bug though, one would hope they would fix the problem rather than have us web-developers hide JS from Firefox... I am sure it happens with other scripts where the JS needs to be read by Firefox... Specifically, I think the problem has to do with the document.getElementById. I think it's actually that there is something wrong with the JS. IE is very forgiving about JS, but Firefox is not! If you are using 1.5, you should see a red exclamation mark in the top right corner everytime there is a JS error. This means that there was a problem in the JS, and FF skipped it, whereas IE will let it run. I've found that most scripts that do not work in FF work fine once they are scripted correctly. -- -- 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/
Re: [css-d] Garbled Text In Firefox Under Suckerfish Dropdown
On Dec 2, 2005, at 12:04 AM, Christian Montoya wrote: I've found that most scripts that do not work in FF work fine once they are scripted correctly. That makes sense... Now I feel silly for pointing the finger at Firefox... :( M __ 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] [RE-POST] IE page flicker (not rollover)
At least on my end, Georg's -1px margin fix does stop the flicker. As a side note, I wonder why I only could see the bug when cache settings were changed from Every visit to page to Never? The -1px fix does stop the click/hold vanishing logo problem which was the biggest headache. I've made it more specific by using margin-left, setting any other side doesn't work. The other problem (still present but not so important) is page flicker when switching pages or when repeatedly loading the same page, such as clicking 'Home' repeatedly. Strange that you get different results from cache settings, I get the same flicker with every cache option, but as Ian pointed out this may be something to do with my machine. Its all fun and games hey :) Cheers. Mark. __ 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] #idname.classname - IE Support
On 12/2/05, Tony Crockford [EMAIL PROTECTED] wrote: why would you use id.class on an element (apart from the fact that it doesn't work in IE) when giving a page element an id (consistent throughout the site but unique per page - e.g footer) and adding a class (declared by element in the stylesheet) works just as well. e.g on one page: div id=footer psome text/p /div on another page div id=footer class=fancyfooter psome different text/p /div Isn't ID more specific than class? So if #footer has font-size:1em; and then in .fancyfooter you try to override that with font-size:1.1em; it won't be overridden, because #footer has precedence? So doing: div class=footer /div and on another page: div id=fancyfooter class=footer /div would be more bulletproof. -- -- 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/
Re: [css-d] #idname.classname - IE Support
Christian Montoya wrote: Isn't ID more specific than class? So if #footer has font-size:1em; and then in .fancyfooter you try to override that with font-size:1.1em; it won't be overridden, because #footer has precedence? good point, bad example on my part. I'm more likely to add a class to the p in my example, rather than the footer, so the footer ID carries the defaults and classing the p allows me to deviate from them.. (probably why I can't get my head round the id.class is it just a more specific shorthand?) ;o) -- http://wiki.workalone.co.uk http://www.workalone.co.uk/ads.htm http://www.xebit.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/
Re: [css-d] Min-width/Max-width: IE PC/IE Mac too?
Michael Hulse wrote: Oh, I also just found this: (Gunlaug's IE-expressions in CSS) http://www.gunlaug.no/contents/wd_1_02_01.html#item3 Unless you prefer to put IE6 in quirks mode (like I do most of the time) then you may be better of with a version that works in both Strict and quirks mode. Same page... http://www.gunlaug.no/contents/wd_1_02_01.html#item34 (IE/Mac still has a hard time following up on CSS-changes for that page, but it'll get there - one day) 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] Adding a border to a div fixes gaps/margins/padding? Why?
Micky, On Dec 2, 2005, at 12:32 AM, Michael Hulse wrote: With that said, does anyone have any links to examples/bugs that are similar to the above oddity? Am I crazy? No. It is most often a case of collapsing margins. Putting padding or a border between prevents the margins from 'touching' so they stop collapsing. The Spec http://www.w3.org/TR/REC-CSS2/box.html http://www.complexspiral.com/publications/uncollapsing-margins/ http://css-discuss.incutio.com/?page=CollapsingMargin Roger, Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Min-width/Max-width: IE PC/IE Mac too?
As a point of information, we've had this page floating around a long time: http://www.projectseven.com/csslab/testing/minmax/cssp5.htm All of the expression solutions we write work in strict mode. Most are descendant from solutions we pack with custom products but are useful in their own right. Poke around some of our PagePack demos and other gems can be found :-) Al Sparber - PVII http://www.projectseven.com DW Extensions - Menu Systems - Tutorials - CSS FastPacks - Webdev Newsgroup: news://forums.projectseven.com/pviiwebdev/ CSS Newsgroup: news://forums.projectseven.com/css/ RSS/XML Feeds: http://www.projectseven.com/xml/ - Original Message - From: Gunlaug Sørtun [EMAIL PROTECTED] To: Michael Hulse [EMAIL PROTECTED] Cc: css discuss css-d@lists.css-discuss.org Sent: Friday, December 02, 2005 4:20 AM Subject: Re: [css-d] Min-width/Max-width: IE PC/IE Mac too? Michael Hulse wrote: Oh, I also just found this: (Gunlaug's IE-expressions in CSS) http://www.gunlaug.no/contents/wd_1_02_01.html#item3 Unless you prefer to put IE6 in quirks mode (like I do most of the time) then you may be better of with a version that works in both Strict and quirks mode. Same page... http://www.gunlaug.no/contents/wd_1_02_01.html#item34 (IE/Mac still has a hard time following up on CSS-changes for that page, but it'll get there - one day) 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/ __ 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] quick q - floats and relative positioning
Hi Is there a known issue in IE with applying the rules float:left (or right I guess) and position:relative to the same element? Tim Tim Reader Internet Officer www.uktransplant.org.uk t: (0117) 975 7463 e: [EMAIL PROTECTED] +++ Join the NHS Organ Donor Register Organ Donor Line: 0845 60 60 400 www.uktransplant.org.uk Organ donation. The gift of life. +++ UK Transplant is part of NHS Blood and Transplant. +++ The views expressed in this e-mail are those of the sender, and not necessarily those of UK Transplant. This text confirms that this e-mail message and its attachments have been swept for the presence of computer viruses by UK Transplant, however we cannot guarantee that they are virus free. All e-mails and their attachments to and from the uktransplant.nhs.uk domain may be archived, and their contents monitored. __ 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] How to control the look of anchors with disabled=disabled attribute?
Hi All, I am using ASP.Net Webcontrol to emit some HTML. The control is either a HyperLink or LinkButton. When I disable the control (by setting the controlls Enabled property) the following example HTML is emitted: a id=MainNavBar1_mnuUserReports3 disabled=disabled class=navbigger yel boldReports/a IE shows the Reports link with greyed out text. Firefox honors the stylesheet. I would like control over the color, size, font. So. how do I set the look of anchors that have disabled=disabled attribute? - Mark __ 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] Min-width/Max-width: IE PC/IE Mac too?
Al Sparber wrote: As a point of information, we've had this page floating around a long time: http://www.projectseven.com/csslab/testing/minmax/cssp5.htm I've ran some of your solutions earlier, and found them a bit slow and jerky. No such problems with this one though - it worked really smooth. Nice. Since this is js/expressions simulating standard CSS-properties, do you have an open page with a bit more info to go with those demos? Something that someone, who can read all kinds of code without necessarily being able to write them, can make use of before running site wide testing? Basically interested in min/max both height and width, as defined in CSS, for IE/win. 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/
[css-d] Form is invisable in Safari?
The form below doesn't show up at all in Safari. No problem in any other
browser.
What the heck would cause it to just completely vanish?
FORM:
div id=botcol1
h1REGISTER FOR FREE NEWSLETTER/h1
pPlease enter your email to join our free list./p
form action=email-list-subscribe.cfm method=post
input type=text name=email /
input type=image src=images/idx-submit.gif name=submit
id=idxbutton /
/form
/div
CSS:
#botcol1 {
display: table;
vertical-align:bottom;
float: left;
margin: 30px 0 0 8px;
padding: 0 4px 0 0;
width: 260px;
height: 100px;
border-right: #CC dotted 1px; }
#botcol1form {
margin: 0;
padding: 0; }
#botcol1input {
margin-right: 6px;
height: 23px;
border: 1px solid #99; }
#idxbutton {
padding: 0;
margin: 0 }
--
---
Les Mizzell
__
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] [RE-POST] IE page flicker (not rollover)
Hi Ingo As a side note, I wonder why I only could see the bug when cache settings were changed from Every visit to page to Never? I have found flicker problems in the past in IE which I believe are caused by known caching bugs - the effect being that images are unnecessarily reloaded. The flicker is therefore likely to be a function of the browser settings rather than the content or styling of the page, as you are hinting. This takes it off topic so email me direct if anyone wants more detail. HTH. John Jameson -- __ 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] Min-width/Max-width: IE PC/IE Mac too?
From: Gunlaug Sørtun [EMAIL PROTECTED] Al Sparber wrote: As a point of information, we've had this page floating around a long time: http://www.projectseven.com/csslab/testing/minmax/cssp5.htm I've ran some of your solutions earlier, and found them a bit slow and jerky. No such problems with this one though - it worked really smooth. Nice. I guess that's better than calling me jerky :-) I'm glad you like this, though. If the jerky solution happened to be the Equal Height Columns script, the animation is probably the reason, but it can be easily turned off. Let me know if that was an issue - if not, let me know which solution you did find jerky so we can look at it... we haven't noticed anything, but if you see it, we'd like to examine it. Since this is js/expressions simulating standard CSS-properties, do you have an open page with a bit more info to go with those demos? Something that someone, who can read all kinds of code without necessarily being able to write them, can make use of before running site wide testing? We've been meaning to turn it into an article/tutorial like the EQ Columns one, but we're in the middle of developing a new commerical tool for Dreamweaver and are a bit backlogged. We'll get around to it though. If you have specific questions in the meantime, mail us offlist and we'll try our best to accomodate. Basically interested in min/max both height and width, as defined in CSS, for IE/win. We've never found a need to do height. Can you give me an example of how that would be useful? -or would a smoother Equal Height Columns solution take care of that? Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. __ 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] Firefox active link dotted border problem
If you want to delete it completely, think 3 times or more, that focus ring *is* an accessibility feature. You don't provide any other feedback to keyboard users. It's not that I want to get rid of it, I just want it to stop messing up my layout. Why in the world does FF have to insert their accessibility feature into the document flow? Why can't they just overlay the border, rather than right into the margin, where it makes these jumping links that make viewers want to hurl? If you hadn't have said that it was a bug, I would have left the site thinking the raising of the selected/clicked tab was a feature to give more visual enhancement to the links. There wasn't even any hurling involved. :D __ 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] help with IE needed gain
-Original Message- I have intergrated my orum with my site. so far so good. except the way IE renders the page. if i could get away with swearing i would lol. for now i shall cry. can anyone suggest a fix, or see where i have gone wrong? all fine in FF windows, just IE is the problem http://www.soddengecko.com/forum/ I've looked at your poor site half a dozen times now, and I can't seem to spot where IE is messing it up. Hopefully someone else here will have a fresh set of eyes to peer around with. __ 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] Garbled Text In Firefox Under Suckerfish Dropdown
Thanks for that suggestion definetely, but it doesnt seem to fix FF at all tho, wrapping the JS in the comment below doesnt affect the issue with FF, the text is still garbled. !--[if IE] ![endif]-- On 12/2/05, Christian Montoya wrote: Why not just hide the JS from Firefox? If it's only needed for IE, then why oh why haven't you put it behind a conditional comment? -- iron sharpens iron __ 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] Absolute image path in CSS
2005/12/2, Jacky [EMAIL PROTECTED]: 1. use server-side script to generate CSS files, so that the image path can be stored in one variable. 2. move also the CSS files to the image location, so the css files can still use relative reference. The only change is the import location in the HTML. While solution 2 seems to be a lot easier and reasonable (to me), it needs our customer approval to do so. Any suggestion on this? How about this? 3. Use server configuration options, e.g. Alias directive in case server is Apache: Alias /app/img /public/internet/app/img Regards, Rimantas -- http://rimantas.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] Nav button behavior IE and Firefox
On 02/12/05, Duane Cassone [EMAIL PROTECTED] wrote: Please help me determine what I can do about the vertical layout of my nav buttons when viewed in Firefox? Don't make them display: block. (and don't abuse tables for layout ... http://allmyfaqs.net/faq.pl?Tableless_layouts ... or use frames ... http://allmyfaqs.net/faq.pl?Problems_with_using_frames ... or use invalid markup ... http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cassone-services http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cassone-services.com%2FtopFrame.html ) -- 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] IE site-check/box-model
The page works in Safari2, Firefox1.5 Opera8, but the IEs breaks the layout in both side columns. I have tried to work around the box- model problem, but still arent quite there. I am especially interested in a solution that lets the user increase the font-size without breaking the layout. (And I apologize for the bloated css up front.) http://www.eystein.no/vimenn/ http://www.eystein.no/vimenn/Public/Styles/main.css regards, Eystein __ 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] position text on top of image
Virtuallee wrote: Hi I'm wanting to position the text 'Click here to register or login', on/ top/ of the main image. http://www.virtuallee.co.uk/Monte/login.php Put these inline-styles where they belong (in the stylesheet), and it will work as intended. div id=logintext style=position: relative; p style=position: absolute; margin: 0; top: 0; left: 0; padding: 0 3px; color: white;Click here to a href=http://www.virtuallee.co.uk/Monte/register.php;register/a or a href=login/a/p img src=main_pic.jpg alt=something about Montenegro... / /div ...top left corner of image. Think you'll need to trim some link-colors to make them visible. --- Question: do you have to use slow and unreliable javascript for positioning and navigation? CSS will do that 1000 times faster and 100% reliable. Also, what is a skip link for when there's nothing to skip past in browsers that may need it? Nothing to skip _to_ either, since all content is in the image - and there was no alt-attribute or other alternative. I can't read such a blurry text in a normal browser on an ordinary screen - had to blow it up to 400% over a 3200 wide screen in Opera in order to make it both big enough and sharp enough. At least use 'png'-quality for that sort of thing, so it can be kept readable, and use those alt-attributes for images that's part of the content. Either alt= or alt=some proper description, depending on what it's all about. --- Suggest a rethinking based on content-value, so you don't end up with a page/site like the one described here... http://www.gunlaug.no/contents/molly_1_19.html ...as the result may otherwise be that you are designing for 1995 on an apparent base of 2005 code/css. That's not what standards are all about - IMO. 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] Firefox active link dotted border problem
On 12/2/05, CJ Larson [EMAIL PROTECTED] wrote: If you want to delete it completely, think 3 times or more, that focus ring *is* an accessibility feature. You don't provide any other feedback to keyboard users. It's not that I want to get rid of it, I just want it to stop messing up my layout. Why in the world does FF have to insert their accessibility feature into the document flow? Why can't they just overlay the border, rather than right into the margin, where it makes these jumping links that make viewers want to hurl? If you hadn't have said that it was a bug, I would have left the site thinking the raising of the selected/clicked tab was a feature to give more visual enhancement to the links. There wasn't even any hurling involved. :D Then you have seen the fixed version. Which is the one I can live with. -- -- 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] Origin and width problems with IE6 in strict mode
My first post to this list so please be gentle! OK can anyone tell me what is going off with the following code !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd; html head titleIE/win Box/title /head body div style=position:relative; border:5px solid green; padding:10px; margin:10px div style=position:absolute; top:0px; left:0px; width:100%; height:100%; border:1px solid bluenbsp; /div p p p /div /body /html Sorry I don't have a public website to post this on. Basically in Firefox the inner blue div border is aligned with the inside of the outer green border. This is what I would expect. However in IE6 the top edge of the blue rect is aligned with the top outer edge of the green rect, the bottom edge of the blue rect is in the middle of the green rect and the left and right edges are inset from the green rect slightly. I've spent ages looking round at various sites reporting IE problems and as far as I can tell this sort of thing should not happen in strict mode in IE6. So what am I doing wrong? Helpplease Andy __ 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] annoying blue background in IE around my png images
regaridng my issue with annoying blue borders: I have this annoying problem that only shows up in IE -- Firefox, Opera and Safari all do not exhibit this. What's happening is, IE places a light blue background around my images. These are png files. Just want to say, thanks for the tips everyone. I followed the procedure on this page http://meta.wikimedia.org/wiki/Fixing_transparent_PNGs to save my PNG files (using GIMP) in a format that IE can handle. Problem is now resolved. thanks much! -- Gale Stafford Consulting http://gstafford.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] IE and Sliding Doors image replacement - flashing imagesproblem
Nick Fitzsimons wrote: I'm using a sliding doors method for some rollovers. Works in all browsers, but IE has an awful time with the rollover, I get a the flash of the background color, then the image load every single time. Looks like garbage. As you are using your machine for development, you will have set IE not to cache stuff but to check for new content every visit to the page. This means it is re-fetching the image every time. To see it as a normal user would, got to Tools Internet Options General tab Temporary Internet Files fieldset Settings button, select the Automatically radio button and OK all the way back out. After you reload the page the flicker should have vanished. If you want the flicker to vanish even with this setting on, you can modify your site's htaccess file to kill the flicker: http://www.jcornelius.com/articles/solving-ie-image-flicker/ Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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 floats and paragraphs
On 12/2/05, Trevor Boult [EMAIL PROTECTED] wrote:
If I take out the margin and let wrap its lines up but as soon as a
paragraph has little or no text the whole page just blow apart.
Every paragraph needs to clear the floats before it:
p { clear:both; }
--
--
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] making progress but... jumping CSS on nav bar buttons and weirdness between IE/FF
hi.. my page http://tempinc.com/index8.htm on this page, about 2 seconds after the screen refreshes, some of the elements on the left nav bar jump and a larger whitespace is shown between them but not all of them the one between about temp and facility tour and about temp and contact us (This is in IE) now in firefox, the nav bar jumps with 3 elements after products, facility tour and contact us. In firefox, the page layout just doesn't work right at all. IE is how I want it to look... but its completely different in firefox. the map I want to locate next to the ISO logo, but for now I am leaving it at the bottom because I just don't know how come it is over the RFQ form in firefox... but if I can at least get them looking kind of the same I'd be happy. Interesting, in Firefox... the grid in the content div is only like one line width wide, instead of behind all of the blocka-blockd boxes like it shows in IE. Oh and... my css validates, I have one non validating statement on the xhtml (nohref=nohref) does anyone know how to get that to validate? It sure makes life easy... Hate to take it out. Anyhow, I'm plugging along... some of you may have seen this before and without all your help, I surely would not have gotten this far. Thanks for listening. I just keep on truckin here... -- Laura mailto:[EMAIL PROTECTED] http://google-fu.blogspot.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] Origin and width problems in IE6 strict mode
My first post to this list so please be gentle! OK can anyone tell me what is going off with the following code !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd; html head titleIE/win Box/title /head body div style=position:relative; border:5px solid green; padding:10px; margin:10px div style=position:absolute; top:0px; left:0px; width:100%; height:100%; border:1px solid bluenbsp; /div p p p /div /body /html Sorry I don't have a public website to post this on. Basically in Firefox the inner blue div border is aligned with the inside of the outer green border. This is what I would expect. However in IE6 the top edge of the blue rect is aligned with the top outer edge of the green rect, the bottom edge of the blue rect is in the middle of the green rect and the left and right edges are inset from the green rect slightly. I've spent ages looking round at various sites reporting IE problems and as far as I can tell this sort of thing should not happen in strict mode in IE6. So what am I doing wrong? Helpplease Andy __ 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] Newspaper CSS
I remember seeing an amazing online newspaper with everything done in super clean CSS, and the options to change font sizes, the number of columns, and other goodies. Does anyone know what I might be thinking of? Does anyone have any examples of well designed newspapers that you could point me to? Any help is much appreciated. Thanks in advance. -Tim __ 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] Firefox active link dotted border problem
This is the page with the problem: http://temp.rdpdesign.com/final/ As a newbie, I don't know how relevant my observations will be. I noticed in Opera 8.51 and FF 1.0.7 that the tabs without content have no scroll bars, thus a larger space to fill. Yet IE 6 does not display this behavior. Gerald Couldwell -- summer ripples flash sunshine brilliance splashing winter repast swims __ 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] IE site-check/box-model
Eystein Mack Alnæs wrote:
The page works in Safari2, Firefox1.5 Opera8, but the IEs breaks
the layout in both side columns. I have tried to work around the box-
model problem, but still arent quite there. I am especially
interested in a solution that lets the user increase the font-size
without breaking the layout.
http://www.eystein.no/vimenn/
You have a 'part-float' construct already. Now, make it an 'all-float'
construct, which is something even IE/win understands... :-)
.column-two {
background: #999 url(../../Media/Common/column_fade.jpg) left bottom
repeat-x;
padding-bottom: 65px;
margin: 0 -10px 0 0;
float: left;
width: 128px;
}
.column-three {
background: #999 url(../../Media/Common/column_fade.jpg) left bottom
repeat-x;
padding-bottom: 65px;
margin: 0 0 0 -10px;
float: right;
width: 188px;
}
...all browsers will be happy with that one. The negative backside
margin (-10px) is just a precaution - in case something should push
IE/win's broken box-model too hard at a later date... :-)
Now, the basic additions for IE/win...
@media screen {
* html .column-two * {
width: 128px;
widt\h:120px;
}
* html .column-three * {
width: 188px;
widt\h:180px
}
* html .column-two *,* html .column-three * {
float: left;
margin: 0;
position: relative;
overflow: hidden
}
* html .column-two * *,* html .column-three * * {
float: none;
width: 99.7%;
overflow: visible;
}
}
...this rule will control width and overflow in IE/win for all
elements down the columns, and rearrange the rule for elements nested
further in. A simple trick that only works when stuff is supposed to
fill the columns in width, so you may have to specify any deviation from
that rule to avoid stretching.
A bit of fine-tuning is needed at your end if you want both IE5+ and IE6
to appear close to identical. IE5.0 is not perfect on those lists yet,
and I don't have IE5.5 available for checking.
---
Note: if at all possible, put all IE/win styles inside the same @media
wrapper for better organizing of hacks.
---
The original layout - with the above additions - can take a lot of
stress and will not break when font-resizing is applied i IE/win or
other browsers. It will however hide stuff in IE/win and let it overflow
in other browsers, if you don't make sure text can wrap. Should be no
problem when content is added correctly.
All tested in Opera8.5/9prev1, Firefox1.5, Safari1.2.4, IE6 IE5.0.
IE/Mac got the columns right, but is missing some other stuff and
navigation.
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] #idname.classname - IE Support
Michael Hulse wrote:
On Dec 1, 2005, at 3:41 AM, Kevin Cannon wrote:
div id=tabs class=ski.../div
#tabs.ski {
background-color: green;
}
Excuse my noobieneess...
Why not:
div id=tabs class=ski.../div
/* Make .ski green: */
#tabs .ski {
background-color: green;
}
This selects an element with the class of ski *inside* an element with
the id of #tabs. This is because the space between the two parts of the
selector makes it a descendant selector. It does not select an element
with both the class and the id on it. The syntax from the original
poster is correct to select something with both set on it.
I can't stress enough that everyone should read this article.
http://css.maxdesign.com.au/selectutorial/
Not understanding desendant selectors is a very common problem but an
essential one to eradicate if you want to work with CSS.
/* Make .ski red: */
#tabsTwo .ski {
background-color: red;
}
This would only make ski red if it was inside #tabsTwo.
/* Or, make #tabs and .ski green: */
#tabs, .ski {
background-color: green;
}
This would work.
/* Or, even: */
#tabs, #tabs .ski {
background-color: green;
}
This would work, but only because of the first part of the selector.
The second part selects nothing in the HTML snippet provided.
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
__
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] Origin and width problems with IE6 in strict mode
Andy Shaw wrote: My first post to this list so please be gentle! Hallo there... :-) OK can anyone tell me what is going off with the following code Look closely... div style=position:relative; border:5px solid green; padding:10px; margin:10px; width: 100%/* add this width */; div style=position:absolute; top:0px; left:0px; width:100%; height:100%; border:1px solid bluenbsp; /div ...nothing wrong with your code, but IE/win needs a 'hasLayout'[1] trigger so it knows the element should be taken seriously ;-) It's just one of those bugs/features in MSIE that's making our work a little more fun at times. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- 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/
[css-d] Position problem in IE
I am having a problem with a div that is not keeping its position verticaly when the window is resized in IE. I simply cannot find the solution for this. and I am afraid that there is not a solution since I am dealing with a site that is verticaly aligned centered. Any and all help/solutions for this would be very appreciated. Here is the link: http://development.patrickmurney.com/listings.cfm thanks __ 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] Which browsers load on display:none?
A friend of mine was wondering whether browsers would load an image that is specified in the stylesheet as display:none, and if so, which ones? I tried searching and the wiki, but no success. So which ones load the data even though it's not displayed? -- -- 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/
Re: [css-d] #idname.classname - IE Support
On Dec 2, 2005, at 11:08 AM, Zoe M. Gillenwater wrote: This would work, but only because of the first part of the selector. The second part selects nothing in the HTML snippet provided. I just misunderstood the original question... All of the CSS I posted was intended to be exactly you you explained it. M -- ¸.·´¯`·.¸¸(((º`·.¸¸.·´¯`·.¸¸º ·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸.·´¯`·.¸¸º `·.¸º¸.·´¯`·.¸¸º __ 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] Firefox active link dotted border problem
On 12/2/05, Gerald Couldwell [EMAIL PROTECTED] wrote: This is the page with the problem: http://temp.rdpdesign.com/final/ As a newbie, I don't know how relevant my observations will be. I noticed in Opera 8.51 and FF 1.0.7 that the tabs without content have no scroll bars, thus a larger space to fill. Yet IE 6 does not display this behavior. That's default browser behavior. FF and Opera collapse the scrollbar when it's not needed. IE does not. Has nothing to do with CSS. -- -- 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/
Re: [css-d] Firefox active link dotted border problem
Christian Montoya wrote: It's not that I want to get rid of it, I just want it to stop messing up my layout. Why in the world does FF have to insert their accessibility feature into the document flow? Why can't they just overlay the border, rather than right into the margin, where it makes these jumping links that make viewers want to hurl? I don't see the problem of the focus outline causing jumps in other pages, so I wonder if there is something in your particular setup that has caused the problem. In particular, note this example from ALA that uses tabs [1] -- no jumping seen. Perhaps you need to rework how you have constructed your tabs to avoid this issue? [1] http://www.alistapart.com/d/slidingdoors2/v1/ex10.html Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] #idname.classname - IE Support
Michael Hulse wrote: On Dec 2, 2005, at 11:08 AM, Zoe M. Gillenwater wrote: This would work, but only because of the first part of the selector. The second part selects nothing in the HTML snippet provided. I just misunderstood the original question... All of the CSS I posted was intended to be exactly you you explained it. Ok, but the CSS you posted would have required changing the HTML as well, which you didn't do, in order to select anything. I just want to make sure everyone is clear on what selects an element *itself* and what selects the *descendant* of an element. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] quick q - floats and relative positioning
Tim Reader wrote: Is there a known issue in IE with applying the rules float:left (or right I guess) and position:relative to the same element? Yes, sometimes that combination can trigger bugs in IE. They're pretty unpredictable, so I can't tell you any more than that. Just don't put position: relative on a float unless you have to. Like, say, to cure an IE bug (yes, IE likes to have it both ways). :-) Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] Which browsers load on display:none?
On Dec 2, 2005, at 11:31 AM, Christian Montoya wrote: A friend of mine was wondering whether browsers would load an image that is specified in the stylesheet as display:none, and if so, which ones? I tried searching and the wiki, but no success. So which ones load the data even though it's not displayed? I recently tested a site on the following browsers: Win IE 6 Firefox 1.0.x Safari 1.2+ Opera 8 Of these, only Opera failed to preload some gallery images that I had hidden (for exposure on hover) by using display:none; and position:absolute; I changed it to visibility:hidden; and some swapping of z-index values and achieved the same gallery effect, but now Opera is preloading the image. Since then I've also tested on Win IE 5.5, but the CSS was already changed so all I know it works with the new method. YMMV. -- Ben Curtis : webwright bivia : a personal web studio http://www.bivia.com v: (818) 507-6613 __ 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] gap problem
Sorry I made a reference to the wrong item for placing the border, it should be a 1px solid border in #main to get rid of the gap in firefox. url: http://baseballtriviaquiz.com/book/ css: in page Thank you, Scot __ 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] making progress but... jumping CSS on nav bar buttons and weirdness between IE/FF
Laura Greenwood wrote: my page http://tempinc.com/index8.htm on this page, about 2 seconds after the screen refreshes, some of the elements on the left nav bar jump and a larger whitespace is shown between them but not all of them the one between about temp and facility tour and about temp and contact us (This is in IE) now in firefox, the nav bar jumps with 3 elements after products, facility tour and contact us. I don't see any jumping or spacing inconsistencies in the left nav bar in either IE6 or FF on WinXP. In firefox, the page layout just doesn't work right at all. IE is how I want it to look... but its completely different in firefox. You'll generally find this to be true if you build for IE and then try to fix Firefox. It's never going to work because you just can't hack a good browser to act wrong like IE does. IE's wrongness is much too mysterious for that. ;-) So, instead, use proper CSS that gets your page looking right in every other browser than IE, and then tweak or hack for IE if you need to. You'll have much better success this way. the map I want to locate next to the ISO logo, but for now I am leaving it at the bottom because I just don't know how come it is over the RFQ form in firefox... The cause of this is not immediately apparent, but using the DOM Inspector in Firefox I can see that the problem is that the div that holds the RFQ form is ignoring the form. The textarea in the form is not properly closed (per the validator) so I wonder if fixing this would help Firefox recognize the form and move the paragraph with the map image down accordingly. Try it and let us know if it works. but if I can at least get them looking kind of the same I'd be happy. Interesting, in Firefox... the grid in the content div is only like one line width wide, instead of behind all of the blocka-blockd boxes like it shows in IE. Hide the height: 1% that is on #content from every browser except IE and apply a float containment method to #content. http://css-discuss.incutio.com/?page=ClearingSpace Oh and... my css validates, I have one non validating statement on the xhtml (nohref=nohref) does anyone know how to get that to validate? It sure makes life easy... Hate to take it out. You actually have two errors, the one of which is causing a problem with your page. This error that you mention doesn't appear to be, so why worry about it? Validation is a tool to help you debug your page -- it's not the end goal itself. There can be perfectly good reasons to knowingly fail validation. Get as close as you can, make sure your errors aren't hurting anything, then don't worry any more about it. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] Position problem in IE
Joey Southard wrote: I am having a problem with a div that is not keeping its position verticaly when the window is resized in IE. I simply cannot find the solution for this. and I am afraid that there is not a solution since I am dealing with a site that is verticaly aligned centered. Any and all help/solutions for this would be very appreciated. Here is the link: http://development.patrickmurney.com/listings.cfm I don't see this problem on IE6 in WinXP SP2. When I resize the window, the entire page goes white, but when the layout reappears it is at the same vertical spot it was before. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] problem with extra space around div in ff
Scot Schlinger wrote: I have a div which contains faux columns and is split into to columns. I know there is a problem because it shows up correctly in ie 6.x but not in ff 1.0.4 as there is a 4-5 pixel gap between the faux columns and the surrounding division. I placed a 1px border in .blog and that got rid of the space (I was just using it to narrow down the problem) but I know that can't be the fix? url: http://baseballtriviaquiz.com/book/ css: in page Yep, that's the fix. It's margin collapsing: http://css-discuss.incutio.com/?page=CollapsingMargin Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ 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] Opera 8.5 bug
Hey- I've designed a template for a client that is currently up for demo/testing here (my domain, not clients): http://cssgirl.com/ Anyway, finally after hours of fooling around, I got the top menu and search bar working in all browsers. Or, so I thought. I was testing on Firefox 1.0.7, and 1.5, IE6 and Opera 8. When I finally upgraded to 8.5, I saw that new Opera completely distorted my menu bar! Are there hacks to hide code/ modify code for Opera (such as using an underscore for ie like, _margin:whatever). I know my css doesn't validate because I am using some underscores for positioning things (which I may or may not modify) - but any suggestions on how to modify this problem in opera? What I need is for it to look the same in those three browsers (Firefox 1.5, IE, Opera 8.5). And what did Opera change that had it correctly working in vers. 8, but messed up in 8.5? Thanks, Lindsey __ 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] Firefox active link dotted border problem
Christian Montoya wrote: This is the page with the problem: http://temp.rdpdesign.com/final/ It's the old quirk where Firefox adds a 1px dotted border to links when you click them... I hate that...] I think Philippe answered the question. FWIW, Franklin Gothic for Georgia falls into the /typographers worst nightmare/ category, and you are getting lateral page shift at 1280. Nice site otherwise. Christian Montoya Best, ~dL -- 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] problem with extra space around div in ff
Scot Schlinger wrote:
Hi all,
I have a div which contains faux columns and is split into to
columns. I know there is a problem because it shows up correctly in
ie 6.x but not in ff 1.0.4 as there is a 4-5 pixel gap between the
faux columns and the surrounding division. I placed a 1px border in
.blog and that got rid of the space (I was just using it to narrow
down the problem) but I know that can't be the fix?
url: http://baseballtriviaquiz.com/book/
Yes, it is...
The problem is collapsing margins[1], and the reason IE/win has
already fixed it is that the element is given dimensions. That'll
provide IE/win with a 'hasLayout'[2] trigger, so it encloses the element
and isolates the margin.
We may also apply any of the methods to create 'a self-contained[3]
block' to solve this margin-problem. Depends on what layout we have created.
However, a simple...
#navigation {padding: 1px 0;}
...seems to work best in your case/page.
regards
Georg
[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
[2]http://www.satzansatz.de/cssd/onhavinglayout.html
[3]http://www.w3.org/TR/CSS21/visuren.html#q15
--
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] IE centering problem
Andrew Mason wrote: Hi, can anyone tell me why this isn't centering in IE? http://www.smandrew.com/dutch/index.html You've forgotten to delete the comment above the doctype-declaration, so IE6 is in quirks mode. It can't center on auto-margins then. !-- Doctype : Choose one and delete this comment -- !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd; 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/
[css-d] (no subject)
Andrew Mason wrote:
can anyone tell me why this isn't centering in IE?
http://www.smandrew.com/dutch/index.html
Here's the centering container, pretty simple...
#container{
width: 740px;
height: 555px;
margin:70px auto 0 auto;
padding:0;
border: 1px solid #9d7447;
background-image: url(images/background.gif); }
Try adding
text-align: center;
min-width: 740px;
to html,body.
Then add text-align: left to #container.
See
http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a_di
v/
Bill Harrison
University of West Florida
__
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 QA
Hello everyone, I've just completed this website using divs and I wanted to run it by you guys to see if you can spot any issues. This is my second attempt at a table-less design and my first attempt at using shtml includes. The website is http://www.cafe-list.com Let me know what you think! Best Regards, Arthur Cundy 3eleven Creative Web Graphic Design Services http://www.3elevencreative.com - Yahoo! Personals Single? There's someone we'd like you to meet. Lots of someones, actually. Try Yahoo! Personals __ 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] Opera 8.5 bug
Lindsey wrote: http://cssgirl.com/ ... I was testing on Firefox 1.0.7, and 1.5, IE6 and Opera 8. When I finally upgraded to 8.5, I saw that new Opera completely distorted my menu bar! Are there hacks to hide code/ modify code for Opera (such as using an underscore for ie like, _margin:whatever). My copies of 8.02 - 8.5 - 9TP1 (all win XP) show the same misalignment, and a margin:0; padding:0 for the form itself fixes it at my end. 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 QA
Arthur Cundy wrote: Hello everyone, I've just completed this website using divs and I wanted to run it by you guys to see if you can spot any issues. This is my second attempt at a table-less design and my first attempt at using shtml includes. The website is http://www.cafe-list.com Looks beautiful in Firefox and Konqueror on my Linux system. I understand you need advertising, but I really hate those ads that block the content which you have to close. I didn't http://www.cafe-list.com/events/month.php should have a link back to index-page because some search-engine might index it , and thus people will enter your site on that page. In my opinion you have too many pages opening in new windows, if I want that I will right click and do it myself. __ 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 QA
Arthur Cundy wrote: Hello everyone, I've just completed this website using divs and I wanted to run it by you guys to see if you can spot any issues. This is my second attempt at a table-less design and my first attempt at using shtml includes. The website is http://www.cafe-list.com Let me know what you think! At least in Fx1.5, one step with cntr+ in text zoom breaks your layout, and the next step in text zoom is no fun at all. 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] Opera 8.5 bug
Bless you! I knew it would be a simple oversight. Thanks a bunch! Lindsey Ingo Chao wrote: Lindsey wrote: http://cssgirl.com/ ... I was testing on Firefox 1.0.7, and 1.5, IE6 and Opera 8. When I finally upgraded to 8.5, I saw that new Opera completely distorted my menu bar! Are there hacks to hide code/ modify code for Opera (such as using an underscore for ie like, _margin:whatever). My copies of 8.02 - 8.5 - 9TP1 (all win XP) show the same misalignment, and a margin:0; padding:0 for the form itself fixes it at my end. Ingo __ 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] Son of Suckerfish navbar---need help tweaking
NAV Problems (other issues to be dealt with later) ---thanks in advance for help! 1. Background color not extending full length of NAV div (white gap on the far right) 2. Hover/gold color sticking out farther than width of navigation item (yes, I changed some width settings-something isn't working) 3. Under NAV item SERVICES some of the pull down items towards the bottom of the list overlap content on the page and are obscured behind the content 4. IE6: nav items overflowing to next line and RESEARCH and SEARCH (no sub items) have a blank pull down SEE WEBSITE at http://www.gwvirginia.gwu.edu/newsite/3coltest5.htm CSS: http://www.gwvirginia.gwu.edu/newsite/3coltest5.css Dova H. Wilson Marketing Communications Specialist George Washington University Virginia Campus 44983 Knoll Square, Rm. 305 Ashburn, Virginia 20147 Phone: 703-726-3652 Fax: 703-726-3655 www.gwvirginia.gwu.edu __ 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 QA
Arthur Cundy wrote: The website is http://www.cafe-list.com Let me know what you think! Well, I thought it was completely broken at first glance, but it is just a lot of text and divs overlapping because you have used fixed height on containers. Not a good idea if you want anyone with less than perfect eyesight to read anything on that page - because they can't. Using auto-height (default), maybe combined with 'min-height', would work much better. --- Layout is otherwise fine in Opera with 'min-font-size=11px', but is breaking all over the place in Firefox with 'min-font-size=14px'. Looking best in IE6 since that browser ignores 'height', although the right column dropped down at normal font-size (16px). I think you have the ideas right, but should test and improve some so the layout holds together when subjected to basic browser-options. Also, the page looses content if javascript is turned off, so Coffee News was lost on me :-) 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/
[css-d] Scrolling/Overflow Issue
Hi All, I've composed a mock-up page from a photoshop file and it looks good across browsers, but since using height: 100% on the body and wrap, the scroll bar appears and there is unnessecary whitespace on the bottom of the page after the content. I can hide the overflow, but this creates a problem if the content flows past the browser viewport. Could someone look at my source and give me some pointers on this one. http://bristow-web.pennebaker.info/index.html http://bristow-web.pennebaker.info/bristow.v1.css Appreciated, Steve __ 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] help with IE needed gain
Mark Mckee wrote:
all fine in FF windows, just IE is the problem
http://www.soddengecko.com/forum/
Try adding...
* html div#middle div.buffer {height: 0;}
...and it should end up fine in IE/win on wide windows.
However, IE/win will drop it on narrow windows, and there isn't much one
can do about it in that layout.
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] Firefox active link dotted border problem
On 12/2/05, David Laakso [EMAIL PROTECTED] wrote: Christian Montoya wrote: This is the page with the problem: http://temp.rdpdesign.com/final/ It's the old quirk where Firefox adds a 1px dotted border to links when you click them... I hate that...] I think Philippe answered the question. Philippe completely misunderstood my question, but fortunately I solved my own problem. FWIW, Franklin Gothic for Georgia falls into the /typographers worst nightmare/ category, Franklin Gothic is what the client requested, but if you know a better fallback list, let me know. and you are getting lateral page shift at 1280. Huh? -- -- 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/
Re: [css-d] Son of Suckerfish navbar---need help tweaking
On 12/2/05, Dova Wilson [EMAIL PROTECTED] wrote:
NAV Problems (other issues to be dealt with later) ---thanks in advance
for help!
3. Under NAV item SERVICES some of the pull down items towards
the bottom of the list overlap content on the page and are obscured
behind the content
I usually solve this problem by giving the list items a high z-index, like:
li { z-index:100; }
--
--
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/
Re: [css-d] Son of Suckerfish navbar---need help tweaking
On 12/2/05, Dova Wilson [EMAIL PROTECTED] wrote: NAV Problems (other issues to be dealt with later) ---thanks in advance for help! Validating your code might fix some other problems: http://validator.w3.org/check?verbose=1uri=http%3A//www.gwvirginia.gwu.edu/newsite/3coltest5.htm -- -- 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] How to: get rid of unwanted white space using CSS?
Hi, I am using some indentation to maintain a little bit of code readability. Here is a sample snippet: span class=... onmouseover=... onmouseout=... a href=# class=... onclick=.../some text/a span id=... style=... a href=# style=... class=... onclick=... title=...x/a /span /span The problem: This indentation (TAB/CRLF) displays itself as unwanted space(s) when the HTML is rendered. Is there any way to get rid of white space only text nodes using CSS? (FF and IE) I tried white-space attribute but couldn't get it to eliminate (though it collapses spaces) the white space only text nodes. Thanks, Amol Katdare __ 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] Paragraph Numbers
Is there aa way to do numbering like 1.1.1 ... 1.1.2 ... ... 1.2.1 ... 1.2.2 ... Counters http://www.w3.org/TR/CSS21/generate.html#counters Firefox 1.5 and Opera 8+ only. Other solution: manually adding them. well - scripting can do the trick too, it should hardly be so essential that it's a problem to use javascript, but serverside (asp/php) is perfectly capable of doing these things... Regards Jesper Brunholm (who just had a look into those counters and the very poor browser support a few days ago :-) ) __ 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 QA
Arthur Cundy wrote: Hello everyone, I've just completed this website using divs and I wanted to run it by you guys to see if you can spot any issues. This is my second attempt at a table-less design and my first attempt at using shtml includes. The website is http://www.cafe-list.com Let me know what you think! Arthur Cundy Arthur, I believe you may want to be a bit more sensitive to your users :-) . My initial reaction was to cut on a dime and run. The user controls the Web. It's kind of necessary to accept that. It sort of like makes life more enjoyable. This article has been around for awhile, but it is just as relevant now, as it was the day it was written: http://www.alistapart.com/articles/dao/ FWIW, a screen shot of your page in ff @1280 min font-size 22px. http://www.dlaakso.com/coffee.jpg Regards, ~dL -- 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] help with IE needed gain
Gunlaug Sørtun wrote:
Mark Mckee wrote:
all fine in FF windows, just IE is the problem
http://www.soddengecko.com/forum/
Try adding...
* html div#middle div.buffer {height: 0;}
...and it should end up fine in IE/win on wide windows. However,
IE/win will drop it on narrow windows, and there isn't much one can
do about it in that layout.
Correcting myself, in case you want it to look as if IE/win knows
standards... :-)
In addition to the above, add:
div#middle {display: table; position: relative; z-index: 1;}
div#left,div#right {margin-bottom: -1000px;}
...and IE/win won't drop anything.
There's also that 'display: table' to make FF hold the element around
the table like IE/win does. I just thought it looked better that way,
but you may leave that one out.
---
HTMLTidy informs about a few errors - including a 'link to stylesheet'
in the mid column. You should fix things like that.
That should be it.
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/
[css-d] Consistent navigation bar
I hope this is not too newbie. I am evolving a site as I learn using CSS (no frames or tables). I want to maintain a consistent left vertical navigation bar. Can I create the navigation bar as a separate file and import/call it for each page? I am using the book 'Beginning Web Programming with HTML, XHTML and CSS' by John Duckett and have searched through the popular CSS webdev sites. Any help would be greatly appreciated. Regards, Ira Landis __ 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] help with IE needed gain
-Original Message-
I have intergrated my orum with my site. so far so good. except the
way
IE renders the page.
if i could get away with swearing i would lol. for now i shall cry.
can anyone suggest a fix, or see where i have gone wrong?
all fine in FF windows, just IE is the problem
http://www.soddengecko.com/forum/
I've looked at your poor site half a dozen times now, and I can't seem
to spot where IE is messing it up. Hopefully someone else here will
have a fresh set of eyes to peer around with.
There are a few things you can do that will improve things significantly. The
first is to get IE6 out of quirks mode by giving your page a complete doctype
[1].
Then, you can simplify your life by changing all the widths of your tables to
99% instead of 100%.
Finally, with a selector something like the following, change the margin and
padding settings for the class=buffer div that holds all forum post tables -
#middle .buffer {margin: 0; padding: 5px;}
I didn't look at your style sheet, so I don't know what the values set for
margin and padding on .buffer are, but the above should override them for that
middle instance of the class.
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/
[css-d] Strange float issue with Explorer 6
I don't really know how tom explain this issue. but anyway... here's the css and xhtml which are driving me crazy. http://www.synthetic-effulgence.com/glitch/home.html http://www.synthetic-effulgence.com/glitch/style.css In a container div (medium) there are two divs (main and menu) I need menu to be on the right, and I made it floated and not absolute positiong cause in this way, the thirs div inside #medium can clear it, since it's supposed to be the longest one, and with the clearer div also the #medium div will be just as long. Now there is the glitch. On the #main div there's an h3, which I wanted to have a bg picture to fill the whole width as to cover for the top part the background of the container div #medium, even if the #menu is floated, I supposed that setting no background for it at all it would have stayed transparent, showing me both the #medium bg and what's on the bg of the #main h3. well it does work fine on firefox, but in explorer 6 seems like even the #menu floated has a top margin which should allow the h3 to show its entire width that it blocks it anyway at the point where it starts, even in the top part which should be empty from the menu cause of the margin-top. if i try to set the width of the h3 to the whole width of #medium then the whole #main, with the h3 as the first element, when pushed down the page till the end of #menu. anyway, better explained by the page itself. http://www.synthetic-effulgence.com/glitch/home.html http://www.synthetic-effulgence.com/glitch/style.css Anyone please can expliain me why is this happening and why so different from firefox to explorer, and how can i get the same effect on both browser? thanks a lot *Alisha* __ 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] Consistent navigation bar
On 12/2/2005 6:42 PM Ira Landis wrote: I hope this is not too newbie. I am evolving a site as I learn using CSS (no frames or tables). I want to maintain a consistent left vertical navigation bar. Can I create the navigation bar as a separate file and import/call it for each page? I am using the book 'Beginning Web Programming with HTML, XHTML and CSS' by John Duckett and have searched through the popular CSS webdev sites. Any help would be greatly appreciated. Yes. What you want is a Server Side Include[1]. It's not a CSS feature, though, but a server-side thingie. [1] http://httpd.apache.org/docs/1.3/howto/ssi.html -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ 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] Scrolling/Overflow Issue
Steve, On Dec 2, 2005, at 5:13 PM, Steve Westmoreland wrote: I've composed a mock-up page from a photoshop file and it looks good across browsers, but since using height: 100% on the body and wrap, the scroll bar appears and there is unnessecary whitespace on the bottom of the page after the content. I can hide the overflow, but this creates a problem if the content flows past the browser viewport. Could someone look at my source and give me some pointers on this one. http://bristow-web.pennebaker.info/index.html http://bristow-web.pennebaker.info/bristow.v1.css I see a fairly standard header + 2 col layout. You don't need absolute positioning for this, and it is getting in your way. Absolutely positioned elements are removed from the page 'flow'. This means that their containers take up no 'space' and disappear. Specifying heights for these containers only masks the problem. These specified heights are causing the problems that you see. In general I recommend removing all the 'height: 100%; and most of the 'position: absolute;'. Replace top and left with margin-top and margin-left as appropriate. If you need further help, ask away. Roger, Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Son of Suckerfish navbar---need help tweaking
Dova,
On Dec 2, 2005, at 5:00 PM, Dova Wilson wrote:
1.Background color not extending full length of NAV div (white gap
on the far right)
You need to either float #nav ul or add a clearing element after the
final /ul but before the /div Currently the #nav and #nav ul are
collapsing down to nothing because all the li are floated and therefore
don't take up any space in the container. Then add the bg color to the
container (If you float the container you will need to set a width of
100%). like so
#nav ul {
float: left;
background-color: #435a72;
width: 100%;
}
2.Hover/gold color sticking out farther than width of navigation
item (yes, I changed some width settings-something isn't working)
Remove the width from #nav a. The padding is _added_ to the width if
one is specified.
SEE WEBSITE at http://www.gwvirginia.gwu.edu/newsite/3coltest5.htm
CSS: http://www.gwvirginia.gwu.edu/newsite/3coltest5.css
hth
Roger,
Roger Roelofs
Remember, if you’re headed in the wrong direction,
God allows U-turns!
~Allison Gappa Bottke
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Franklin Gothic (was: Firefox active lin...)
Christian Montoya wrote: On 12/2/05, David Laakso [EMAIL PROTECTED] wrote: Christian Montoya wrote: This is the page with the problem: http://temp.rdpdesign.com/final/ FWIW, Franklin Gothic for Georgia falls into the /typographers worst nightmare/ category, Actually Franklin Gothic is so unique that Georgia isn't too far off in terms of similarity of possibly available web fonts. It's quite small as sans fonts go, and its normal weight is bold in most sizes. Franklin Gothic is what the client requested, but if you know a better fallback list, let me know. I spent hours on this on Linux, doze and OS/2, and only came up with marginally better: font: 600 medium 'franklin gothic medium', 'news gothic mt', georgia, sans-serif The similarity between Franklin and News varies considerably by stroke and size and OS. Here are my worksheets: http://members.ij.net/mrmazda/auth/Font/font-gothic-siz.html http://members.ij.net/mrmazda/auth/Font/font-gothic.html http://mrmazda.no-ip.com/SS/gothicsizes1.png (Linux) -- Blessed is the nation whose God is the Lord.Psalm 33:12 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://members.ij.net/mrmazda/auth/ __ 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] Consistent navigation bar
For maintenance, you should keep it in a seperate file, but this has nothing to do with CSS. Just remember to use unorder list to keep the navigation bar semantically correct. On 12/3/05, Ira Landis [EMAIL PROTECTED] wrote: I hope this is not too newbie. I am evolving a site as I learn using CSS (no frames or tables). I want to maintain a consistent left vertical navigation bar. Can I create the navigation bar as a separate file and import/call it for each page? I am using the book 'Beginning Web Programming with HTML, XHTML and CSS' by John Duckett and have searched through the popular CSS webdev sites. Any help would be greatly appreciated. Regards, Ira Landis __ 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/ -- Best Regards, Jacky 網絡暴民 http://jacky.seezone.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/
Re: [css-d] Firefox active link dotted border problem
Christian Montoya wrote: On 12/2/05, David Laakso [EMAIL PROTECTED] wrote: I think Philippe answered the question. Philippe completely misunderstood my question, but fortunately I solved my own problem. http://temp.rdpdesign.com/final/ is still showing a jump in active tabs. I wonder was the question was, really. 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/
[css-d] Dynodes: Cross-Domain Scripting using Dynamic Node Creation
Hi, folks. In certain edge cases, XMLHTTPRequest is impossible or unpalatable. It could be cross-domain security issues. It could also be that you've got a friendly script on the other end that supplies a JSON object with a callback, so you don't need to take the extra step of proxying it through a server on your domain. Dynodes use CSS, unobtrusive Javascript, and the Document Object Model to create, import, run, and destroy foreign script nodes on demand, without the usual security restrictions faced by AJAX. They seem to run under most of the DOM-aware browsers I’ve tested, without leaking a disastrous amount of memory. A working prototype is online here: http://www.mindsack.com/uxe/dynodes/ I would especially appreciate feedback from Safari 1.1 and 1.2 users. I know dynodes work on 1.3, but not 1.0.x, so pinpointing exactly where on the Safari continuum they drop out would be very useful. Thanks for your time, --Kent __ 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/
