Re: [css-d] testing hand held style sheets
wendy wrote: Other than using opera can anyone suggest a PDF emulator I could download to test a hand held device stylesheet for a site? also does anyone know whether most hand held devices have javascript enabled or not? ta Wendy You can see if you can track down a copy of POSE (the Palm OS Emulator) that used to be available. Might still be around and usable, and might be able to run a Palm web browser ... -- David [EMAIL PROTECTED] authenticity, honesty, community __ 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] Different hover on IE and Firefox
*Hello* Please take a look at www.savonmaa.com http://www.savonmaa.com Can someone tell me why the display-block does not work on IE when I hover over left navigation? On Firefox (Win and Mac) it shows hover effect when You move cursor anuwhere on the link block On IE (Windows) You have to put the cursor on the the actual text of link before hover effect shows. Any ideas? This is propably a very tiny thing but i cannot find it out... This is my CSS: body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; } form, div, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } td, th, p, div, span { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px } .listEntry { margin-bottom: 10px; color: red; } p { font-family: Arial, Helvetica, sans-serif; color: black; text-align: left; font-weight: normal; font-size: 12px; line-height: 16px; } a, a:link, a:visited, a:hover, a:active{ color: #0066CC; text-decoration: none; } .navList a, .navList a:link, .navList a:visited { display: block; color: white; text-decoration: none; border-bottom: 1px solid white; } .navList a:hover{ display: block; color: navy; background-image: url(http://62.78.102.35/~savonmaa/SM_images/white.gif); background-repeat: no-repeat; background-position: 0 .5em; background-color: #66ccff; text-decoration: none; } .articleText { text-align: left; font-size: 12px; line-height: 14px; } .articleLinkInternal { color: green; font-size: 10px; } .image_caption { padding: 5px; text-align: left; color: #00; font-size: 9px; line-height: 10px; border-top: 3px solid white; border-bottom: 1px solid #0066CC; } .image_td { border: 1px solid #0066CC; } .articleCode { margin-bottom: 3px; font-family: Courier New, Courier, monospace; font-size: 12px; } h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; color: #0066cc; } h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; color: black; text-align: left; font-weight: normal; font-stretch: expanded; font-size: 11px; line-height: 13px; } .articleSummary { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #00; line-height: 135%; } .v09 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9px; } .v10 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; } .v11 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; background-color: navy; } .v12 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; } .v13 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13px; } .v14 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; } /* .formButton { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #FF; background-color: #92A1AF; } .formLabel { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; } .checkLabel { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold;} .radioLabel { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold;} .formTextArea { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; } .inputText { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;} .inputPass { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;} .selectMenu { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;} .selectList { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;} */ /* search */ .formSearch { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;} .search_form {} .search_result {} .postbody { font-size: 12px; color : #00; margin: 0 0 3px 0; padding: 0 } .postbody a, .postbody a:link, .postbody a:active, .postbody a:visited { text-decoration: none; color : #0066cc; } .postbody a:hover { text-decoration: underline; color : #DD6900; } #teaserTable { } #teaserTableLeftCell {border:0px; padding:4px;} #teaserTableRightCell {border-left:1px dotted #0066CC; padding:4px;} #teaserPageNav { display: block; color: green; text-decoration: none; } #teaserPageNavItems { display: block; color: green; text-decoration: none; } .MenuItem_lvl_1 { display: block; text-indent: 15px; font-size: 11px; font-weight: bold; text-align: left; font-family: Arial, Helvetica, sans-serif; line-height: 23px; padding-left: 0em; background-image: url(http://62.78.102.35/~savonmaa/SM_images/yellow.gif); background-repeat: no-repeat; background-position: 0 .5em; } .MenuItem_lvl_2 { display: block; text-indent: 15px; font-size: 11px; font-weight: bold; text-align: left; font-family: Arial, Helvetica, sans-serif; line-height: 23px; padding-left: 0px; } .navList { width: 98%; border-top: 1px solid white; padding-top: 0px; display: block; } #activeSection { border-bottom: 2px solid #ffcc00; }
[css-d] Borders on link in focus
I'm concerned with the small dotted border around a link element in focus. I wish to format the link with the :focus pseudo class, and the browser-generated border tends to destroy the design effect I want. Is there any way to suppress this effect? Best regards Jørgen Farum Jensen http://www.webdesign101.dk __ 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] Borders on link in focus
I'm concerned with the small dotted border around a link element in focus. I wish to format the link with the :focus pseudo class, and the browser-generated border tends to destroy the design effect I want. Is there any way to suppress this effect? No, except for JavaScript, and that defeats is purpose. The ugly dotted borders do help a lot of users. The archives have a say on that, too: http://archivist.incutio.com/viewlist/css-discuss/33258 __ 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] Absolute positioned columns and scrolling
Hi all, I've got a layout that uses two absolute positioned column (left/right) with a centre column that's relative to the page and left/right margins to reflect the width of those columns. My problem is that when the two outside columns are longer than the centre content and viewport, then I get no scrolling. Therefore, I lose some content in the outside columns. i.e: |---||| |left col |center col with small height | right col | | | --- | | | | | | | | | | - bottom of viewport with no scrollbar || | | || |_| Anyone know a fix? Thanks, Damian __ 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] Borders on link in focus
That is out of scope for you to play with, it 'belongs' to the UA. It´s a 'feature' most UA vendors have choosen to implement. You can use JavaScript to blur-on-focus but then the element is not in focus and the user can´t activate it with keyboard for example. Sorry, cant have the cake and eat it at the same time. If design is more important then usability. Use the JavaScript solution. If it´s the other way around dont do anything. Probably it´s only you who is concerned about it cause you are 'home blind' =) Your users will not 'see' it the same way you 'see' it. They may even fancy it. Discussions about this subject often tend to be like the 'should-I-style-form-controls-or-not'-discussions so don´t be surprised if this thread will turn into Jihad soon =))) Regards, Anders Ringqvist Jørgen Farum Jensen wrote: I'm concerned with the small dotted border around a link element in focus. I wish to format the link with the :focus pseudo class, and the browser-generated border tends to destroy the design effect I want. Is there any way to suppress this effect? Best regards Jørgen Farum Jensen http://www.webdesign101.dk __ 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] css for print make my page hugly
I can't manage to make a proper css for print under ie6 i must select landscape in the printing preferencies to have all the text or it's cutted on the right edge. On the landscape setup it prints ok, but the line at the bottom of page 2 is splitted on page 2 and page 3 under firefox i just have one buggy page (whathever i do : select shrink to fit, portrait or landscape it is still buggy) on builder they're talking about removing floats to make it work under ff but my floats aren't there! http://www.builderau.com.au/program/soa/Tips_for_creating_CSS_styles_for_print/0,39024614,39130330-2,00.htm http://www.webmasterworld.com/ra.cgi?f=d=url=http://www.builderau.com.au/program/soa/Tips_for_creating_CSS_styles_for_print/0,39024614,39130330-2,00.htm here is my test page http://www.curie.fr/tampon/test.cfm http://www.webmasterworld.com/ra.cgi?f=d=url=http://www.curie.fr/tampon/test.cfm Thanks in advance -- Fabrice Mangault __ 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] Flashing in firefox ion resize
When I resize my page in firefox I get some flashing in the top left. http://www.blue-fly.co.uk/test/test.php http://www.blue-fly.co.uk/test/nhs.css http://www.blue-fly.co.uk/test/menu.css I thnik this is caused by the DIV overflows.. Does anyone know how to fix this?? It looks like a browser bug...possibly! R. __ 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] Borders on link in focus
Christian Heilmann wrote: I'm concerned with the small dotted border around a link element in focus. No, except for JavaScript, and that defeats is purpose. The ugly dotted borders do help a lot of users. Thanks for the answers. My point was that I wanted to provide a clearer indication of the element in focus that I feel the dotted borders provide. I have no wish to use the Javascript method, since it detracts from the accessibility of the web page. Best regards Jørgen Farum Jensen www.webdesign101.dk __ 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 positioned columns and scrolling
Thursday, September 8, 2005, 9:02:19 AM, Damian Watson wrote: I've got a layout that uses two absolute positioned column (left/right) with a centre column that's relative to the page and left/right margins to reflect the width of those columns. My problem is that when the two outside columns are longer than the centre content and viewport, then I get no scrolling. In what browser(s)/OS(s)? Guessing, it sounds like a documented IE/win bug: http://positioniseverything.net/explorer/unscrollable.html Steve -- http://mrclay.org/ : http://frenchhorns.mrclay.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] site check layout - LiceControl
Good morning, I just started coding this layout and I wanted some people with various browsers to take a peek at the layout. I have checked it in WIN FF and WIN IE 6 and all looks perfect. Please take a gander and let me know if you see otherwise. Especially Opera and Mac users. Thanks http://www.lice-control.com/layout.htm Css here: http://www.lice-control.com/styles/layout_style.css Adam __ 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] h1 border not displayed in IE (SOLVED)
From: Ingo Chao Sent: Thursday, September 08, 2005 1:46 AM Glenn E. Lanier, II wrote: http://bellsouthpwp.net/S/p/Speedy7/HeaderTrouble.html The container needs some layout [1], i.e. div#divTitle {width: 100%} Ingo, Thanks. I've tried several different things and was beating my head against the wall -- this fixed it (along with several other similar problems in other divs). [1] http://www.satzansatz.de/cssd/onhavinglayout.html#prop Thanks for the link. --G __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check layout - LiceControl
I don't see any problems in Opera that aren't in Firefox. Your drop shadows aren't quite working consistently, which you probably already know (specifically, the right side, badge bottom area and all along the right edge of the document). Your grays are two different colors, giving you a line under the badge, which I don't know whether you intended. Also, you might want to declare a body background color of white; my browser defaults to a very light gray, and I can see the edges of your white container box. Otherwise, looks good; nice graphic design. Cheers. On 9/8/05, Adam Helweh [EMAIL PROTECTED] wrote: Good morning, I just started coding this layout and I wanted some people with various browsers to take a peek at the layout. I have checked it in WIN FF and WIN IE 6 and all looks perfect. Please take a gander and let me know if you see otherwise. Especially Opera and Mac users. Thanks http://www.lice-control.com/layout.htm Css here: http://www.lice-control.com/styles/layout_style.css Adam __ 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] Request help with nitpicky problems before deployment
I've posted once before about a problem with this site with hover images and got spot-on help from Ingo Chao (thank-you Mr. Chao). Now I've reached the end of the design phase and am about to turn it over for CMS templating and would appreciate help on the final preparation. The files validate as much as possible, that is, there are known problems with an offsite link that can't be changed and some CSS hacks but the code I wrote appears to be okay. Here is a link to the markup (http://www.lydiamann.com/TBMA_files/benefits.shtml), the CSS (http://www.lydiamann.com/TBMA_files/scripts/adminonline.css), and a list of unresolved issues: 1) Win IE only: When I hover over any of the links in the main content area (i.e. Healthcare Coverage, Retirement Benefits etc.) I lose part of the left bar and navigation that returns when another area is scrolled over. The Chao-fix (re-naming the a:hover to re-set IE) doesn't seem to apply since there isn't any background element concerned. 2) Win IE only: The links on the top left (the ones that look like folder tabs) do a little jiggle dance onhover and I can't find a workaround. I've changed the height of the list elements and the anchors within those list elements to no effect. For the time being I'm calling this a *feature.* 3) All browsers: I can't remember how to make the top-level navigation hover color *hold* on rollover of the pop-out menu (see folder-tabs for example). My programmer can fix this at runtime, but I am wondering if there is something I can do now. I thank you in advance for specific help you can offer. Lydia Mann Senior Web Designer The Bond Market Association [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check layout - LiceControl
Adam Helweh wrote: I just started coding this layout and I wanted some people with various browsers to take a peek at the layout. I have checked it in WIN FF and WIN IE 6 and all looks perfect. Please take a gander and let me know if you see otherwise. Especially Opera and Mac users. http://www.lice-control.com/layout.htm Css here: http://www.lice-control.com/styles/layout_style.css Adam You may want to adjust the width to account for the scroll bar at 800. Screen captures: http://www.browsercam.com/public.aspx?proj_id=189424 Regards, David Laakso -- David Laakso http://www.dlaakso.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Lice control Layout - Shadow graphic help
Hello Everyone, Thanks for checking out my layout and providing feedback. It looks like one of my biggest issues is similiar to what I was dealing with when coding last night. The drop shadow on the sides some areas are worse than others) or becoming irregular and jagged rather than smooth and one piece. I would assume taking a 1 pixel horizontal image and repeating it would be fine. Has any one had this experience or know the best way to relieve it? I thought the shadows are one solid tone and should tile fine when cutting a sliver? http://www.lice-control.com/layout.htm Css here: http://www.lice-control.com/styles/layout_style.css thanks for the previous help and thanks in advance for any additional. Adam __ 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 5.2 Mac not showing styles
Hi folks. http://www.outdoorimage.net Im working on a new business site, and am having problems with IE 5.2 on Mac. I've looked numberous places for solutions, but have either glossed over something obvious, or haven't run across it yet. Problem is that IE 5.2 does not act on most of my styles. I say most, because #topmastContent is clearly centered in #topmast and would not be if all styles were ignored. However, beyond that and the logo styling, everything just goes to hell in a handbasket. Can someone take a look at this for me please? Links go nowhere. Nav is just there for right now. Site validates XHTML trans, and CSS. I'm working on Mac OS X Tiger - Safari and Firefox look fine. Thanks - Keith Burgin www.burgindesign.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] navbar problem
Hi all, I have a navbar that I wish to change the background color and drop the bottom border when the given page is active. I have done this but when I make those small changes to the last list item (link) in the navbar, the text that is below the navbar is mis-aligned in ff 1.0.6 win but appears the way I would like it in ie 6.x (I am sure ie is showing it incorrectly even though that is what I want). page without changes: http://www.rell.com/tst/index.html page with changes: http://www.rell.com/tst/index1.html The css is in the page as the project is just getting started, but I am using the following to control the last list item: #navlist li a.last { border-width: 1px 0; } #navlist li a.last1 { border-width: 1px 0 0; background-color: #339; color: #cc3; } Thank you for you time and consideration, 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/
[css-d] Flash content in a print style sheet
Hi all, A pretty basic question: I¹m writing a print stylesheet for a page that holds a simple 3-photo Flash slideshow. Is there any way of having 1 of the 3 photo¹s show up in my print-stylesheet? Thanks in advance, Erwin Heiser __ 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] Flash content in a print style sheet
From a CSS discussion list? Hide the flash container {display: none} and show a container that links to the desired image with a standard img tag, {display: inline|block}. For how Flash could help one with this, one would need to address this on some kind of Flash forum. -- Ian Skinner Web Programmer BloodSource www.BloodSource.org Sacramento, CA C code. C code run. Run code run. Please! - Cynthia Dunning Confidentiality Notice: This message including any attachments is for the sole use of the intended recipient(s) and may contain confidential and privileged information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender and delete any copies of this message. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 5.2 Mac not showing styles
Keith Burgin wrote: http://www.outdoorimage.net Problem is that IE 5.2 does not act on most of my styles. IE/Mac is reacting, but not as you expect. The following corrects it in my IE5.2.3 #topmastContent { text-align: left; margin: 0 auto; border-right: 1px #FF solid; border-left: 1px #FF solid; width: 750px; position: relative; -- delete, or hide this from IE/Mac. } #top { float: right; background-color: #426208; /*\*//*/ width: 9.5em; !-- IE/Mac need a width here. /**/ } 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] Glitch in IE/Mac Site Check
Roger Roelofs [EMAIL PROTECTED] on Wednesday, September 07, 2005 at 5:37 PM -0800 wrote: Juanita, On Sep 6, 2005, at 2:47 PM, Juanita wrote: Hi - I have the makings of a small site which seems to work well in the latest browser (FF, Opera, Netscape 7 IE) if anyone has earlier browser and can let me know if it's really out of wack that would be great. If there are any Mac users, the site looks as it should in Safari, but is not working in IE - any ideas why the content is shifted and/or how to fix it? The site css links : http://www.kcsm.org/voicesofcsm.htm http://www.kcsm.org/catalog/voicesofcsm/voices.css Add a width to #nav ul (8em to 10em should work nicely). IE/mac (following the css 2.0 spec) r Thanks Roger - That worked - now my columns are where they should be in Mac/IE. Juanita __ 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 5.2 Mac not showing styles
Keith Burgin wrote: http://www.outdoorimage.net Im working on a new business site, and am having problems with IE 5.2 on Mac. I've looked numberous places for solutions, but have either glossed over something obvious, or haven't run across it yet. Site validates XHTML trans, and CSS. I'm working on Mac OS X Tiger - Safari and Firefox look fine. Keith Burgin www.burgindesign.com You did not mention XP, so if you are aware of these things please ignore my comments: There is a lateral shift on font zoom (draws scroll bar) and early breaking of the h-nav in FF. I found the content text easier to read (for me) by deleting the font-size on .right p; and tweaking .right h2. The vertical menu needs a little TLC in all versions of win/IE. Screen captures: http://www.browsercam.com/public.aspx?proj_id=189469 It is a very nice looking page. Regards, David Laakso -- David Laakso http://www.dlaakso.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Firefox/IE Difference in Positioning
Hi all, I am working on the following website. http://www.uleth.ca/asac/ In Firefox, the Banff 2006 logo is where I want it to be. in IE6, it is 20px closer to the top. Anyone know what I've done wrong? CSS: http://www.uleth.ca/man/research/asac/css/mainpage.css Thanks -- Mr. Kim Siever http://www.hotpepper.ca/ __ 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 move content area to the top of this floated layout?
Is it possible to change the order of this float layout so that the content area comes before the sidebars??? Without resorting to absolute positioning? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html head !-- INLINE STYLES GO HERE. MOVE TO EXTERNAL CSS WHEN DONE -- style type=text/css body {margin:0 auto;padding:0;font-family:verdana,tahoma; font-size:80%; width:777px; text-align:center} .x8Form {background:#cc9; width:777px; text-align:left} .header {height:100px; background:#c00; color:#fff} .leftSidebar {background:#cc9; width:200px; float:left; } .rightSidebar {width:200px; float:right} .content {background:#fff; min-height:300px; margin:0 200px; padding:10px} .footer {background:#000; color:#fff} /style /head body form id=x8Form class=x8Form method=post runat=server !-- LAYOUT GOES HERE-- div class=headerHeader goes here/div div class=leftSidebarLeft Sidebar/div div class=rightSidebarRight Sidebar/div div class=contentContent Area here./div div class=footerFooter here/div /form /body /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] Lateral backgrounds on fluid layout
Hello, everyone! I can't figure a way out of how can I add two repeat-y lateral external image backgrounds to a fluid layout. To better describe the problem: Take a fluid layout of say 70% max-width. On each side, on the outside of the container (which has the 70% max width) I want two apply different backgrounds, but which stick to thier side when the browser is resized (meaning the left one has its right margin clued to the left margin of the layout, and the right one has its left margin glued to the right margin of the layout). You may think of it like faux columns on a fluid layout (but not to the content but to the outside of the layout). Does anyone have any idea on how can this be achieved ? -- *Valentin Agachi* My personal page http://agachi.name/ __ 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] Bizarre timing bug with IE6, list styles
Well, this has us stumped. To replicate: a) Go to this development site with IE6: http://pyl.userfrenzy.com b) Follow a link to another page c) Push the 'back' button At either point A or point C, you'll see IE inserting default list styling bullets into the left hand navigation, but not all the time. Does anyone have *any* clue what's going on here? I mean, obviously it's that fscking browser and yet another bug, but it's not one I can find by trawling archives or fix by applying the usual hacks. Assistance much appreciated -- more 'suck it and see' guesses than we've already thrown at it for three days, on the other hand, will probably just waste more time than it's already burned through. XHTML and CSS validate, incidentally. TIA jh __ 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] site check
Please comment on http://www.artsci.wustl.edu/~jkatz/baisabe.d/kitchen.html and http://www.artsci.wustl.edu/~jkatz/baisabe.d/tefillah.html with css at http://www.artsci.wustl.edu/~jkatz/baisabe.d/tefillah.css http://www.artsci.wustl.edu/~jkatz/baisabe.d/kitchen.css and http://www.artsci.wustl.edu/~jkatz/baisabe.d/baisabe.css Both pages are sized entirely with ems, with only the font size specified in pixels. Are there any downsides to this approach? Thanks! Lilly __ 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] Lateral backgrounds on fluid layout
The method I've seen spoken of is to have two separate divs; one for the left graphic, one for the right graphic. Each div would take the whole screen. For example - #left-graphic { background-image: url(); background-repeat: repeat-y; background-position: left-top; height: 100%; width: 100%; } #right-graphic { background-image: url(); background-repeat: repeat-y; background-position: right top; height: 100%; width: 100%;} div id=left-graphic div id=right-graphic ~~ all other content ~~ /div /div -Original Message- I can't figure a way out of how can I add two repeat-y lateral external image backgrounds to a fluid layout. __ 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] Lateral backgrounds on fluid layout
Valentin Agachi wrote: I can't figure a way out of how can I add two repeat-y lateral external image backgrounds to a fluid layout. You need two 'containers' wrapped inside each other, as you can only have one background-image on each. CSS3 may solve that-- one day. 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/IE Difference in Positioning
Mr. Kim Siever wrote: http://www.uleth.ca/asac/ In Firefox, the Banff 2006 logo is where I want it to be. in IE6, it is 20px closer to the top. Anyone know what I've done wrong? You've forgotten about default margins, which are not identical across browser-land. Try: h1 {margin: 20px 0 0 0;} ...or some other value. 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] site check
[EMAIL PROTECTED] wrote: Please comment on http://www.artsci.wustl.edu/~jkatz/baisabe.d/kitchen.html and http://www.artsci.wustl.edu/~jkatz/baisabe.d/tefillah.html with css at http://www.artsci.wustl.edu/~jkatz/baisabe.d/tefillah.css http://www.artsci.wustl.edu/~jkatz/baisabe.d/kitchen.css and http://www.artsci.wustl.edu/~jkatz/baisabe.d/baisabe.css Both pages are sized entirely with ems, with only the font size specified in pixels. Are there any downsides to this approach? Thanks! Lilly Lilly, I do not believe the page(s) is working for you the way you intend. If I can assist you in attempting a CSS layout (assuming you do not need it yesterday) that will work relatively well cross-browser, please contact me off-list. Regards, David Laakso -- David Laakso http://www.dlaakso.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check
David Laakso wrote: [EMAIL PROTECTED] wrote: Please comment on http://www.artsci.wustl.edu/~jkatz/baisabe.d/kitchen.html and http://www.artsci.wustl.edu/~jkatz/baisabe.d/tefillah.html with css at http://www.artsci.wustl.edu/~jkatz/baisabe.d/tefillah.css http://www.artsci.wustl.edu/~jkatz/baisabe.d/kitchen.css and http://www.artsci.wustl.edu/~jkatz/baisabe.d/baisabe.css Both pages are sized entirely with ems, with only the font size specified in pixels. Are there any downsides to this approach? Thanks! Lilly Lilly, I do not believe the page(s) is working for you the way you intend. If I can assist you in attempting a CSS layout (assuming you do not need it yesterday) that will work relatively well cross-browser, please contact me off-list. Regards, David Laakso Whoops. Sorry. Landed and looking at table based page(s). Please see Felix's comment. Regards, David Laakso -- David Laakso http://www.dlaakso.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] wrapping text around images
I would like to create a do it yourself page that has an image (possibly tw=o=20or three) per sentence/short paragraph with multiple sentences/short=20 paragraphs per page. I would also like the text to start at the top of the==20 image(s), possibly 1em give or take to the left. I can get this to work in==20tables (yuck) but can't seem to do it in css. Try pixy's photocard method, and you can even add captions: http://wellstyled.com/css-photo-cards.html --- avast! Antivirus: Outbound says I'm squeaky clean. Virus Database (VPS): 0536-2, 09/07/2005 Tested on: 9/8/2005 6:12:07 PM __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 5.2 Mac not showing styles
Gunlaug Sørtun wrote: IE/Mac is reacting, but not as you expect. The following corrects it in my IE5.2.3 Thank you, but on my live version, this still does not correct the problem. I tried both ideas, together, and each by themselves - no result. On my local hard drive, the site shows perfectly. Only when it goes live does it have a problem. Thanks again. Keith __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check
Please comment on http://www.artsci.wustl.edu/~jkatz/baisabe.d/kitchen.html and http://www.artsci.wustl.edu/~jkatz/baisabe.d/tefillah.html with css at http://www.artsci.wustl.edu/~jkatz/baisabe.d/tefillah.css http://www.artsci.wustl.edu/~jkatz/baisabe.d/kitchen.css and http://www.artsci.wustl.edu/~jkatz/baisabe.d/baisabe.css Both pages are sized entirely with ems, with only the font size specified in pixels. Are there any downsides to this approach? Thanks! Lilly Lilly: I use em's all the time, it's my favorite choice of measurement. Plus, it works (i.e., keeps same relative position) for all zoom levels if you tie your images to them. However, for consistency, I would suggest that you use .875 em instead of 14 px in your font size. To convert from pixels to em's, just divide by 16. Check out: http://www.webbytedd.com/examples/text-zoom/ HTH's. tedd -- http://sperling.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] Borders on link in focus
On 08.09.2005 14:34, Jørgen Farum Jensen wrote: I'm concerned with the small dotted border around a link element in focus. I wish to format the link with the :focus pseudo class, and the browser-generated border tends to destroy the design effect I want. Is there any way to suppress this effect? We have had this topic of discussion about four weeks ago. http://archivist.incutio.com/viewlist/css-discuss/61474 For MSIE, there is another way to style the dotted border, but I just can't remember how. Regards, Uwe Kaiser -- __ 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] input type=text and css
I am building an expense form with each expense item contained in a table cell. I would like to set the table width to 100% (done) and each table cell to specified percentage width that adds up to the 100%. My question: I can't used % to set the width of the input type=text / to the same percentage as it then only occupies a percentage of the cell. I can set a fixed width, but that defeats the liquid layout. Is there a way to get the width of the input match the width of the table cell without used fixed widths? Thank you, ian __ 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 5.2 Mac not showing styles
Keith Burgin wrote: Gunlaug Sørtun wrote: IE/Mac is reacting, but not as you expect. The following corrects it in my IE5.2.3 Thank you, but on my live version, this still does not correct the problem. I tried both ideas, together, and each by themselves - no result. On my local hard drive, the site shows perfectly. Only when it goes live does it have a problem. Your live version comes through fine in IE/Mac at my end. Pretty much the same as in Safari and Firefox. Only the #top ul is still out of place - adding a green line on top. Not sure what your problems are. Maybe the cache in IE/Mac is holding some old stuff? 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] Bizarre timing bug with IE6, list styles
Hi John, First of all, could you please tell which way you want the left navigation list presented (with list styles or not). I personally wouldn't put bullets there but either way your code says two different things. According to your structure, you've got div class=menu li class=collapsed Your navigation Your .menu ul says no styles and li.collapsed has bullets. I think IE is getting confused with that. Perhaps you can put !important statement depending on what you want to achieve. Hope that helps. Regards, Cem Meric Kalkadoon Corporate Solutions -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of John Handelaar Sent: Friday, 9 September 2005 5:56 AM To: css-d@lists.css-discuss.org Subject: [css-d] Bizarre timing bug with IE6, list styles Well, this has us stumped. To replicate: a) Go to this development site with IE6: http://pyl.userfrenzy.com b) Follow a link to another page c) Push the 'back' button At either point A or point C, you'll see IE inserting default list styling bullets into the left hand navigation, but not all the time. Does anyone have *any* clue what's going on here? I mean, obviously it's that fscking browser and yet another bug, but it's not one I can find by trawling archives or fix by applying the usual hacks. Assistance much appreciated -- more 'suck it and see' guesses than we've already thrown at it for three days, on the other hand, will probably just waste more time than it's already burned through. XHTML and CSS validate, incidentally. TIA jh __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] input type=text and css
Thursday, September 8, 2005, 7:09:44 PM, Rutgers wrote: I would like to set the table width to 100% (done) and each table cell to specified percentage width that adds up to the 100%. No need to set the width of the cells since each will contain the same sized element. I can't used % to set the width of the input type=text / to the same percentage as it then only occupies a percentage of the cell. So set each INPUT to width:100%. I would also use a border on the table cells and remove the border from the INPUTs, this will look a bit more nice (but maybe not appear as editable, though the user should get the edit cursor when mousing over). See: http://mrclay.org/tests/spreadsheet.html Steve -- http://mrclay.org/ : http://frenchhorns.mrclay.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Screenshots
I found a site once that would allow you to put in a url and it would generate a screenshot in one of a few browsers. I think Windows Explorer was not listed. Anyone know of such a service, I no longer have access to windows and want to take a peek at a site I just did. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Screenshots
Scott, www.browsercam.com Thanks, Tatham Oddie Fuel Advance - Ignite Your Idea www.fueladvance.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Scott Haneda Sent: Friday, 9 September 2005 12:25 PM To: CSS Subject: [css-d] Screenshots I found a site once that would allow you to put in a url and it would generate a screenshot in one of a few browsers. I think Windows Explorer was not listed. Anyone know of such a service, I no longer have access to windows and want to take a peek at a site I just did. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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] Firefox (?) hover problems
Hello everyone, take a look at the following site: http://www.cityofdis.org/signo It's obviously not complete, but there's one thing about the main menu that's bugging me. I have put a paragraph inside each list item to act as a description layer that should appear on hover. It works under IE6 (using behaviors) and Opera, but it's breaking under FF. I always tend to consider Firefox as the correct one, but in this case i can't. The problem is that when you hover over the paragraph itself Firefox makes it disappear, while IE and Opera don't. Since the paragraph is semantically *inside* the list item, shouldn't it activate its own visibility when hovered? I have made another site that has the same semantic markup (a block item inside a list item to be showed on hover, http://www.flashbaloes.com.br) in the drop down menu, and it behaves correctly under FF. Why isn't it working in this case? Thanks in advance! -- ~ ugo pozo ` [EMAIL PROTECTED] ~ icq, msn ` 61410828, [EMAIL PROTECTED] ~ aim, irc ` ugopozo, [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Screenshots
On 09/09/05, Scott Haneda [EMAIL PROTECTED] wrote: I found a site once that would allow you to put in a url and it would generate a screenshot in one of a few browsers. I think Windows Explorer was not listed. Anyone know of such a service, I no longer have access to windows and want to take a peek at a site I just did. This is a well-executed, free service (faster if you donate, though): http://browsershots.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/