Re: [css-d] floats, negative margins and mess
virginia, does the following work for you? span .Name { background:url(the path to the image); border: 1px solid #949283; padding: 5px; margin: 10px; /* or whatever suits your intent */ float: left; height: 140px; width: 100px; } pspan id=Name/spanMolor dolortisl et ullam mi auguero aliquipsum. In aliquat diamet veliquisit consecte, hymenaeos ed veliqui. Nam dunt lectus modiam elit, risus morbi henis. Orci facilisse ationullaoret lobortio dolessi odionsequip sandigna, landrem cubilia voloreros neque se cubilia. Susto eui modit lobore sandigna il amconsecte. Aptent utat velent, elenisit cursus ent in modipsu hendip, deliquatue maecenas iscing./p hth, dwain -- Dwain Alford [EMAIL PROTECTED] http://www.alforddesigngroup.com The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art __ 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] a problem with the impression of the tag pre
hello! I'm French, then excuse me for my bad English accent :-). i use a tag pre to post code on my website. here styles used for this tag: #content pre { background-color:#E2EDF8; border:1px solid #7DACE7; border-left-width:8px; margin:10px; margin-left:20px; margin-right:20px; padding:10px; padding-left:44px; background-image:url('/gabarit/defaut/konsole.png'); background-repeat:no-repeat; background-position:10px 10px; overflow:auto; } but when I print the page, part of the contents of the tag pre is truncated because lines are very long. I tried well to use the property white-space:normal but the result is ugly. there is no more line feed. does somebody have a solution? you can look at the result on this page for example: http://giminik.developpez.com/articles/php/style-switcher/ Matthieu __ 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] Impossible nested list item problem
Scott Blanchard schrieb: ... However, I want each list item to indent properly, but at the same time, I want the element's background to span the entire width of the root UL element. http://v5.octane8.com/expandoTestListItems/default.aspx?id=7 Zero the default margins and paddings. I wouldn't rely on the list markers (do you need them at all? If so, I would use bg-img instead). Declare some padding on the a. .sidebarContent ul { margin: 0 0 0.5em 0; padding: 0; list-style-type: none; } .x8_expandoList li { margin: 0.25em 0 0.25em 0; padding: 0; } .x8_expandoList li a { display: block; _zoom: 1; /* or whatever you want to fix the whitespace bug */ padding-left: 1em; background: transparent url(bullet.gif) 0 0 no-repeat; } .x8_expandoList li li a { padding-left: 2em; background-position: 1em 0; } .x8_expandoList li li li a{ padding-left: 4em; background-position: 3em 0; } .x8_expandoList li a:hover { background-color: rgb(166, 151, 108); } Ingo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] a problem with the impression of the tag pre
On 23 Jun 2005, at 3:48 pm, Matthieu Petiot wrote: hello! I'm French, then excuse me for my bad English accent :-). i use a tag pre to post code on my website. here styles used for this tag: [] but when I print the page, part of the contents of the tag pre is truncated because lines are very long. I tried well to use the property white-space:normal but the result is ugly. there is no more line feed. does somebody have a solution? you can look at the result on this page for example: http://giminik.developpez.com/articles/php/style-switcher/ For your print stylesheet pre { word-wrap: break-word; white-space: pre-wrap; /* iCab 3.0 beta, nobody else ?? */ white-space: -moz-pre-wrap; /* Gecko */ white-space: -khtml-pre-wrap; /* Safari, not working -- maybe on Konqueror khtml */ white-space: -o-pre-wrap; /* Opera */ } This works fine in Opera and Gecko (with the vendor prefix). Safari doesn't listen, unfortunately. I'm not sure about IE win. http://www.w3.org/TR/CSS21/text.html#propdef-white-space Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] FF problem!
Hi all! i've some problem to show well this box build in css.. In fact with FF i've some probem of visualizzation.. This is the problem http://www.opent.it/romacinema/BAzAr-FF.jpg and i wish to show it so http://www.opent.it/romacinema/BAzAr-Opera.jpg Someone can help me??? Plz!! :D Thx! __ 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] does not float
martin wrote: Allow me to say that I do find it ironic that the only browsers which does not show euro; in this case are the Mac ones, when Mac OS X is probably the most Unicode-friendly system out there right now. :) But that would give Lucida Grande a preference. I'll consider it. Had the same problem with an insurance quote system displaying the premium in Euros. In the end I put a span around the euro character entity[1] and a class on that span with the font-family set to Arial. HTH aj [1] #8364; __ 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] IE6 floating help
Hi there, I'm developing a site and I've decided to go for broke and attempt to make everything css and well formed. The link: http://195.184.252.10/reddot_static_demo/Locations_UKbrighton_css.html There are two problems at the moment and they both relate to floats. Next to the image of deck chairs there is a series of links. In the CSS this is in a separate div and floated right. I view the page in Firefox and the element is there, I view it in IE 6 and it isn't. I gave the holly hack a go but this didn't seem to do anything. If I tweak the size of the infoNav element it will display but then the sizes are wrong. The second problem is very similar. The image in the content element (e.g. The Centre) is a separate div floated to the right. In IE it displays above the content but is fine in Firefox. Again I can tweak the sizes and it displays OK. Any help with this would be great and comments on how it has been constructed are also appreciated. Many thanks, 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/
[css-d] table border-like decoration on images?
Hello, everybody. This is my first post on this list, although I've been a member of the web standards list for several months. I'll get to an introduction another time (if that's appropriate here), but I have what I hope will be an easy question for the enlightened. I have a client who wants a border around the images in the gallery I'm creating. He specifically stated that he wants a table border around each thumbnail. Well...I know better than to create a table around each image just for the visual effect, and I'm not about to photoshop each image, so I'm wondering if there's a way to emulate it in CSS. Thank you kindly for your help. -- ~john Just fair-weather words from a four-letter friend. __ 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] FF problem!
On 6/23/05, Augusto Murri [EMAIL PROTECTED] wrote: Hi all! i've some problem to show well this box build in css.. In fact with FF i've some probem of visualizzation.. It would be great if we can have a look at the html and css, not just the screengrabs. Prabhath http://nidahas.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] table border-like decoration on images?
He specifically stated that he wants a table border around each thumbnail. Well...I know better than to create a table around each image just for the visual effect, and I'm not about to photoshop each image, so I'm wondering if there's a way to emulate it in CSS. Hi John, if all your client wants is a border, this can be achieved simply by doing this: img.thumbnail /* change this as is necessary */ { border: 1px solid black; /* you might want to add a little padding and a background color */ padding: 1px; background-color: white; } HTH, Shane. __ 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] table border-like decoration on images?
John wrote: I have a client who wants a border around the images in the gallery John, Would setting the border attribute to '1' on the image suffice?[a]. Can be done in the CSS if require[b]. Or on gallery-only images by declaring a class on the relevant image[c]. HTH aj -- [a] img src= alt= title= width= height= border=1 / [b] img {border: 1px solid #123;} [c] .galleryImg {border: 1px solid #123;} img src= alt= title= width= height= class=galleryImg / . __ 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] IE6 floating help
Keith Bloom wrote: I'm developing a site and I've decided to go for broke and attempt to make everything css and well formed. The link: http://195.184.252.10/reddot_static_demo/Locations_UKbrighton_css.html CSS and well formed... - Change most of those IDs to classes, as IDs should only be used to address one, single, element in a page, while classes can be reused as often as you like. - Try to avoid font-sizes/line-heights in pixels. Use relative units - percentages, ems - and test across browser-land. Pixel-defined font-sizes/line-heights usually breaks badly when overridden i IE/win - and so does your page. There are two problems at the moment and they both relate to floats. Next to the image of deck chairs there is a series of links. In the CSS this is in a separate div and floated right. I view the page in Firefox and the element is there, I view it in IE 6 and it isn't. I gave the holly hack a go but this didn't seem to do anything. If I tweak the size of the infoNav element it will display but then the sizes are wrong. Quick and dirty: #infoNav {_position: relative; _margin-top: -65px;} The second problem is very similar. The image in the content element (e.g. The Centre) is a separate div floated to the right. In IE it displays above the content but is fine in Firefox. Again I can tweak the sizes and it displays OK. 2: Fix IE/win by using a negative back-side margin on the image-floats: #liimage {margin-left: -3px; /* or larger negative value */} ...which should really be written as class: .liimage {margin-left: -3px; /* or larger negative value */} 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] IE6 floating help
Thanks Gunlaug, good comment about the ids. I'll be going over all the elements and checking them. The text sizes is a difficult one as the designers of the site have specified the pixel sizes. It's a long story. The infoNav fix worked but the number of links in the element is variable. Is there a simple way to get the element to hug the baseline of the image? Regards, Keith. On 6/23/05, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Keith Bloom wrote: I'm developing a site and I've decided to go for broke and attempt to make everything css and well formed. The link: http://195.184.252.10/reddot_static_demo/Locations_UKbrighton_css.html CSS and well formed... - Change most of those IDs to classes, as IDs should only be used to address one, single, element in a page, while classes can be reused as often as you like. - Try to avoid font-sizes/line-heights in pixels. Use relative units - percentages, ems - and test across browser-land. Pixel-defined font-sizes/line-heights usually breaks badly when overridden i IE/win - and so does your page. There are two problems at the moment and they both relate to floats. Next to the image of deck chairs there is a series of links. In the CSS this is in a separate div and floated right. I view the page in Firefox and the element is there, I view it in IE 6 and it isn't. I gave the holly hack a go but this didn't seem to do anything. If I tweak the size of the infoNav element it will display but then the sizes are wrong. Quick and dirty: #infoNav {_position: relative; _margin-top: -65px;} The second problem is very similar. The image in the content element (e.g. The Centre) is a separate div floated to the right. In IE it displays above the content but is fine in Firefox. Again I can tweak the sizes and it displays OK. 2: Fix IE/win by using a negative back-side margin on the image-floats: #liimage {margin-left: -3px; /* or larger negative value */} ...which should really be written as class: .liimage {margin-left: -3px; /* or larger negative value */} 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] table border-like decoration on images?
On 23 Jun 2005, at 6:34 pm, john wrote: I have a client who wants a border around the images in the gallery I'm creating. He specifically stated that he wants a table border around each thumbnail. Well...I know better than to create a table around each image just for the visual effect, and I'm not about to photoshop each image, so I'm wondering if there's a way to emulate it in CSS. I believe most browsers use { border-style: groove } as a default style for tables; something like this then img {border: 3px groove #666;} All other border-styles are here: http://www.w3.org/TR/CSS21/box.html#propdef-border-style Pick up the one your client wants (or that looks like a 'table-border' in *his* [1] browser). [1] or her browser... :/ Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Floated blocks inside list items
Hi Mike, The following appears to work at least for the small test case: li {clear: both; border: 1px solid white;} .question { margin-right: 200px; } .button { width: 15%; float:right; } ol li div class=buttoninput type=button value=Answer //div div class=questionQuestion text/div /li /ol Without the border the question text drops down in IE and if you put any width, or float the question then the numbers disappear. Hope that helps. Phil Wills __ 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] Action like On-click text-decoration:underline
Hi there, I have a 3-col footer with a top 1px border. What is happening in (so far only in) IE 6 is when clicking (mouse down) on the one text link or either of the two images, another top border appears over either one or two of the columns. Here's the link: http://www.southeastmn.edu/cindi/temptest.shtml. Any suggestions? Thank you, Cindi __ 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] Window IE flow problem
Hello, I've managed to get my page to work on Safari, FF, and IE5.X (with the exception of the ':hover' pseudo class in IE - I know it doesn't support it.) - all for Mac. It also appears to work in FF for windows. However, the center content area is not flowing properly in IE Windows (at least from the screen shots some friends have sent me). It appears to bump down to below the left column content. Can an IE Windows CSS guru/guress tell me what's happening. I'm on a Mac. CSS is in the document. http://www.inventionshow.com/development/layout.html Thanks, Saul Straussman __ 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] Odd bug in IE with DL, DT and DD backgrounds?
A good technique to always remember about IE and display issues is that you can usually fix it with a height: 1%; and/or a position: relative; ... dd, dt { padding: 0 10px; height: 1%; } Why? I don't know. But it works, and usually fixes a problem right away that would otherwise cause madness if you didn't know to try it in the first place! Terry --- [EMAIL PROTECTED] wrote: Hello, I was wondering if anyone would happen to know of any fix as to why my sites DL, DT and DD's backgrounds seem to cause such problems in IE6/Wintel? I have tested in Mozilla Firefox and Opera 7 and 8 and the issue if fine. I then tried to apply a !important only for the call for background colours, but oddly it still persisted in IE. The site in question is located at http://24.77.217.159/exillon.com/ and the css is http://24.77.217.159/exillon.com/main.css Thank you, D. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ 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] floats, negative margins and mess
On Thu, 23 Jun 2005 06:29:04 +0200, Virginia Murdoch [EMAIL PROTECTED] wrote: Hello, My client has approved this design: http://www.unc.com.au/jd2/1.html I'm trying to recreate that left-floated, negative-indented image placement, and struggling - I've come up with: http://unc.com.au/jdsite/ It won't be good with negative margin. I have tried it many times. Only practical way I know is to position image from of the top of paragraph, not from bottom. That is not as nice, as you should never know how many lines you paragraph is long, but it won't break badly if you guess wrong. To do that, you need an extra element, which you float to left and give it height you wish between image and top of the paragraph. Example: http://www.student.oulu.fi/~laurirai/www/css/floatbetween/ Without extra element: http://www.student.oulu.fi/~laurirai/www/css/floatbetween/2.html (and someone's idea of using span with background instead of image was of course worse than useless approach.) -- Lauri Raittila http://www.iki.fi/lr @Utrecht, NL __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari kills some bottom margins
Ello all, First attempt from me at getting some help here, but since it's an issue with Safari (Safari issues are hardly documented), I think I'm safe to ask about it. http://flickrbits.com/ This showcases the problem on the longer pages. The footer gets cut off, and the post pages kill the better bit of the comment form. Anyone any clue at all to why this is happening? -- Cheers, Rob. http://zooibaai.nl/ | http://digital-proof.org/ http://design.zooibaai.nl/ | More soon... __ 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] OT a problem with the impression of the tag pre
My apologizes for being far, far off topic with my posts in this thread, don't know where I left my head. Now I am in the situation that there was indeed a clever lister, Choan C. Gálvez, who was able to script a working solution (beta). :) So I asked Zoe if I could sent this post to the thread, thanks. If you are interested, follow the link from this page http://www.satzansatz.de/cssd/listinjection.html To bring this OT part of the thread to an end: /Please/ don't answer to this part of the thread. Any suggestions and critique please off list to me. I'll collect them and will bring it to the WIKI, if anyone thinks this could be of interest. Sorry again Ingo Chao __ 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] Partial dissapearing borders in IE
I'm trying to convert a table/graphical layout to a CSS/HTML layout, and I'm having a little difficulty with making IE render things properly. I have a box that outlines a search form, and a little sidebar floated to the right of it. It seems like the search form (which, unfortunately, is still a table) isn't clearing the floated div sidebar, unless I try and mess with the width of the sidebar, in which case the border of the containing div dissapears--but only around the floated div. Here's the relevant code from my CSS: div#commBody div.divRedBoxNotes { display: block; margin-bottom: 25px; padding-left: 5px; } div#commBody div.divRedBoxNotes table.textBody { clear: none; } div#commBody div.divRedBoxNotes div.sideBarNoBorder { border-left: 1px dashed #CC; margin-top: 10px; margin-bottom: 10px; height: 127px; padding-left: 10px; } And here's a link to the page in question (works fin in browsers besides IE): http://id.iit.edu/~colbath/stuff/ExternalSiteRedux/Geoff/4.4.html Any help would be greatly appreciated... Thanks, -=gc=- __ 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] floats, negative margins and mess
Lauri Raittila wrote: (and someone's idea of using span with background instead of image was of course worse than useless approach.) it sure was, i was thinking more along the lines of an empty div and using css to place the image. couldn't get to the image so there was no way of checking my approach. also, after thinking about it the image is probably used as content rather than presentation anyway, so the entire approach would not have been semantically correct. dwain -- Dwain Alford [EMAIL PROTECTED] http://www.alforddesigngroup.com The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Wassily Kandinsky, Concerning The Spiritual In Art __ 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] Action like On-click text-decoration:underline
Cindi Simonson schrieb: I have a 3-col footer with a top 1px border. What is happening in (so far only in) IE 6 is when clicking (mouse down) on the one text link or either of the two images, another top border appears over either one or two of the columns. Here's the link: http://www.southeastmn.edu/cindi/temptest.shtml. The fix is to add _height:0; to #footertop Ingo p.s. but what is that bug? Never seen it. Looks like as if /*1,2,3,4*/ and the nesting divs are required, hmm. In this minimal case, a position:relative would fix it too. The doubling of the green line when the link gets the focus is only visible next to the float. #footertop { border: 1px solid green; /*1 , test with 5px */ line-height: 1.7em;/*2, minimum: 1.1em*/ background-color: white /*3 why? */ } #left { float: left; /*4*/ background: red; width:1em; } div id=footertop div div id=left/div diva href=#Contact/a/div /div /div A Magik Creeping Border? Anyone an idea? __ 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] Print Style Sheet still shows sidebars
On 6/23/2005 1:06 PM Alan Milnes wrote: I have a print style sheet set up so that only the main content should be printed however I am still seeing both sidebars even though their divs are set to display:none. http://www.dev.gameplan.org.uk/ Just went through this myself. Either add media=screen to styles/advanced.css or you'll have to explicitly declare display: none in print.css for each element you want to hide on a print. -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Action like On-click text-decoration:underline
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ingo Chao Sent: Thursday, June 23, 2005 3:46 PM To: Cindi Simonson Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] Action like On-click text-decoration:underline Cindi Simonson schrieb: I have a 3-col footer with a top 1px border. What is happening in (so far only in) IE 6 is when clicking (mouse down) on the one text link or either of the two images, another top border appears over either one or two of the columns. Here's the link: http://www.southeastmn.edu/cindi/temptest.shtml. The fix is to add _height:0; to #footertop Ingo p.s. but what is that bug? Never seen it. Looks like as if /*1,2,3,4*/ and the nesting divs are required, hmm. In this minimal case, a position:relative would fix it too. The doubling of the green line when the link gets the focus is only visible next to the float. #footertop { border: 1px solid green; /*1 , test with 5px */ line-height: 1.7em;/*2, minimum: 1.1em*/ background-color: white /*3 why? */ } #left { float: left; /*4*/ background: red; width:1em; } div id=footertop div div id=left/div diva href=#Contact/a/div /div /div A Magik Creeping Border? Anyone an idea? __ 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/ Thanks, Ingo! You asked why background:#fff so I took it out to remind myself why. The magik creeping border seems to have disappeared with the one change which doesn't make sense. Anyway, thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problem with Mac OSX and IE 5
Hi, This page http://mouseriders.dk/ looks fine in almost every browser. But the page is all over the place on Mac OSX and IE5.X. Is this correct? If so... what's the cure if there is one? I looked at it with safari 1.2 and everything looks fine. (I don't have access to a Mac with OSX and IE5) Thank you Kim __ 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] Div's Vs Classes
Dear List: At work, we are currently working out the spec for the next revision of our CMS (standards compliant of course). During our scoping meetings, some members of the dev team have specified that we designers provide them with front-end CSS and XHTML markup that uses ONLY classes. The reason why is not important (for info, they would like to reserve the use of ID's for .NET programming purposes) so My question is this: aside from the obvious reasons (ID's are declared only once, classes more than once) I'm interested to hear the lists opinion on the potential pitfalls of developing markup with CSS that uses only classes for layout purposes. cheers Mike www.madewithpixels.co.uk design | graphics | multimedia __ 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] Left Column Blues
page: http://forethought.daiun-ji.org/privacy.html problem: the What About my Privacy h3/span - in IE it pushes the content half way down the page - and in firefox, while it puts it up top... adding my top margin space also pushes down the left column/welcome visitor text. I've taken over in the middle of someone else's project and I -really- don't want to have to re-do everything from scratch (tight deadline) ... and I'm really hoping that someone can look at this quickly and fire back a you forgot a comma 'here' dolt or your problem is this and this fix is found on this site type thing. I know you all get a lot of these requests - which is another reason why I'm hoping it's a quick, and easily spotted fix. here is where I beg: PLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASEOHPLEASE help me! Jim Foster __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with Mac OSX and IE 5
Hi Tom and Michael, I'm really embarrassed over this... it was the wrong address I posted. It this address I'm having problems with... http://mouseriders.dk/red_rock/ :-[ Kim Tom Livingston wrote: On Thu, 23 Jun 2005 17:19:58 -0400, Kim Kruse [EMAIL PROTECTED] wrote: If so... what's the cure if there is one? I looked at it with safari 1.2 and everything looks fine. Unless your stats show a lot of users w/ this browser, the fix is to ignore IE5 Mac, IMHO. :0) __ 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] Re: Print Style Sheet still shows sidebars
Steve Clason wrote: Just went through this myself. Either add media=screen to styles/advanced.css or you'll have to explicitly declare display: none in print.css for each element you want to hide on a print. Cheers Steve - that's it, and fairly obvious now I think about it. Alan __ 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] Div's Vs Classes
Mike wrote: aside from the obvious reasons (ID's are declared only once, classes more than once) I'm interested to hear the lists opinion on the potential pitfalls of developing markup with CSS that uses only classes for layout purposes. in practice there is no real difference between id's and classes, as browsers (well, FF IE6) don't complain when multiple elements have the same ID. Validators might, but that's beside the point. 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/
[css-d] ALA Switcher error and wierd IE problem
Hello World, I am working up a mockup for our client to check out a few designs, and I was using the ALA style switcher to facilitate switching between the styles. This works fine on firefox and safari, but acts wierd in IE/Win. It usually loads the default style fine, but when you switch to the second style ( brown) it shows the page without any stylesheet info. If you click on the last stylesheet choice (blue) it switches as expected. I found that if I remove the javascript link the page will show the styles normally. Any ideas why this is happening? Also in IE/Win if you resize the browser to less than around 700 px wide the css breaks and displays inproperly. I am not able to determine what is causing this either. Thanks for any help you can provide. The page is located at http://ilovethisbarandgrillokc.com/index1b.html css files are http://ilovethisbarandgrillokc.com/css/brown.css http://ilovethisbarandgrillokc.com/css/blue.css http://ilovethisbarandgrillokc.com/css/black.css javascript is found at http://ilovethisbarandgrillokc.com/includes/j.js -chad -- Chad Henderson chad at dreamchasers dot com http://www.dreamchasers.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari kills some bottom margins
On 24 Jun 2005, at 4:52 am, Rob Mientjes wrote: http://flickrbits.com/ This showcases the problem on the longer pages. The footer gets cut off, and the post pages kill the better bit of the comment form. Anyone any clue at all to why this is happening? You might first try to validate your page... :-/ p inside of p ??? - foei, foei Rob. There is still a bug in Safari. #body contains only floated blocks, and is positioned (relative), and is off-setted (top:135px;). This effectively kills the footer. Deleting the offset restores the footer in full glory. Not sure what's up with your comment page, I guess the same problem. It is a variation on an old bug http://dev.l-c-n.com/safari/duplicate_float.php The duplication effect is fixed - seemingly - but there remains on some problems. PS - using margin-top instead of top fixes the problem, in case you want a fix. That would help IE Mac as well. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Div's not displaying in Firefox but ok in IE
Hello, For some reason this page displays correctly in IE6 however, the main content of the page doesn't display in Firefox (1.0.4). The header and footer divs display correctly. The page in question is: www.ethanhathaway.com/index-fc2.php I've validated the html and css files and they turn out ok. I've also ran a search in the archives for this problem but couldnt' find anything related. Not sure what I've done wrong here. Any help would be great! Thanks! Wayne __ 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/