[css-d] Divs wont expand vertically - Make them behave!
Hi, I'm trying to get the contents part of this layout to expand and contain the entire text, as well as push down the footer. http://www.selfinflicted.org/css/layout_temp.html It works great in IE but in Firefox and Opera they just don't want to expand and push =/ What am I missing here, its boggeling my mind. /Andreas __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS External Links
On 01/08/06, Joseph Lorenzini [EMAIL PROTECTED] wrote: Does anyone know of a good way to style external links in CSS that will visually separate them from internal links? I add background images of a globe. See http://dorward.me.uk/ The CSS can be found at http://dorward.me.uk/css/easter-2005.css , grep it for 'a[href ^=http:]'. Note that IE doesn't support a CSS way to recognise external links. You may wish to change the selectors and markup (e.g. add a class) to add support for IE. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS External Links
Joseph Lorenzini wrote: Does anyone know of a good way to style external links in CSS that will visually separate them from internal links? Javascript? Put all your external links in a single DIV and style the links in that DIV the way you want? -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it possible to write custormized rules for firefox?
On 8/1/06, old9 [EMAIL PROTECTED] wrote: hi cj, thanks for your reply. I think I'd represent my problem here, well, what I need is a customized CSS rule, not a regular one, it could be something like: .class1{ -my-rule: my value; } and I want to access the -my-rule rule in javascript. In Internet Explore, I can manipulate that rule through element.currentStyle[my-rule] to get the value my value, and I need a similar approach in Firefox and Opera. my workaround might not be the best approach, but i don't think i was clear enough when explaining it. let's say what you *want* to do is something like: div class=wrapper .wrapper { background: #cc; font-size: 1em; text-align: center; -my-ff-rule: something; } and what i'm saying you could do is: div class=wrapper fix-ff .wrapper { background: #cc; font-size: 1em; text-align: center; } .fix-ff { -my-ff-rule: something; } then toggle having that fix-ff class on the element. it's not exactly what you want, i already know that. however, for lack of anything better, you could try it at least. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it possible to write custormized rules for firefox?
Thanks for your replay, cj. Well, I'm not doing a css fix for firefox here, I'm just trying to set a *customized* css value( which is not included in the CSS spec, that's why I use a dash prefix ) for special use in scripting. That is, I'm trying to pass a string parameter to javascript through css. Take the code you wrote for example, whether I'm writing the -my-ff-rule:something; to the .wrapper block or to the .fix-ff block, I just don't know how to access it trough Javascript, and tha's my very problem. the rule -my-ff-rule seems to be totally dropped if firefox, while in IE, it is maintained in the DOM and I can find it in the currentStyle collection. Thanks On 8/1/06, cj [EMAIL PROTECTED] wrote: On 8/1/06, old9 [EMAIL PROTECTED] wrote: hi cj, thanks for your reply. I think I'd represent my problem here, well, what I need is a customized CSS rule, not a regular one, it could be something like: .class1{ -my-rule: my value; } and I want to access the -my-rule rule in javascript. In Internet Explore, I can manipulate that rule through element.currentStyle[my-rule] to get the value my value, and I need a similar approach in Firefox and Opera. my workaround might not be the best approach, but i don't think i was clear enough when explaining it. let's say what you *want* to do is something like: div class=wrapper .wrapper { background: #cc; font-size: 1em; text-align: center; -my-ff-rule: something; } and what i'm saying you could do is: div class=wrapper fix-ff .wrapper { background: #cc; font-size: 1em; text-align: center; } .fix-ff { -my-ff-rule: something; } then toggle having that fix-ff class on the element. it's not exactly what you want, i already know that. however, for lack of anything better, you could try it at least. -- TM: 7387905 Blog: http://old.blogsome.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it possible to write custormized rules for firefox?
i'm a bit slow, but i think i understand now. :) the only fresh idea i can think of is to see if inline styles will work, but that won't be very feasible if you are needing to change it in multiple places. sorry i can't be of much help, and good luck. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Is it possible to write custormized rules for firefox?
What I'm doing now is to use the font-family property for passing the string, because that's the only thing I can find that could contain custormized strings. That's just a work around which is weird and dirty to my point of view, so I'm asking for help here. Refering to the inline style, yeah, that will lose flexibility somehow, and I'd rather use a html rel property to do the task, as you might see, the reason that I'm choosing css for passing the parameter is to separate the presentation and structure. Thanks for you kindness. :) On 8/1/06, cj [EMAIL PROTECTED] wrote: i'm a bit slow, but i think i understand now. :) the only fresh idea i can think of is to see if inline styles will work, but that won't be very feasible if you are needing to change it in multiple places. sorry i can't be of much help, and good luck. -- TM: 7387905 Blog: http://old.blogsome.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] SiteCheckPlease
I took your advice Tom and Scott... http://www.westga.edu/~webgroup/design/code/ Does anybody see anymore issues? Thanks, Madison On Jul 31, 2006, at 2:11 PM, Scott Sauyet wrote: Generally, I would suggest that your site not be so pixel-perfect that one or two rescales destroys your look and feel. I don't feel that it's necessary for the layout to scale to an arbitrary size, but one or two adjustments is probably a good idea. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Sliding doors - current
Hi, I've successfully implemented a version of the sliding doors technique and am now looking to add a 'current' selection that'll highlight the current tab you're on. I've looked on A List Apart and have tried their suggested code (setting the background position, as per the hover state) but it doesn't seem to work. Has anyone successfully got a 'current' state to work with sliding doors? If so, how? Thanks! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Font size of insanity
I have a design where the fonts are set thusly: body { font:medium Tahoma, Arial, Helvetica, sans-serif; color:#3e87b7; } a, a:link, a:visited { color:#c00; text-decoration:none; } a:active { color:#fcc; } a:hover { text-decoration:underline; } .menu1 a:link, .menu1 a:visited { background:url(/SHF/resources/skins/koolBleu/images/buttonBackBlue.gif) repeat-x left top; border-bottom:#6e7071 solid 1px; border-right:#6e7071 solid 1px; color:#fff; display:block; height:30px; line-height:30px; padding-left:.5em; text-decoration:none; width:9em; } .menu1 a:hover, .menu1 a:active, .menu1 a:focus { background:url(/SHF/resources/skins/koolBleu/images/buttonBackBlue.gif) repeat-x left top; border-bottom:#6e7071 solid 1px; border-right:#6e7071 solid 1px; color:#fff; display:block; font-weight:bold; height:30px; line-height:30px; padding-left:.5em; text-decoration: none; width:9em; } .menu2 a, .menu3 a { border-bottom:#6e7071 solid 1px; border-right:#6e7071 solid 1px; display:block; font-size:90%; text-decoration:none; width:9em; } .menu2 a:link, .menu2 a:visited, .menu3 a:link, .menu3 a:visited { border:#fff solid 1px; border-bottom:#6e7071 solid 1px; border-right:#6e7071 solid 1px; background-color:#ededed; color:#3e87b7; padding-left:.5em; text-decoration: none; } .menu2 a:hover, .menu3 a:hover, .selected a, .selected a { background-color:#fff; border:#fff solid 1px; color:#3e87b7; padding-left:.5em; text-decoration: none; } table.myLoan td { border:1px #11173b solid; color:#000; font:normal xx-small Helvetica, Verdana, Arial, sans-serif; padding:0 5px; } table.myLoan td a { font:inherit; text-decoration:none; } table.myLoan td a:hover { text-decoration:underline; } table.myLoan th, table.myLoan th a { background-color:#fff; color:#000; font:normal xx-small Helvetica, Verdana, Arial, sans-serif; text-decoration:none; } If the user resizes the text in Internet Explorer and the window is a pop up and the user then mouses over or otherwise focuses a link, the link resizes to the original setting I have in the CSS -- *BUT* only after I've first moused over the menu2 CSS (see above). If the user selects the link, all the text on the page resizes (regardless of whether or not anyone's moused over menu2). If I hit Cntl-N and launch a new window, this doesn't happen. The user font-size change will carry over to the next page. I don't see anything in my CSS that would cause this. Am I missing something or is this some stupid IE6 bug? -- Marc Luzietti Flagship Project Bayview Financial, L.P. (305) 341-5624 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Replace Text on Hover
Hi! I'm trying to replace Text of a button when the mouse is hovering over it. Is there a way to do this. This is the site: http://www.jocoartistguild.com The button I want the text to change is Businesses. I want it to change to Businesses Support the Arts This is the link to the css http://www.jocoartistguild.com/CSS/style_joco.css Thanks for any help! Donna Light Pfledderer __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS External Links
Hi Joseph, What about giving links that point outward a rel=external tag and use DOM to attach a css class to them? Just a thought. Miha Hribar freelance web developer web: www.hribar.info -Izvirno sporočilo- Od: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Namesto Joseph Lorenzini Poslano: 1. avgust 2006 10:47 Za: css-d@lists.css-discuss.org Zadeva: [css-d] CSS External Links Hey all, Does anyone know of a good way to style external links in CSS that will visually separate them from internal links? Thanks Joe __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sliding doors - current
Eoin Maguire wrote: Hi, I've successfully implemented a version of the sliding doors technique and am now looking to add a 'current' selection that'll highlight the current tab you're on. I've looked on A List Apart and have tried their suggested code (setting the background position, as per the hover state) but it doesn't seem to work. Has anyone successfully got a 'current' state to work with sliding doors? If so, how? Just by adding the selector for the current class to the selectors for the hover state rules. Be aware of specificity though - if you've set a:link and a:visited to a certain style, you'll also need a.current:link and a.current:visited instead of just a.current to overrule it. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] More than one background image for a page
My app collects visitor info via a set of screen forms and now I've got to print the collected info out so that it fits into the spaces, etc. on an existing paper form. It's actually going to print (form and collected into) to a blank piece of paper most of the time, but it also needs to print just the collected info to a preprinted form. My solution so far is to use a scanned image of the paper form as background. That way the user can turn on background printing if they're going to print to blank paper, or turn it off if they're going to print to a preprinted form. I'm positioning the text / images that are or represent the collected info via CSS (e.g., a check mark prints in a specific location on the page if they selected the 'yes' radio button for ' question 4' on the screen form). I've got two stylesheets, one for 'screen' and the other for 'print'. This solution is working ok for page one of the printed form. Now I need to add page two of the printed form. I would like to be able to print all the pages of the form with one print command. But I don't seem to be able to add a second background image. I've tried putting the images in two seperate divs (page1 and page2) in the stylesheet and then putting both divs on the page. I can't get the second image to print. I've tried combining the two images into one and then setting the page height in the print css to two pages high. About the first page and a half of the image printed on the first page of output, no second page. I'd sure appreciate it if someone would point me in a direction that might work. Thanks, Bill __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Replace Text on Hover
Yes, but it's javascript, and thus OT. I'll reply again off-list -- Marc Luzietti Flagship Project Bayview Financial, L.P. (305) 341-5624 Hi! I'm trying to replace Text of a button when the mouse is hovering over it. Is there a way to do this. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Replace Text on Hover
My bad, I thought you meant a real button, not a text-link button. This is fairly easy to do. The HTML would be: a href=/Businesses spanSupport the Arts/span/a The the CSS would be: a span { display: hidden: } a:hover span { display: inline; } You'll have to play with it to get it to work nice with your design. -- Marc Luzietti Flagship Project Bayview Financial, L.P. (305) 341-5624 Hi! I'm trying to replace Text of a button when the mouse is hovering over it. Is there a way to do this. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Replace Text on Hover
Hi! I'm trying to replace Text of a button when the mouse is hovering over it. Is there a way to do this. This is the site: http://www.jocoartistguild.com The button I want the text to change is Businesses. I want it to change to Businesses Support the Arts This is the link to the css http://www.jocoartistguild.com/CSS/style_joco.css Thanks for any help! Donna Light Pfledderer Donna, The only way that you could really change the text with CSS is if the Text is already there. Like this: a href=yoururl.htmlspanBusiness/spanspan class=onhoverBusinesses Support the Arts/span/a then css wise: a:hover span { display: none; } a:hover span.onhover { display: inline; } That's really the only way you could do that for now with css unless the button has a background-image, which it is not at the moment. If you wanted to actually change the text in the DOM you would do that with javascript. Note that when you do this since it isn't the same amount of text you will see the nav expand or cut off the extra text. Nick -- Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Replace Text on Hover
On 8/1/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: My bad, I thought you meant a real button, not a text-link button. This is fairly easy to do. The HTML would be: a href=/Businesses spanSupport the Arts/span/a The the CSS would be: a span { display: hidden: } a:hover span { display: inline; } For this to work in IE, you will need a rule on the a:hover too, something like: a:hover { background:# same color as the page; } will do. -- -- Christian Montoya christianmontoya.com ... portfolio.christianmontoya.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Replace Text on Hover]
I used a variation of what Marc emailed on www.coalcreekcollision.com. I added .ltxt and .rtxt (specific to this site) to split the text display area of the menu so that the 'additional' right side text would line up and display in a different color. Also, .s and .l are also optional customizations. /* alternate text */ a span.l { display: none; } a:hover span.s { display: none; } a:hover span.l { display: inline; } .ltxt { display: inline; height: 0em; /* firefox? */ } .rtxt { position: absolute; left: 300px; color: #2b33a9; } .s b { color: tomato; font-weight: bold; } .l b { color: blue; font-weight: bold; } A menu item looks something like: div class=vnav ul li a href=index.php span class='s'b::/b Home/span span class='l' span class=ltxtb::/b Home/span span class=rtxtQuality - Integrity - Responsiveness/span /span /a /li /ul /div - My bad, I thought you meant a real button, not a text-link button. This is fairly easy to do. The HTML would be: a href=/Businesses spanSupport the Arts/span/a The the CSS would be: a span { display: hidden: } a:hover span { display: inline; } You'll have to play with it to get it to work nice with your design. -- Marc Luzietti Hi! I'm trying to replace Text of a button when the mouse is hovering over it. Is there a way to do this. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Sitecheck gonzostore.com
Hello, www.hststore.com (or www.gonzostore.com) Pure CSS layout. I've tested it on browsercam.com and *i think* it looks pretty good cross-browser. The older Opera versions had major problems, but the latest version works correctly. Only layout bug I could see is that all versions of Mac Safari don't display the green ad buttons on the top right. I updated the center image (mechandise, the one with the cup) recently and for some reason i'm getting problems rendering it correctly in IE. Please poke around and look for bugs. Thanks in advance! -Pete Bejmuk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Send A Page
Hi all, Here's a new one that I've not come across before. I have site with linked css sheets for screen and print versions, which work great. A client came to me today and demonstrated that they use IE's File | Send | Page by Email menu item to place a copy of the page inside Outlook for sending via email to another party. However, it turns my beautiful work into trash. Is there a way to call a separate style sheet when someone executes this IE command (like what happens when someone prints), or am I out of luck? BTW: FF does not have this feature, only a link sending action. Thanks, Mark __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] More than one background image for a page
Bill Walton wrote: My app collects visitor info via a set of screen forms and now I've got to print the collected info out so that it fits into the spaces, etc. on an existing paper form. It's actually going to print (form and collected into) to a blank piece of paper most of the time, but it also needs to print just the collected info to a preprinted form. My solution so far is to use a scanned image of the paper form as background. That way the user can turn on background printing if they're going to print to blank paper, or turn it off if they're going to print to a preprinted form. I'm positioning the text / images that are or represent the collected info via CSS (e.g., a check mark prints in a specific location on the page if they selected the 'yes' radio button for ' question 4' on the screen form). I've got two stylesheets, one for 'screen' and the other for 'print'. This solution is working ok for page one of the printed form. Now I need to add page two of the printed form. I would like to be able to print all the pages of the form with one print command. But I don't seem to be able to add a second background image. I've tried putting the images in two seperate divs (page1 and page2) in the stylesheet and then putting both divs on the page. I can't get the second image to print. I've tried combining the two images into one and then setting the page height in the print css to two pages high. About the first page and a half of the image printed on the first page of output, no second page. I'd sure appreciate it if someone would point me in a direction that might work. Hmmm, how about having your server generate a PDF file on the fly and serve that back to the visitor? I'm guessing that the point of all this is to provide the visitor with a printable form which they then print and sign for sending in via snail mail? -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Looks better in IE than FF
Hello All, I have an ecommerce site that I am working on. In Firefox, it looks like only some of the styles are rendered. In Internet Explorer, it looks good. Pages: http://3elevencreative.com/clients/kleenhome/site/index.shtml http://3elevencreative.com/clients/kleenhome/site/about_us.shtml http://3elevencreative.com/clients/kleenhome/site/vitamins_herbs.shtml Stylesheet: http://3elevencreative.com/clients/kleenhome/site/css/kl_styles.css Can someone please let me know what the issue is. It seems like it's something small; which makes it more irritating. Thanks! Best Regards, Arthur Cundy Be sure to visit my websites! CafeList - http://www.cafe-list.com 3eleven Creative - http://www.3elevencreative.com 3elevenHost - http://www.3elevenhost.com - Yahoo! Messenger with Voice. Make PC-to-Phone Calls to the US (and 30+ countries) for 2¢/min or less. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Final link not working in IE
This problem is only occuring where there is a link as the last item in a div. In IE, the link is not correctly recognized as a link at all; it is simply shown as text (although with the correct coloring as if it were a link). If I add 2 br /'s after the link, the IE renders the link correctly. I am using one of the fixed footer methods that I found on the wiki and don't know if this may be contributing to the problem. Can someone give me a clue as to the real CSS problem that is preventing IE from dealing with the link correctly? (I'd rather not have to check all 200+ pages on the site again!) A sample page can be found at http://www.pepperlaw.com/pracarea/doverid/id_speaking.cfm. It is a live site. Notice the link that begins Return to Kitzmiller v. ... The footer links work fine. CSS file is http://www.pepperlaw.com/style_new.css. Thanks, Denise __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS External Links
Joseph Lorenzini wrote: Does anyone know of a good way to style external links in CSS that will visually separate them from internal links? Found this on the net somewhere, maybe it will help: /* All mailto links: */ a[href^=mailto:]:after { content: url(mail.gif) !important; padding: 0 0.2em; } /* Not using an image: */ a[href^=mailto:]:after { font-family: Georgia, Times New Roman, Times, serif; content: \0020 \2709 !important; padding: 0 0.2em; } /* pdf links: */ a[href$=.pdf]:after { content: url(icon_pdf.gif) !important; padding: 0 0.2em; } /* For open in blank windows: */ a[target^=_]:after { content: url(newwindow.gif) !important; padding: 0 0.2em; } __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sitecheck gonzostore.com
AP Bejmuk wrote: Hello, www.hststore.com (or www.gonzostore.com) Pure CSS layout. I've tested it on browsercam.com and *i think* it looks pretty good cross-browser. The older Opera versions had major problems, but the latest version works correctly. Opera 7+ 8+ have problems with your 'left: -999em' - creating a scrollbar. The resulting value is simply too far off screen. A more suitable, and stable, value would be 'left: -1px', which will keep those drop-downs off screen even on screens that are more than twice the width of /my/ screens (3840px). Opera 9 has a wider off screen range, and handles it differently. Please poke around and look for bugs. Validating front page: HTML: 25 errors. CSS: 4 (probably minor) errors. Firefox, Opera IE6 says about front page: Mostly ok, but not well prepared for font-resizing or 'minimum font size' / 'ignore font size...' in any of these browsers. The page could do with some more text-information - alt-attributes maybe, for those rare cases where images are not shown. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Replace Text on Hover]
a span.l { display: none; } a:hover span.s { display: none; } a:hover span.l { display: inline; } This will also make sure that users of assistive technology will never get the extra information, which might be a desired output. div class=vnav ul li a href=index.php span class='s'b::/b Home/span span class='l' span class=ltxtb::/b Home/span span class=rtxtQuality - Integrity - Responsiveness/span /span /a /li /ul /div This on the other hand will read COLON COLON Home which might not be a desired impression to give. Can we please stop treating HTML as CSS's servant? And while we're at it, can we stop painting with HTML? B elements have no semantic value and colons in text have a purpose and are not a replacement for an image. Without any CSS or a different CSS than the one applied this markup results in a link called :: Home :: HomeQuality - Integrity - Responsiveness which is actually rather ironic. You simply cannot expect all users to see your site and they HAVE to rely on your HTML and your text! Everybody is bitching about web sites that need JavaScript to make sense, but web sites that don't make much sense without CSS are not a bit better. If you want fancy rollover text that extends the normal link text, there is a perfectly valid HTML attribute for that: title. a href=index.html title=Businesses Support the ArtsBusinesses/a If you consider the hover tooltip browsers generate from title attributes too boring, use some JavaScript to spice it up: http://developer.yahoo.com/yui/examples/container/tooltip.html http://developer.yahoo.com/yui/container/tooltip/index.html I always thought going from tables and fonts to CSS is a step away from tagsoup towards clean and maintainable sites. The belief that all CSS solutions for behaviour are superior to JavaScript for these fancy add-ons seems to lead to more and more examples that throws us back to 1999 in terms of HTML quality. There are JavaScripts out there that help you achieve all this, keep the look and feel in CSS classes that get applied and work with semantically valuable HTML instead of requiring a lot of extra and nonsensical elements. In a lot of cases the functionality that comes out of it will also be more accessible, as you can test for keyboard access in JavaScript and you can check if a popup fits on the screen without causing scrollbars, something you can't do in CSS. Sorry if that came across as a rant and maybe off-topic but I do get the feeling we are running in circles. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] list line wrap
Hi, I am using li with a bull; in the bengining of each line of text. How can I make sure if the line is too long, after the line wrap the second line stays behind the bullet, not under the bullet? Thanks __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Win simulation?
Hello, I develop in a Mac environment and have been testing in the Win platform by way of transferring files to a non-networked PC using a CD. Does anyone know of any s/w that might render just like Win IE 5 6? What do all you Apple developers do? I am trying to avoid my Win machine having any contact with the internet so as to avoid the many problems I left behind years ago. Thanks in advance, Ric Glass Greenleaf Graphics www.greenleafgraphics.com PO Box 15 Palm Beach FL 33480-0015 voice: 561-523-2427 fax: 561-433-1367 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Looks better in IE than FF
Arthur Cundy wrote: I have an ecommerce site that I am working on. In Firefox, it looks like only some of the styles are rendered. In Internet Explorer, it looks good. http://3elevencreative.com/clients/kleenhome/site/index.shtml I think Firefox' error recovery works quite well :-) (X)HTML: 14 errors, some of which may be fatal in a standard-compliant browser. In short: that's not XHTML, and not even proper HTML. CSS: definitely not looking good. Clean-up urgently needed. IE6 is running in quirks mode' because of its 'xml declaration' bug, so some differences are to be expected since other browsers are running in 'standard compliant mode'. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list line wrap
are you not using the list-style-image? it sounds as if your bullet picture is part of your actual html instead of a background image. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list line wrap
xhu1 wrote: Hi, I am using li with a bull; in the bengining of each line of text. How can I make sure if the line is too long, after the line wrap the second line stays behind the bullet, not under the bullet? Give the li a left-padding of the desired width, and then negative indent of the same width. This assumes you know the exact width of the bull; plus space though. Why not make the bull; an image and apply it in CSS by list-style-image:url(bullet.jpg); ? -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list line wrap
xhu1 wrote: I am using li with a bull; in the bengining of each line of text. How can I make sure if the line is too long, after the line wrap the second line stays behind the bullet, not under the bullet? Text-indent may work. Better to use the proper 'list-style-type'[1] and 'list-style-position'[2], as that will keep it all lined up properly. Georg [1]http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type [2]http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] FW: IE Send A Page
I wish that were a response I could provide to the client - they've been doing it this way for years (and because IE provides it, it must be OK :o/ ). Now that I'm repurposing the site, some of the stuff breaks. I already provide a psuedo-tinyurl links at the bottom of each page from my CMS. And since 90% of the business world unfortunately uses IE, I have to make some accomodation. Thanks, Mark -Original Message- From: Mike Dougherty [mailto:[EMAIL PROTECTED] Sent: Tuesday, August 01, 2006 2:54 PM To: Mark Leder Subject: Re: [css-d] IE Send A Page It sounds to me like Firefox has it correct - there is no reason I would ever want a page of html in my email when that content lives on a web server. If the argument is that it enables people to send intranet pages via email, then I ask why violate security methodology when you could just make the intranet publically accessible and call it an extranet (or some other buzzword) I would try to convince principle parties involved that if they are trying to send an as is experience, they should print to a pdf driver and send it as an attachment. (but then you get the job of automating that too, right?) On Tue, 1 Aug 2006 14:15:52 -0400 Mark Leder [EMAIL PROTECTED] wrote: I have site with linked css sheets for screen and print versions, which work great. A client came to me today and demonstrated that they use IE's File | Send | Page by Email menu item to place a copy of the page inside | Outlook for sending via email to another party. However, it turns my beautiful work into trash. Is there a way to call a separate style sheet when someone executes this IE command (like what happens when someone prints), or am I out of luck? BTW: FF does not have this feature, only a link sending action. __ NOD32 1.1584 (20060607) Information __ This message was checked by NOD32 antivirus system. http://www.eset.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list line wrap
I am using li with a bull; in the bengining of each line of text. How can I make sure if the line is too long, after the line wrap the second line stays behind the bullet, not under the bullet? Give the li a left-padding of the desired width, and then negative indent of the same width. This assumes you know the exact width of the bull; plus space though. Why not make the bull; an image and apply it in CSS by list-style-image:url(bullet.jpg); ? Because list-style-image doesn't work properly cross-browser. Background image and padding does though: http://css.maxdesign.com.au/listamatic/vertical05.htm -- Chris Heilmann Book: http://www.beginningjavascript.com Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list line wrap
You can't across all browsers if you insist on using bull;. Instead use an unordered list and then use list-style to set the type of bullet you'd like to use. If you don't care about maximum visibility across different browsers, you could use the :first-letter or :first-line pseudo elements and given them a negative margin, i.e., li:first-letter { margin-left:-1em; } I don't recommend that. -- Marc Luzietti Flagship Project Bayview Financial, L.P. (305) 341-5624 Hi, I am using li with a bull; in the bengining of each line of text. How can I make sure if the line is too long, after the line wrap the second line stays behind the bullet, not under the bullet? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] list line wrap
I am using li with a bull; in the bengining of each line of text. How can I make sure if the line is too long, after the line wrap the second line stays behind the bullet, not under the bullet? Give the li a left-padding of the desired width, and then negative indent of the same width. This assumes you know the exact width of the bull; plus space though. Why not make the bull; an image and apply it in CSS by list-style-image:url(bullet.jpg); ? Because list-style-image doesn't work properly cross-browser. Background image and padding does though: http://css.maxdesign.com.au/listamatic/vertical05.htm For the most part I agree with using background image for control but if you have any floated block to the left of the list, list-style image is going to give you the best result.( or in this case the bull;) If you really want to use bull; then put that in the li, set list-style-position to inside, and put a negative text indent on the li. use the margin and padding of the ul to get the correct spacing from other elements. For more info look up taming lists at A List Apart. Nick -- Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Site check in IE6
Hello all, There are some strange behaviors in my site in IE6 that are driving me nuts. The main problem is that when scrolling down the pages with a lot of text, the text gets screwed up ... it starts disappearing! It is there, but I have to either refresh the page or select the invisible text with my mouse in order to get it to reappear. Here are a couple pages that really suffer from the problem: http://lakequincy.com/Privacy.aspx http://lakequincy.com/Advertisers/MediaKit.aspx (if you don't notice it happening right away, scroll up and down a little, you'll see it.) I'm thinking this HAS to be related to the styles I've used. The site displays beautifully in FF. Any ideas why IE's display is messed up and how I can fix it? Thanks, Craig P.S. This behavior happens in IE7b2, too, but not quite as frequently. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Win simulation?
On Aug 1, 2006, at 12:27 PM, Ric Glass wrote: HI develop in a Mac environment and have been testing in the Win platform by way of transferring files to a non-networked PC using a CD. Does anyone know of any s/w that might render just like Win IE 5 6? What do all you Apple developers do? I am trying to avoid my Win machine having any contact with the internet so as to avoid the many problems I left behind years ago. You can try Virtual PC if you're on a non-intel Mac. It's now free, though you do need to buy a copy of windows: http://www.microsoft.com/ windows/virtualpc/default.mspx On an Intel Mac, get a copy of Parallels Desktop and a copy of Windows. I use it, and wrote a short blog post on the topic including a video of the two OSes running side by side on my Mac Book Pro: http://www.sawmac.com/etc/2006/07/13/the-ultimate-web-development- machine/ --dave mcfarland --- Dave McFarland [EMAIL PROTECTED] Dreamweaver 8: The Missing Manual www.sawmac.com Sawyer McFarland Media, Inc. --- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Win simulation?
On Tue, 01 Aug 2006 15:27:07 -0400, Ric Glass [EMAIL PROTECTED] wrote: Hello, I develop in a Mac environment and have been testing in the Win platform by way of transferring files to a non-networked PC using a CD. Does anyone know of any s/w that might render just like Win IE 5 6? What do all you Apple developers do? I am trying to avoid my Win machine having any contact with the internet so as to avoid the many problems I left behind years ago. Thanks in advance, Ric Glass Greenleaf Graphics www.greenleafgraphics.com PO Box 15 Palm Beach FL 33480-0015 voice: 561-523-2427 fax: 561-433-1367 Ric, If you can hook the computer to your local lan if you have one and remote desktop in. Microsoft has a remote desktop client for OS X that works rather well. If your Mac is connected directly to the web and then also to the network just don't share the internet connection to the network. If you have a new intel mac there are a host of other solutions. (e.g. Parallels) But this is not really a topic for the list. Nick -- Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Trouble with list left margin
I am trying to style a menu with rounded corners. My menu is a ordered list, but list elements are indented. There is also a gap between the block level h3 element and the list elements that I can't seem to close. http://oit.sfasu.edu/test/frame2.html Thank you, Travis Killen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FOLLOWUP: css-d post - verify receipt?
At 7:28 AM -0400 8/1/06, Joe D'Andrea wrote: Hello again! An interesting update: First, I found the message I sent! I got it via normal list delivery, so I'd say that the list members got it. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.com/) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] More than one background image for a page
Hi David, david wrote: Bill Walton wrote: My solution so far is to use a scanned image of the paper form as background. That way the user can turn on background printing if they're going to print to blank paper, or turn it off if they're going to print to a preprinted form. This solution is working ok for page one of the printed form. Now I need to add page two of the printed form. I would like to be able to print all the pages of the form with one print command. But I don't seem to be able to add a second background image. Hmmm, how about having your server generate a PDF file on the fly and serve that back to the visitor? I'm guessing that the point of all this is to provide the visitor with a printable form which they then print and sign snip? Yes, at least this part of the saga is about printing ;-) Putting it in a PDF would make it possible to do a multi-page print. That's goodness. On the other hand, it could add additional steps and some additional wait time for the visitor, and to satisfy the requirement to print the laid-out content with or without the background form it seems like I'd have to add a step where the visitor explicitly states how they want to lay it out, or just generate and send 2 PDF's, or generate and send one PDF with double the number of pages. I'd really like to be able to just select 'Print' from the browser's File menu. Is there not a way to use CSS to position two large background images such that they'll print on seperate pages? Thanks, Bill __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Replace Text on Hover
Donna Demurely Delineated: I'm trying to replace Text of a button when the mouse is hovering over it. Is there a way to do this. Donna, Maybe you could try this: a: span { text-indent:-3000 px; } a:hover span { text-indent: 0; display: block; height: 20px; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } I'm kinda new at this, but this is a starting point...maybe the uber- experts can complete it better than I. It's based on an image replacement method. For my own knowledge search, whaddaya think, experts? Dave Pierce __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FOLLOWUP: css-d post - verify receipt?
At 4:25 PM -0400 8/1/06, Eric A. Meyer wrote... ...a message meant to be sent in private in response to an inquiry sent to the administrator address. And then, idiotically, he cc:ed it to the whole list instead of the administrator. I'd blame the heat (today's heat index is currently 108F/42C) but the truth is I just didn't pay attention to what I was doing. My apologies to everyone for both the original mistaken post and for this followup (which I'm only posting to forestall any other followups). -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.com/) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Win simulation?
Not really CSS-related, but: G4/G5: VirtualPC, Q, (VLC) Intel: Q, Paralells, BootCamp, (VLC) -- Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] No style applied to an A that lacks an HREF... Why?
Hello. I have a series of buttons that I've styled with CCS using a:hover and I'm having a problem... Most of the buttons are just ordinary a href... markup that links to other HTML pages, but one of buttons needs to open a PDF file in a separate window. I originally used... a href=blahblah target=blank for my markup, but there was an issue with IE opening the file in a new window but then immediately minimizing the window, for whatever reason. So I decided to use an onclick script to open the file instead. Now IE opens the file in a new window correctly, but my :hover styling doesn't work anymore for that particular button. It's almost as if IE doesn't look for a style unless there's an href attribute associated with the a element. Anybody have a clue what's going on? BTW, Safari on Mac applies the :hover style as expected. Thanks, -- Dean Champeau __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] No style applied to an A that lacks an HREF... Why?
If you have a blank or # href, IE assumes that it's a link to the current page and sees it as a visited link, which means it's only going to use the a.visited attribute. -Original Message- .. It's almost as if IE doesn't look for a style unless there's an href attribute associated with the a element. Anybody have a clue what's going on? BTW, Safari on Mac applies the :hover style as expected. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Nice Titles and Image Annotation
I think someone was kind enough to point me in this direction on the list...to use Nice Titles (http://kryogenix.org/code/browser/nicetitle/). I also paired that up with Image Annotation ( http://kryogenix.org/code/browser/annimg/annimg.html) in hopes of coming up with a solution to reduce the amount of image slicing I have to do for camera reviews. Reading the information for both solutions, it says that they can be combined and so I combined them: http://yazminmedia.com/playground/hover/hover2.htm http://yazminmedia.com/playground/hover/nicetitle.css http://yazminmedia.com/playground/hover/annimg.css However, if you look at the page, I'm having a problem with the hover outline. When I hover on the border of a highlighted area, I can see my tooltip. Once I move to the inside of the highlighted area, the tooltip disappears, requiring precision and knowing that you must hover on the outline in order to see the information on what you are looking at. I am really at a loss and am sure this is an issue with the CSS. Can anyone take a look at the code and see what the issue might be? Thanks! -- Yazmin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Page check
Using this one page as teaser for client's group of websites. I have used position:absolute to locate the copy at bottom right of picture. Looks ok in FF, IE and Opera but would appreciate if could be checked at 800x600, Safari etc. Thank in anticipation. Ian **IMPORTANT* *** This e-mail contains information which is confidential and may also be privileged. It is for the exclusive use of the intended recipient(s). If you are not the intended recipient(s) please note that any form of, distribution, copying or use of this e-mail or the information in it is strictly prohibited and may be unlawful. If you have received this in error please inform us at the above address then delete the e-mail and destroy any copies of it. Thank you. -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.394 / Virus Database: 268.10.5/404 - Release Date: 31/07/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Page check
Using this one page as teaser for client's group of websites. I have used position:absolute to locate the copy at bottom right of picture. Looks ok in FF, IE and Opera but would appreciate if could be checked at 800x600, Safari etc. Thank in anticipation. Ian Sorry, forgot link: http://www.iyesolutions.co.uk/templates/fishings/test-3.html **IMPORTANT*** * This e-mail contains information which is confidential and may also be privileged. It is for the exclusive use of the intended recipient(s). If you are not the intended recipient(s) please note that any form of, distribution, copying or use of this e-mail or the information in it is strictly prohibited and may be unlawful. If you have received this in error please inform us at the above address then delete the e-mail and destroy any copies of it. Thank you. -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.394 / Virus Database: 268.10.5/404 - Release Date: 31/07/2006 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check in IE6
Craig Palenshus wrote: There are some strange behaviors in my site in IE6 that are driving me nuts. The main problem is that when scrolling down the pages with a lot of text, the text gets screwed up ... it starts disappearing! http://lakequincy.com/Privacy.aspx http://lakequincy.com/Advertisers/MediaKit.aspx I'm thinking this HAS to be related to the styles I've used. The site displays beautifully in FF. Any ideas why IE's display is messed up and how I can fix it? Nothing wrong with your styles (in this respect), but there's definitely something wrong with IE/win (all versions) :-) It needs a well-placed 'hasLayout'[1] trigger. Adding... .mainBoxMiddle {height: 1%;} ...will do on the first page, I didn't check the second one. Plenty of other wrongs in that page though. HTML: 11 errors. CSS: a couple of errors. Better have a round-trip to the W3C validator(s) and fix things a bit. 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 IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] More than one background image for a page
Bill Walton wrote: Is there not a way to use CSS to position two large background images such that they'll print on seperate pages? Only if the visitor has set their browser to print background images - that's step one. I don't know about controlling multi-page printing with CSS - my only encounter with such was some horrible HTML produced by MS Publisher that attempted to force things onto separate pages by putting them in big DIVs sized to fit only on a sheet of paper. The results didn't work on screen in anything except IE, and weren't particularly successful in printing, either. That was maybe two years ago, though, and the problems could have been due to Publisher's junk HTML - maybe something cleaner would work now? But I still think you'd have to move your background graphic into the HTML to get it to print reliably. -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check in IE6
Quoting Craig Palenshus [EMAIL PROTECTED]: There are some strange behaviors in my site in IE6 Really! How shocking! ;-) the text gets screwed up ... it starts disappearing! Here are a couple pages that really suffer from the problem: http://lakequincy.com/Privacy.aspx http://lakequincy.com/Advertisers/MediaKit.aspx The Peek-a-boo disease and the antidote is detailed on P.I.E. http://www.positioniseverything.net/explorer/peekaboo.html -- Brian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Page check
Ian Young wrote: Using this one page as teaser for client's group of websites. I have used position:absolute to locate the copy at bottom right of picture. Looks ok in FF, IE and Opera but would appreciate if could be checked at 800x600, Safari etc. Thank in anticipation. Ian Sorry, forgot link: http://www.iyesolutions.co.uk/templates/fishings/test-3.html I don't think that's going to work for you-- at least not the way you intend. Not everyone has their screen resolution set at 1024. 20 captures: http://www.iyesolutions.co.uk/templates/fishings/test-3.html Best, ~dL __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Nice Titles and Image Annotation
Thanks Silvester. I have tried to contact the author (same person wrote both scripts) and have discussed it with him, but he has not been able to clear time to revisit the issues, so I am at a loss there. You're right. I should take the time to rewrite the script, but at the moment it is not time I have. I may just have to chuck this as a solution and go with something with less wow factor to get this done and move on. Thank you for your reply. Yazmin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Page check
Ian Young wrote: http://www.iyesolutions.co.uk/templates/fishings/test-3.html Using absolute positioning is fine, but you're positioning and dimensioning relative to the wrong object - and the wrong way around. No font-resizing calculated in either, which makes it pretty unreliable. This might give you some ideas... http://www.gunlaug.no/tos/alien/test_5390.html ...and it can handle almost all user-options any browser can throw at it. It will also line up well down to 700 in width, and below if you need it to. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sitecheck gonzostore.com
Hi Pete, Looking at it in Safari...it seems the green 'ad buttons' are below the large image? At least that's how its drawing in Safari. As the page came up, the ad buttons were visible and then were 'covered' by the masthead. Strange. If anyone knows why this happened, I'd love to know for future reference. Lisa On Aug 1, 2006, at 2:11 PM, AP Bejmuk wrote: Hello, www.hststore.com (or www.gonzostore.com) Pure CSS layout. I've tested it on browsercam.com and *i think* it looks pretty good cross-browser. The older Opera versions had major problems, but the latest version works correctly. Only layout bug I could see is that all versions of Mac Safari don't display the green ad buttons on the top right. I updated the center image (mechandise, the one with the cup) recently and for some reason i'm getting problems rendering it correctly in IE. Please poke around and look for bugs. Thanks in advance! -Pete Bejmuk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/