[css-d] Probably a simple fix.....
Hello all, I am hoping you can help me understand and fix something on a site I am working on. First, here is the page link: http://www.eddysound.com/tams/html/sale.htm (1) Here is the css document: http://www.eddysound.com/tams/style/help.css (2) And last, a page which looks right, but with nonsense text making it work: http://www.eddysound.com/tams/index.htm (3) As for my question / problem, I would like the repeated image on the left hand side to continue all the way to the bottom of the page without having to put any text in the div to make it happen. An example of what it looks like when the right side has more content then the left is link #(1). An example of the left hand side filling out to the bottom of the page with nonsense text is link #(3). Is it possible for image on the left side to repeat to the bottom keeping my design in tact? If so, what am I missing? I hope my explanation is clear enough, if not let me know and I will try and clear up anything I have completely blurred. Thanks in advance for any help. Matthew Stoneback __ 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] Problems with List Indents
http://www.champeauservices.com/primemediagroup/prime_media.html The cause is that some browsers have margin-defaults on lists (IE/win and older Opera-versions), while others have padding-defaults (Gecko, Safari and new Opera-versions). (Don't blame any browsers - there is no standard for how browsers should do this.) So, you'll have to set both margins and paddings for lists to make them agree on how to indent list-items - usually by zeroing out one property and setting a suitable value for the other. The fix in your case is to add... #vertmenu ul {padding: 0;} ...and otherwise keep it as is. 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] Probably a simple fix.....
Matthew Stoneback wrote: Is it possible for image on the left side to repeat to the bottom keeping my design in tact? If so, what am I missing? I hope my explanation is clear enough, if not let me know and I will try and clear up anything I have completely blurred. put the background image on the main content container. see faux columns: http://alistapart.com/articles/fauxcolumns/ A List Apart: Articles: Faux Columns hth -- Join me: http://wiki.workalone.co.uk/ Thank me: http://www.amazon.co.uk/gp/registry/1VK42TQL7VD2F Engage me: http://www.boldfish.co.uk/portfolio/ __ 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] Float ordered lits and bullets in IE
Hello. This is my first time here. I`m having a problem with ordered list. In IE the numbers disappear when the list items are left floated. ol liItem A/li liItem B/li liItem C/li /ol and the css: ol { margin:0; padding:0; } ol li { float: left; } Thanks and I anybody can help me... __ 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] Probably a simple fix.....
I was right a simple fix. Thanks Tony. I already have it fixed. Matthew Stoneback __ 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] Need some testing and fixes for a blog skin
Andy Mosmiller wrote: http://www.anonymousopinion.com/index.php?blog=1 [...]If this isn't the answer, what *is* the answer for centering an image without using the center tag? Declare 'text-align: center' on a/the surrounding element. That'll center images as well as text, so you may have to declare 'text-align: left' on any paragraphs that are affected. I'm also using the dynamic text replacement scripts talked about and listed here: http://www.alistapart.com/articles/dynatext/ Apparently there are some errors with these displaying at all in the newest version of Opera. I had some layout issues with Opera earlier, but tracked those down and fixed them. Must have worked... Opera 9.01 (win2K) present them, and the entire page, the same as Firefox when compared side by side. 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/
[css-d] IE7+zoom+collapsing list
Hi, I have a problem with the new zoom-feature (ctrl+) in IE7. When I zoom in the meny seems to collapse. Is this a known problem? full version: http://www.molindata.se/addschakt/start.htm Below is a short version where the problem still exists. I have tried to give the list layout but still no difference. I also tried to set position to relative. If I take away the list and just keep the links the problem disappears (haven't tried it yet in the full version). Is there any other disadvantages to have links, with no list, lined up horizontally? short version: http://www.molindata.se/addschakt/nav1.htm Here's the code to the short version: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; html head titlemall/title meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 style type=text/css #nav{ width: 100%; } #nav ul{ width:80%; } #nav li{ display:inline; border-right:1px solid #ccc; padding:6px; /*height:1%;*/ } #nav li a{ /*height:1%;*/ } /style /head body div id=navul lia href=#Start/a/li lia href=#Fouml;retaget/a/li /ul/div!--/nav-- /body /html Thanks in advance/ Kenneth, molinData __ 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] css challenge: frameset style browser height stretching page
hey guys, Have been trying to work out how to do the following without resorting to framesets/iframes whatever - just a simple page with css (and tables if needs be) I want a page that has - header (always at the top) - footer (always at the bottom of the browser window) - content panel (subdivided into 2 columns: navbar and body) I want the content panel to stretch down to meet the footer (the content panel will have a repeating background image set in css). Here's the trick: when the body is longer than the browser window, I want the body to have a scrollbar, kinda like when you have a div with a set height and auto overflow. Is this possible? Or should I forget about fixing the height of the page and tell the client he'll have to have a regular webpage with a scrollbar and scroll down? cheers, sm __ 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 challenge: frameset style browser height stretching page
On 14/09/2006 09:21, starmonkey wrote: Is this possible? Or should I forget about fixing the height of the page and tell the client he'll have to have a regular webpage with a scrollbar and scroll down? In my experience, this isn't really possible using CSS on its own. It is, however, possible using Javascript. I once did something similar for a client: - http://www.antiqueprintroom.com/ As you'll see, the page loads and then everything snaps into place. I don't really recommend this approach, as it's not the best user experience and adds a lot of weight to the page for very little gain. But feel free to rip apart the JS and CSS files and see what you can gain from them. :) __ 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 challenge: frameset style browser height stretching page
Here's the trick: when the body is longer than the browser window, I want the body to have a scrollbar, kinda like when you have a div with a set height and auto overflow. Roger Johansson published something similar to this a few days ago; it's an update of quite an old technique: http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ The example: http://www.456bereastreet.com/lab/css-frames-v2/example-2/ Is that what you're after? Regards, Rob -- Rob Wilmshurst [EMAIL PROTECTED] __ 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] CSS rollover navigation
Hi all, new to this list, pointed here as i need some help with some CSS and hoped someone could help me... Ive just finished uni and only did a bout a terms worth of CSS whilst there (media production, so rather generalised topics!) so i only really know how to do fonts, headers, links, pretty basic stuff really. Ive been informed that i can produce a rollover navigation bar with CSS (im trying to validate to make the site im working on as professional as poss and having some probs with javascript etc) Im not so sure how this would work though as i have about 5-6 different images, one for each page, then the respective image rollover, so i guess i cant just do a img set that to one picture then do the hover version for the rollover, as i have too many different pictures to use. any help would be much appreciated! Thanks in advance, Clare __ 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 rollover navigation
Clare Plumtree wrote: Hi all, new to this list, pointed here as i need some help with some CSS and hoped someone could help me... Welcome. Yes, I think we can help a bit with CSS related stuff. Ive been informed that i can produce a rollover navigation bar with CSS [...] Choose a suitable one for the job... http://css-discuss.incutio.com/?page=CssRollovers ...and study the old method(s)... http://www.oreillynet.com/pub/a/javascript/2001/03/23/rollovers.html 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] CSS rollover navigation
Clare Plumtree wrote: Ive been informed that i can produce a rollover navigation bar with CSS any help would be much appreciated! Thanks in advance, Clare Try here for a start. http://css-discuss.incutio.com/?page=CssRollovers Also, Clare, if you have a specific problem, its best if you post the url so list readers can see your markup and css in order to answer your question. -- Joel Goldstick www.columbuswebmakers.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] postion:absolute not following a position:relative
Marcelo Wolfgang wrote: http://work.grillo.tk/gaiolla/index.cfm?storeOwner=paula I'm trying to add an overlay badge to some photos in a site I'm developing, so I thought that adding positon:relative and position:absolute for them should do the trick, but I don't know what is the problem, but this ain't working. The idea is good enough, but you've got the relations somewhat wrong in the source-code. All overlays relate to the entire row, so they all end up on the leftmost image in each row - stacked on top of each other. IE/win is a bit buggy, so it doesn't show the overlays at all. The overlay must be marked-up inside each photo-container in order to relate to it. There's already 'position: relative' declared on those photo-containers. No need for an extra div to carry the overlay-image, as the image can be positioned directly. Example: Source-code: div id=photo-onea href=http://;img src=__.jpg width=107 height=109 alt= /img class=badge-lancamento src=__.png width=46 height=47 alt= //a/div ...and the same for all other image/links that need an overlay. CSS: img.badge-lancamento{ position:absolute; top:10px; left:10px; } ...which will place the overlay on top of the upper-left corner of each image. You should also add... #center-wrap {display: table;} ...to make that container contain those floats and stretch all the way down. 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] Problems with List Indents
Thanks, Gunlaug... it works! By the way, your comment about not blaming a particular browser led to an epiphany for me... each browser has its own defaults for HTML structural elements, that there is no one correct way to render, and that it's up to me to specify rendering explicitly if I want the content to conform to my design intent. I've been working with CSS for 3 months, and this concept was never clear in my mind until now. Thanks! Is there an online resource somewhere that lists all the HTML elements that are rendered differently among browsers, and shows what CSS attributes you must tweak in order to get browsers to render the elements similarly? This would be very handy. The alternative for me is trial and error. (For instance, in this case I was fooling around with margin, padding, text-indent, and list-style attributes for hours before you showed me the right combination of attributes to set.) -- Dean Champeau Champeau Services 86 E Fox Point Drive, Appleton WI 54911 Phone 920/731-5474 Cell 920/915-2151 Fax 267/377-1002 [EMAIL PROTECTED] www.champeauservices.com On Sep 14, 2006, at 1:54 AM, Gunlaug Sørtun wrote: http://www.champeauservices.com/primemediagroup/prime_media.html The cause is that some browsers have margin-defaults on lists (IE/win and older Opera-versions), while others have padding-defaults (Gecko, Safari and new Opera-versions). (Don't blame any browsers - there is no standard for how browsers should do this.) So, you'll have to set both margins and paddings for lists to make them agree on how to indent list-items - usually by zeroing out one property and setting a suitable value for the other. The fix in your case is to add... #vertmenu ul {padding: 0;} ...and otherwise keep it as is. 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] css challenge: frameset style browser height stretching page
On Thu, 14 Sep 2006 04:30:50 -0400, Rob Wilmshurst [EMAIL PROTECTED] answered an original poster: Here's the trick: when the body is longer than the browser window, I want the body to have a scrollbar, kinda like when you have a div with a set height and auto overflow. Roger Johansson published something similar to this a few days ago; it's an update of quite an old technique: http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ The example: http://www.456bereastreet.com/lab/css-frames-v2/example-2/ Here's 456 Berea Street's original demo that seems its very close to the original request - including a two-column main body: http://www.456bereastreet.com/lab/cssframes/ This demo proved quite valuable for me when putting together two resources for the school here: http://knowlton.osu.edu/scholars/ and http://knowlton.osu.edu/faculty/ Hopefully this helps, Matt -- Matt Bernhardt, [EMAIL PROTECTED] Webmaster + Fab Lab Coordinator Knowlton School of Architecture TheOhio StateUniversity __ 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] Problems with List Indents
At 05:19 AM 9/14/2006, Dean you wrote: Is there an online resource somewhere that lists all the HTML elements that are rendered differently among browsers, and shows what CSS attributes you must tweak in order to get browsers to render the elements similarly? Instead of writing to individual browsers (whose defaults may change over time), you can create an even playing field by bringing in a style sheet before your others that resets all elements to known values. An example is the reset.css from the Yahoo User Interface Library: http://developer.yahoo.com/yui/reset/ __ 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 review :: ~dL
Jono wrote: ~davidLaakso wrote: A quick check of this simple page http://www.chelseacreekstudio.com/ca/frost/ with what you are running... The page is verry long in IE 5 Mac - I suspect the one True Layout for equal height columns is to blame; I didn't look in depth though. Whether that bothers you or not is up to your site's stats...if there are any yet? I'm not sure off the top of my head how you'd go about fixing that...or if there is a fix for IE Mac...can't remember. Anyhow, that's all I saw in my extremely quick check. Other than the previous comments, everything looks good in the latest Firefox, Safari, and Opera over in Mac land. Thank you, Jono. I will look into the mac/ie5.2 depth problem. This not a one True Layout. However, it does employ deep padding-bottom, with an equally deep minus margin-bottom. Best, ~dL -- http://chelseacreekstudio.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] 4 Column Layout with a Twist
Ted wrote: Hi all, I'm looking for a 4 column CSS template, but I haven't been able to find quite what I'm after. Here is a crude rendition of what I'd like: +---+++ | 1 || 2 | | |++ | ||| | ||| +---+| 3 | || || || || +-+ | 4 | +-+ Column 1 - Menu (fixed to top left) Column 2 - Header (fixed to top) Column 3 - Body (scrollable vertically) Column 4 - Footer (fixed to bottom) This is not a four column layout. It's a four div layout with two columns and a full-width footer. But that's neither here nor there. What's important is not the amount of columns you need, but how to achieve columns -- floating -- and how to achieve scrolling -- overflow. Once you get these concepts worked out, you can use them to create layouts of however many columns you desire. 1] Columns 1, 2, and 4 will be absolute and stationary, and column 3 will be scrollable. 2] Columns 2 and 4 should always be visible and ride above column 3, no matter the window size. 3] Column 1 should ride above column 4 (if it's tall enough) 4] Columns 2, 3, and 4 should be expandable to the right (fluid?) to fill the browser window, but always hug column 1, which will be a fixed width. 5] Columns 1 and 2 should be able to 'expand' vertically, depending on their content. 6] There should be no gaps between columns I suggest you use one of the examples on our wiki page about emulating frames as your starting point: http://css-discuss.incutio.com/?page=EmulatingFrames Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d 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 review :: ~dL
At 9:10 PM -0400 9/13/06, ~davidLaakso wrote: A quick check of this simple page http://www.chelseacreekstudio.com/ca/frost/ with what you are running is appreciated. Just trying to pull out any problems or issues that I may have overlooked, or that I am not aware of. Thanks. ~dL David: In Safari 2.0.4 Mac OS-X 10.4.7, the oval image is cropped on the right as one zooms down. As you know, one way to fix this is by setting the dimensions of the image in ems. tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.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 6 problems? Assistance please?
Hi, First off, to start a new thread, do not reply to an existing message. When you do this, your message gets threaded on to the old thread, which messes up the archives and makes it less likely that others will see your message and subsequently reply to you. You must send a new message with an appropriate and descriptive subject line to css-d@lists.css-discuss.org in order to start a new thread. 4css aka deb wrote: I am not seeing these problems, however others are apparently seeing them. If any of you could be of any assistance I would greatly appreciate it. Following are the comments from the pages that were viewed: Using a PC -- Internet Explorer 6. See below. Can you do me a favor? Please open up these links and tell me if the art shows up on the 1st screen or does it appear only after you page down. Also tell me if you use a PC or a Mac an what your browser is (Explorer, Safari, Firefox). http://www.debsplace.org/artist/aboutsimonbull.html [Jeffrey B. Anderson] -- Shows nothing when the new window loads, shows the photograph when the window is maximized or when you scroll down. This sounds like a float drop problem, common to IE. However, I don't see it in IE, and I don't see how it could show up upon narrowing the window because the layout is a fixed size. Nevertheless, the important point about float drops (which is where content adjacent to a float drops down the page to appear beneath it instead of beside it) is that they occur when there is not enough space for the content to sit beside the float, or when a buggy browser thinks there is not enough space. So, if you are seeing a float drop, make sure you are giving everything enough space in your dimensions. Without being able to replicate the problem, I'm afraid I can't help further. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d 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] 4 Column Layout with a Twist
At 3:22 PM -0700 9/13/06, Ted wrote: Here is a crude rendition of what I'd like: +---+++ | 1 || 2 | | |++ | ||| | ||| +---+| 3 | || || || || +-+ | 4 | +-+ Crude be right. It might be best to prepare an image as what you want and post a link to that to the list. Depending upon readers to use the same fonts as you, may not the best in trying to communicate layouts. tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.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] 4 Column Layout with a Twist
On 9/14/06, tedd [EMAIL PROTECTED] wrote: At 3:22 PM -0700 9/13/06, Ted wrote: Here is a crude rendition of what I'd like: +---+++ | 1 || 2 | | |++ | ||| | ||| +---+| 3 | || || || || +-+ | 4 | +-+ Crude be right. It might be best to prepare an image as what you want and post a link to that to the list. Depending upon readers to use the same fonts as you, may not the best in trying to communicate layouts. tedd sorry that this is a bit out of the scope of css, but imo ascii art is a fair way to convey information in emails. as this list is supposed to send mail in plain text, most mail clients are going to show the email in a block text font (what's that called again?), which lines his little drawing up nicely. do i think a picture would be nicer? yeah. :) however the ascii art gets the general point across, and no it's not a four column layout. __ 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 review :: ~dL
tedd wrote: http://www.chelseacreekstudio.com/ca/frost/ In Safari 2.0.4 Mac OS-X 10.4.7, the oval image is cropped on the right as one zooms down. Will happen in all browsers just by making the window narrow enough. As you know, one way to fix this is by setting the dimensions of the image in ems. Em-sizing won't solve the problem in this case. The layout is 'em-guided', not 'em-sized'. Percentage-sizing might, but won't work reliable across browser-land. Adding 'max-width: 100%' (or a little less) to the image _will_ solve it in all supporting browsers. Just have to make sure the image can scale properly. 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/
[css-d] Background images covered by floated element - fix?
In response to: The easiest way to do this is just to assign the heading a left margin equal to the width of #navcontainer so that it moves out from underneath the float. This doesn't appear to be a problem for your page since your #navcontainer is a fixed and known width. Reply: Thank you. Yes, I knew from troubleshooting that adding a margin would bump the bg-image out from under the float. However, since other h2s will need to flow beneath the navigation bar I didn't want to apply a margin-left to all h2 elements. Knowing there is no alternative I can simply create a class for the first couple h2s. Thanks again, Todd __ 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] Background images covered by floated element - fix?
Todd Sweet wrote: In response to: The easiest way to do this is just to assign the heading a left margin equal to the width of #navcontainer so that it moves out from underneath the float. This doesn't appear to be a problem for your page since your #navcontainer is a fixed and known width. Reply: Thank you. Yes, I knew from troubleshooting that adding a margin would bump the bg-image out from under the float. However, since other h2s will need to flow beneath the navigation bar I didn't want to apply a margin-left to all h2 elements. Knowing there is no alternative I can simply create a class for the first couple h2s. There are actually alternatives. If you're interested in them, please post the URL to your page again, and I'm sure somebody will help you with it (though I can't be sure that the alternatives wouldn't also involve classing the specific h2s in question -- they may or may not require such a thing. I'd have to play and see.) Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d 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 review :: ~dL
Gunlaug Sørtun wrote: tedd wrote: http://www.chelseacreekstudio.com/ca/frost/ In Safari 2.0.4 Mac OS-X 10.4.7, the oval image is cropped on the right as one zooms down. Will happen in all browsers just by making the window narrow enough. As you know, one way to fix this is by setting the dimensions of the image in ems. Em-sizing won't solve the problem in this case. The layout is 'em-guided', not 'em-sized'. Percentage-sizing might, but won't work reliable across browser-land. Adding 'max-width: 100%' (or a little less) to the image _will_ solve it in all supporting browsers. Just have to make sure the image can scale properly. regards Georg Tedd and Georg, I've set the image with a percent max-width. Thank you for bringing this problem to my attention, and for the corrective fix. Best, ~davidLaakso -- http://chelseacreekstudio.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] Safari acting up with horizontal menus
What's best practice is always debatable, but a 'good' practice is one that tends to work no matter what - even under some stress. That's a good starting-point. Thanks Georg for your advice on setting font sizes, line height etc. I've hopefully implemented things correctly here: HTML: http://www.richardnicholson.com/testing/menu6/editorial.html CSS: http://www.richardnicholson.com/testing/menu6/menu.css * The menu still looks a mess in IE 5.2.3. Mac. If anyone can give me any pointers to getting it working there, I would be very happy. There are two basic problems - the menu is out of alignment, and some of links vanish when hovered over. * Thanks Richard __ 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 6 problems? Assistance please?
Zoe M. Gillenwater wrote: [trimmed] 4css aka deb wrote: I am not seeing these problems, however others are apparently seeing them. If any of you could be of any assistance I would greatly appreciate it. Following are the comments from the pages that were viewed: Using a PC -- Internet Explorer 6. See below. Can you do me a favor? Please open up these links and tell me if the art shows up on the 1st screen or does it appear only after you page down. Also tell me if you use a PC or a Mac an what your browser is (Explorer, Safari, Firefox). http://www.debsplace.org/artist/aboutsimonbull.html [Jeffrey B. Anderson] -- Shows nothing when the new window loads, shows the photograph when the window is maximized or when you scroll down. This sounds like a float drop problem, common to IE. [trimmed] Without being able to replicate the problem, I'm afraid I can't help further. Zoe The only thing I noticed in xp ie6 is that on a couple of pages (see below), the thumbs with three line captions are getting hooked-- clear them and see if that helps... http://www.debsplace.org/artist/christiannesvadba.html http://www.debsplace.org/artist/demo3b_neworiginalpaintngs.html Same thing on this page http://www.debsplace.org/artist/simonbullmain.html (the images are not the same height on this page and you have three and four line captions). Best, ~dl -- http://chelseacreekstudio.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] page review :: ~dL
At 5:04 PM +0200 9/14/06, Gunlaug Sørtun wrote: tedd wrote: As you know, one way to fix this is by setting the dimensions of the image in ems. Em-sizing won't solve the problem in this case. The layout is 'em-guided', not 'em-sized'. Georg: Oh, not so -- gifted one. Please review: :-) http://sperling.com/david/ My em sizing of the image fixed the zoom problem reported with my browser. I have not checked out all the different zoom levels in all other browsers, but the defaults seem to hold together well, see: http://www.browsercam.com/public.aspx?proj_id=284361 Comments? tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.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] Framing my menu (for horizontal scrolling photo gallery)
Hi Now that I've got my navigation menu sorted out for some of the main browsers (FF, Safari, Opera, and IE6 PC), I'd like to use CSS to emulate a frame. (This is going to be for my side-scrolling photo gallery.) It seems to be a very simple effect to achieve in FF, Safari and Opera. I simply add position:fixed to the #topbar (and then make the textbox 3000px wide - so that there's something to scroll): HTML: http://www.richardnicholson.com/testing/menu_with_frames/editorial.html CSS: http://www.richardnicholson.com/testing/menu_with_frames/menu.css What else do I need to add to get it working in IE6 PC? (I still have a faint hope of getting something workable in IE 5.2.3 Mac - but I'd be happy to lose the frame, and just have regular scrolling for that browser) - I know there are several links to 'frames' tutorials here at css-discuss. I've looked at a couple and they seem to be quite complicated, adding functionality that I don't need (fixed sidebars, footers etc). Perhaps I should follow this one (as it is the most current), and work through it, deleting the code I don't need (?): http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ Thanks for any tips Richard __ 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 6 problems? Assistance please?
- Original Message - From: ~davidLaakso To: css-d@lists.css-discuss.org Sent: Thursday, September 14, 2006 1:22 PM Subject: Re: [css-d] IE 6 problems? Assistance please? Zoe M. Gillenwater wrote: [trimmed] 4css aka deb wrote: I am not seeing these problems, however others are apparently seeing them. If any of you could be of any assistance I would greatly appreciate it. Following are the comments from the pages that were viewed: Using a PC -- Internet Explorer 6. See below. Can you do me a favor? Please open up these links and tell me if the art shows up on the 1st screen or does it appear only after you page down. Also tell me if you use a PC or a Mac an what your browser is (Explorer, Safari, Firefox). http://www.debsplace.org/artist/aboutsimonbull.html [Jeffrey B. Anderson] -- Shows nothing when the new window loads, shows the photograph when the window is maximized or when you scroll down. This sounds like a float drop problem, common to IE. [trimmed] Without being able to replicate the problem, I'm afraid I can't help further. Zoe The only thing I noticed in xp ie6 is that on a couple of pages (see below), the thumbs with three line captions are getting hooked-- clear them and see if that helps... http://www.debsplace.org/artist/christiannesvadba.html http://www.debsplace.org/artist/demo3b_neworiginalpaintngs.html Same thing on this page http://www.debsplace.org/artist/simonbullmain.html (the images are not the same height on this page and you have three and four line captions). Best, ~dl sniped Hi David, Where would I place the clearing on this? I have the clearfix in the div, this would not help? Would I do a clear: both; on the class for the images? This way it would clear left and right? thanks in advance for your assistance, it is greatly appreciated. __ 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] 4 Column Layout with a Twist
That looks like a two-column layout to me and not four. Four columns are: +---++++++---+ | 1 || 2 || 3 || 4 | +---++++++---+ | (footer or other) | ++ You literally have at some point in time on your screen four columns. You have shown 2 columns at the most Then another container for info in section 3 And a footer-type of container but never four columns side-by-side. Have you gone to the Wiki (http://css-discuss.incutio.com/) and looked at all the layout examples? Now there are TRUE experts on this list who may come back and tell you I'm totally wrong. (I promise not to cry if that happens.) But what you showed visually to me is not four columns. It's a two columns layout with careful use of IDs to get the end result you want. So fellow CSSdiscussers? Am I right or wrong? Lynda -Original Message- From: Ted [mailto:[EMAIL PROTECTED] Sent: Wednesday, September 13, 2006 5:22 PM To: css-d@lists.css-discuss.org Subject: [css-d] 4 Column Layout with a Twist Hi all, I'm looking for a 4 column CSS template, but I haven't been able to find quite what I'm after. Here is a crude rendition of what I'd like: +---+++ | 1 || 2 | | |++ | ||| | ||| +---+| 3 | || || || || +-+ | 4 | +-+ Column 1 - Menu (fixed to top left) Column 2 - Header (fixed to top) Column 3 - Body (scrollable vertically) Column 4 - Footer (fixed to bottom) 1] Columns 1, 2, and 4 will be absolute and stationary, and column 3 will be scrollable. 2] Columns 2 and 4 should always be visible and ride above column 3, no matter the window size. 3] Column 1 should ride above column 4 (if it's tall enough) 4] Columns 2, 3, and 4 should be expandable to the right (fluid?) to fill the browser window, but always hug column 1, which will be a fixed width. 5] Columns 1 and 2 should be able to 'expand' vertically, depending on their content. 6] There should be no gaps between columns I've tried to be as concise as possible, so let me know if you need more information than what I've given here. Thank you, Ted __ 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] Framing my menu (for horizontal scrolling photo gallery)
| Now that I've got my navigation menu sorted out for some of | the main browsers (FF, Safari, Opera, and IE6 PC), I'd like | to use CSS to emulate a frame. | http://www.richardnicholson.com/testing/menu_with_frames/editorial.html | What else do I need to add to get it working in IE6 PC? Just so you know, it works correctly in IE7 PC. Daniel Hammond www.objectivedesigns.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 6 problems? Assistance please?
- Original Message - From: ~davidLaakso To: css-d@lists.css-discuss.org Sent: Thursday, September 14, 2006 1:22 PM Subject: Re: [css-d] IE 6 problems? Assistance please? Zoe M. Gillenwater wrote: [trimmed] 4css aka deb wrote: I am not seeing these problems, however others are apparently seeing them. If any of you could be of any assistance I would greatly appreciate it. Following are the comments from the pages that were viewed: Using a PC -- Internet Explorer 6. See below. Can you do me a favor? Please open up these links and tell me if the art shows up on the 1st screen or does it appear only after you page down. Also tell me if you use a PC or a Mac an what your browser is (Explorer, Safari, Firefox). http://www.debsplace.org/artist/aboutsimonbull.html [Jeffrey B. Anderson] -- Shows nothing when the new window loads, shows the photograph when the window is maximized or when you scroll down. This sounds like a float drop problem, common to IE. [trimmed] Without being able to replicate the problem, I'm afraid I can't help further. Zoe The only thing I noticed in xp ie6 is that on a couple of pages (see below), the thumbs with three line captions are getting hooked-- clear them and see if that helps... http://www.debsplace.org/artist/christiannesvadba.html http://www.debsplace.org/artist/demo3b_neworiginalpaintngs.html Same thing on this page http://www.debsplace.org/artist/simonbullmain.html (the images are not the same height on this page and you have three and four line captions). Best, ~dl -- http://chelseacreekstudio.com/ snip Ok I added the clear left but it tossed the layout so that all the divs with the photos were in a line down from each other. Not in a row of 3, but only 1 photo to a row. That did not appear to work. What I did see was that I did not create the conditional sheet so that the divs holding the photos were a bit larger, so that could have been a problem. On the main style sheet the divs holding the photos were 175px, the divs for the IE conditional were only 150px wide, so I fixed that and it seemed to help one of the pages, I'll load up the style sheets to the server now to see how they are working. Thank you david, I hope increasing the size of the div and reducing the margin on the condtional will work. appreciate your time and effort greatly. Deb __ 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] If IE window resized, floated column moves
I have a floated column that should appear on the left. It's less important info, so in order that the content appear as high in source as possible, this left-col uses negative margins. It works just fine in FireFox (haven't tested Opera yet, and have trouble getting to Safari-running machines). On the other hand, if I resize the window in IE/Win, the column leaps to the right, and stays there unless I reload the page. yet stranger note: this happens on my IE/Win set up (IE 6.0.2900.2180.xpsp_sp2_gdr.050301-1519/Win XP Pro, Dell Inspiron 1100) and not on my client's machine (Windows,not sure which version, IE not sure which version). Does it happen on anyone else's? (Haven't had a chance to test it on the desktop XP Home) Can you help? One of the affected pages: http://www.greenmountainaccess.net/~ktalmage/thirdsector/pubclient.php http://www.greenmountainaccess.net/%7Ektalmage/thirdsector/pubclient.php the relevant CSS file: http://www.greenmountainaccess.net/~ktalmage/thirdsector/style/3s_basic.css http://www.greenmountainaccess.net/%7Ektalmage/thirdsector/style/3s_basic.css Thanks! -- Kir Talmage http://www.metasilkwebworks.com email: metasilk at gmail.com http://lists.css-discuss.org/mailman/listinfo/css-d --- Kir Talmage http://www.metasilkwebworks.com email: [EMAIL PROTECTED] tel: (802) 238-5118 --- __ 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 review :: ~dL
tedd wrote: http://sperling.com/david/ My em sizing of the image fixed the zoom problem reported with my browser. :-) Yes, and may be well suited for an 'em-sized' layout. Use that solution in that kind of layouts, if you like. That particular layout is /designed/ to adjust to the available window-width - within a range from below 600px to 60em. That's 'em-guided', *not* 'em-sized'. Run it in IE/Mac and it'll become 'em-sized' (and should work better now since David has hidden the things IE/Mac can't handle). Your em sizing will only make the image be chopped off earlier if font-resizing is applied on a narrow window - for example when the available screen-area doesn't allow the layout to grow endlessly. I have a screen-width of 3800px available, so no problems at my end. The norm is somewhat narrower screens, and browser windows. So no matter what em-values you set on images, they'll normally end up worse than with original size if font-resizing is applied, because they'll be fighting the layout itself. The solution is to let images adjust to the layout _when_ needed. Good browsers solves that by letting us use regular CSS properties to resize images to fit the layout when needed. Bad browsers and old ones can't handle those regular CSS properties, but they are also better off with original-sized images in that particular layout. 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/
[css-d] Help with floating bullets on a list
Ok ... I am sure I have seen this problem addressed somewhere but can't for the life of me find it. I want to have an image bullet float to within a few pixels to the left of a menu link. Here is a sample of what is happening and the css file. I would like for the check image to be a few pixels to the left of each menu / list item on hover but can't seem to make it happen. Can anyone help? Thanks! Ralph XHTML file: http://www.goobitron.com/test03.html CSS file: http://www.goobitron.com/test03.css __ 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] If IE window resized, floated column moves - FIXED --still curious
I have a floated column that should appear on the left. It's less important info, so in order that the content appear as high in source as possible, this left-col uses negative margins. It works just fine in FireFox (haven't tested Opera yet, and have trouble getting to Safari-running machines). On the other hand, if I resize the window in IE/Win, the column leaps to the right, and stays there unless I reload the page. yet stranger note: this happens on my IE/Win set up (IE 6.0.2900.2180.xpsp_sp2_gdr.050301-1519/Win XP Pro, Dell Inspiron 1100) and not on my client's machine (Windows,not sure which version, IE not sure which version). Does it happen on anyone else's? (Haven't had a chance to test it on the desktop XP Home) Can you help? One of the affected pages: http://www.greenmountainaccess.net/~ktalmage/thirdsector/pubclient.php http://www.greenmountainaccess.net/%7Ektalmage/thirdsector/pubclient.php the relevant CSS file: http://www.greenmountainaccess.net/~ktalmage/thirdsector/style/3s_basic.css http://www.greenmountainaccess.net/%7Ektalmage/thirdsector/style/3s_basic.css Thanks! Turns out I needed a position: relative; in the containing div. Anyone know why? Thanks Kir --- __ 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] custom bullet vanished on first dt in IE
I'm using a custom bullet using one of those background image techniques. This right-pointing triangle appears properly on all list items (both li and dt) in Firefox. It does not appear on the first dt in IE (IE 6.0.2900etc/WinXPpro), although it does in others. The text of the definition item does not move over in any odd way; it's just the initial background image doesn't appear in one browser only... Page: http://www.greenmountainaccess.net/~ktalmage/thirdsector/pubproj.php CSS: http://www.greenmountainaccess.net/~ktalmage/thirdsector/style/3s_basic.css Please advise. Thanks! Kir __ 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] 4 Column Layout with a Twist
Hi Lynda, That looks like a two-column layout to me and not four. You're right. My apologies for using the term 'column' incorrectly. Zoe wrote: I suggest you use one of the examples on our wiki page about emulating frames as your starting point: http://css-discuss.incutio.com/?page=EmulatingFrames I did check the archives but somehow I missed this one: http://limpid.nl/lab/css/fixed/left-sidebar-and-header This is very close to what I need except for a footer, which shouldn't be too hard to add. Thank you! Now back to work. =;) Thanks again, Ted __ 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 review :: ~dL
At 8:29 PM +0200 9/14/06, Gunlaug Sørtun wrote: tedd wrote: http://sperling.com/david/ My em sizing of the image fixed the zoom problem reported with my browser. :-) Yes, and may be well suited for an 'em-sized' layout. Use that solution in that kind of layouts, if you like. Forgive me, I'm just a meat and potato guy -- give me a problem and I'll give you the most obvious solution for the most obvious need. This strange stuff you and David get into makes my head hurt. :-) tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.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] 4 Column Layout with a Twist
Ted wrote: Hi Lynda, I did check the archives but somehow I missed this one: http://limpid.nl/lab/css/fixed/left-sidebar-and-header FWIW, don't forget to change the comment above the doctype (that throws IE6 and down in quirksmode) to an xml declaration ?xml version=1.0 encoding=utf-8? for the same purpose, or the page will not switch to standards mode in the forthcoming IE7. This is very close to what I need except for a footer, which shouldn't be too hard to add. Thank you! Now back to work. =;) Thanks again, Ted Best, ~dL -- http://chelseacreekstudio.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] IE7+zoom+collapsing list
[EMAIL PROTECTED] wrote: Hi, I have a problem with the new zoom-feature (ctrl+) in IE7. When I zoom in the meny seems to collapse. Is this a known problem? full version: http://www.molindata.se/addschakt/start.htm Below is a short version where the problem still exists. I have tried to give the list layout but still no difference. I also tried to set position to relative. If I take away the list and just keep the links the problem disappears (haven't tried it yet in the full version). Is there any other disadvantages to have links, with no list, lined up horizontally? short version: http://www.molindata.se/addschakt/nav1.htm [...] Hi Kenneth, I don't know the problem / I don't have IE7 and cannot reproduce; but did you try already to give the { height: 1%; } to the #nav ul ? Or maybe in combination with {position: relative;} ? francky __ 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] 4 Column Layout with a Twist
Ted wrote: I did check the archives but somehow I missed this one: http://limpid.nl/lab/css/fixed/left-sidebar-and-header This is very close to what I need except for a footer, which shouldn't be too hard to add. Thank you! Now back to work. =;) Ooh, you're optimistic. ;-) But yes, that should get your started. As David pointed out, IE 7 support may be problematic, so be sure to test in that browser as well (since it is getting close to being released). Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d 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] Help with floating bullets on a list
Here's what I did to make it happen: div#sitenav li { padding: 1px; margin: 1px; list-style: none; text-align:right; /* i added this */ } div#sitenav ul a { font-family: arial, sans-serif; color: #44; /* display: block; */ /* i removed this */ padding: 5px 5px 5px 45px; /* changed left padding to 45px */ margin: 0; line-height: 15px; font-size: .70em; text-decoration: none; text-align: right } Cheers! jennifer On 9/14/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Ok ... I am sure I have seen this problem addressed somewhere but can't for the life of me find it. I want to have an image bullet float to within a few pixels to the left of a menu link. Here is a sample of what is happening and the css file. I would like for the check image to be a few pixels to the left of each menu / list item on hover but can't seem to make it happen. Can anyone help? Thanks! Ralph XHTML file: http://www.goobitron.com/test03.html CSS file: http://www.goobitron.com/test03.css __ 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/
[css-d] Column styling in IE
We go again! Sorry, sent it to a member instead the list. Hello. I have a problem in http://www.e2design.com.ar/Dev/CELP/sec.php?id=25Servicio=1. In FF it shows a table with columns delineated in dark. But IE 6 and 7 shows the same table, without dark lines through the columns! Table starts: table rules=cols summary=Facturas de cuenta nuacute;mero 30347 captionFacturas de cuenta de strongVirgen De Lourdes 350/strong (30347)/caption tbody tr th rowspan=2 scope=colgroupPeriacute;odo/th th colspan=2 scope=colgroupComprobante/th th rowspan=2 scope=colgroupFechabr /1er Venc/th th rowspan=2 scope=colgroupDiacute;as/th th colspan=2 scope=colgroupImporte/th th rowspan=2 scope=colgroupFechabr /pago/th /tr tr th scope=colgroupNuacute;mero/th th scope=colgroupImporte/th th scope=colgroupAjuste/th th scope=colgroupTotal/th /tr Thanks in advance; Eugenio. __ 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] custom bullet vanished on first dt in IE
metasilk wrote: This right-pointing triangle appears properly on all list items (both li and dt) in Firefox. It does not appear on the first dt in IE (IE 6.0.2900etc/WinXPpro), although it does in others. http://www.greenmountainaccess.net/~ktalmage/thirdsector/pubproj.php I didn't check which IE-bug we're dealing with here, but the addition of... dl {position: relative;} ...killed it in my IE6 (on win2K). 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] Help with floating bullets on a list
Thank you! That was both elegant and simple. Works perfectly in Firefox and will be fine with a few minor adjustments in IE6. - Original Message - From: jennifer ham [EMAIL PROTECTED] Date: Thursday, September 14, 2006 17:10 Subject: Re: [css-d] Help with floating bullets on a list To: [EMAIL PROTECTED] [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org css-d@lists.css-discuss.org Here's what I did to make it happen: div#sitenav li { padding: 1px; margin: 1px; list-style: none; text-align:right; /* i added this */ } div#sitenav ul a { font-family: arial, sans-serif; color: #44; /* display: block; */ /* i removed this */ padding: 5px 5px 5px 45px; /* changed left padding to 45px */ margin: 0; line-height: 15px; font-size: .70em; text- decoration: none; text-align: right } Cheers! jennifer On 9/14/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Ok ... I am sure I have seen this problem addressed somewhere but can't for the life of me find it. I want to have an image bullet float to within a few pixels to the left of a menu link. Here is a sample of what is happening and the css file. I would like for the check image to be a few pixels to the left of each menu / list item on hover but can't seem to make it happen. Can anyone help? Thanks! Ralph XHTML file: http://www.goobitron.com/test03.html CSS file: http://www.goobitron.com/test03.css __ 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/ __ 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] Dropdown in IE7
Thought I had tested this site in IE7 but of course that hadn't included the menu! All over the place in IE7 Candidate 1 with drop downs way off to the right! Test page at: http://www.iyesolutions.co.uk/templates/lvsc/template3.html Hope this is a quick fix. 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.405 / Virus Database: 268.12.3/446 - Release Date: 12/09/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/
[css-d] Netscape 7.1 Hack
I centered a page of mine using the absolute positioning / left:50% / - 1/2 width margin method and it does not work in Netscape 7. 1 and the client of mine very much wants it to work in this browser, also the footer I have cuts off halfway. Here is the site http://www.kilroymultimedia.com/clients/messina/home.html __ 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] Link not working in Firefox
I am almost done with a site that worked until I added a link to the home page. The link works fine in IE but not in Firefox. I have searched high and low and am close to pulling my hair out - if someone could tell me why it won't work in Firefox, I would be most grateful. Thanks, Riva http://www.starqualitydesigns.com/BestHealth __ 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 review :: ~dL
tedd wrote: [...] Georg: Oh, not so -- gifted one. Please review: :-) http://sperling.com/david/ [...] but the defaults seem to hold together well, see: http://www.browsercam.com/public.aspx?proj_id=284361 Comments? Yes: both links are 404 files... ;-) Already cleansweeped? francky __ 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 Block Element Links
Daniel Klug wrote: Hey all, I'm trying to make an entire 'block' of elements into a link (like a table, but using spans and divs). ... Other browsers behave, but not IE. The text in the link is hovering with the 'text' cursor, but I can still click the link, but the IMG wont click at all. It's just weird. ... The example in question (Fine in FF, Broke in IE): http://www.redforty.com/index2.php Thanks! -Daniel Just to add some info, the problem seems to trigger when I float elements within the anchor. Perhaps there is a way to deliver it to IE with Javascript? Or maybe overlay a transparent .gif? Anybody? -Daniel __ 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] applying :hover pseudoclass on an inline style
I'm trying to create a little ad for an offer that I can send around to people. It seemed to me that the most reliable means of doing this would be to make all of my styles inline so that people could just copy the code into their pages. (If there is a better way, lay it on me.) Anyway, I would like to be able to define my own look for the a tag within my ad, and I want to be able to include :hover and :visited options if possible. WC3 says it is possible, but my testing shows it to fail on all 3 PC-based browsers I have. Theoretically: a href=... style={color: bla; background: bla} :visited {styles for visited} :hover {styles for hover} Link text/a ... but it fails. Is this a lost cause, or am I missing something. I'm also interested in any feedback you guys might have regarding posting an add. The only thing I know to do is to link to an image on my server from within the ad, unless I can get anyone who accepts the ad to put the image in a folder in their own webspace and change the url. Maybe there is a better way out there. Thanks everybody, Andy __ 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] Link not working in Firefox
Riva, On Sep 14, 2006, at 7:51 PM, Portman wrote: I am almost done with a site that worked until I added a link to the home page. The link works fine in IE but not in Firefox. I have searched high and low and am close to pulling my hair out - if someone could tell me why it won't work in Firefox, I would be most grateful. http://www.starqualitydesigns.com/BestHealth #bodypart is covering up the links. It has a relative position top of -110px and a margin-top of -120px This pulls it way up over the header. hth -- Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d 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] Link not working in Firefox
Thank you Roger. I have been staring at this page for so long I don't know what's what anymore. Riva Roger Roelofs wrote: Riva, #bodypart is covering up the links. It has a relative position top of -110px and a margin-top of -120px This pulls it way up over the header. hth __ 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] Link not working in Firefox
Portman wrote: I am almost done with a site that worked until I added a link to the home page. The link works fine in IE but not in Firefox. I have searched high and low and am close to pulling my hair out - if someone could tell me why it won't work in Firefox, I would be most grateful. Thanks, Riva http://www.starqualitydesigns.com/BestHealth Hi Riva, I have searched too for some time (it's not an easy one!), and no solution, but I guess a direction. I noticed you've used temp borders for the containers in the css for your analysis. But in the css some containers are not mentioned (only the children of it) - and one of them seems to be it: the div id=bodypart. See testpage http://home.tiscali.nl/developerscorner/css-discuss/test-besthealth.htm. If you hover in FF from the left side over the nav bar, first the hovering is working on the Home Page link. But as soon as you move over the border line, at the o of Home, the the link disappears. All other links in the nav-bar don't work either in FF. - And coming from the right, the link Comments % Questions is working until you reach the red border again: at the u of Questions [1]. Why this bodypart-div doesn't start under the MEMBERSHIP IS FREE! line, but at the top of the screen, I don't see at the moment. It has to do something with the (table in the) form: when you omit the form, the links in the nav-bar are coming back. Greetings, francky [1] These are the letters at normal font size on 1024x768 resolution. __ 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] Framing my menu (for horizontal scrolling photo gallery)
Perhaps I should follow this one (as it is the most current), and work through it, deleting the code I don't need (?): http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ Well I worked through the above link and tried to apply it to my side-scrolling gallery. I left out the bits of the code that I thought weren't relevant to my site (the footer, the stuff about 100% height). I suspect that I've inadvertently left out something vital. Everything still looks fine in FF, Safari, Opera (all on Mac). Also the frame/scrolling aspect works fine in IE Mac (just the menu is out of joint). But my objectivet is to get it working in IE6 PC. No PC here, so can someone let me know if it works? Here it is: HTML: http://www.richardnicholson.com/testing/menu_with_frames3/editorial.html CSS: http://www.richardnicholson.com/testing/menu_with_frames3/menu.css CSS for IE6: http://www.richardnicholson.com/testing/menu_with_frames3/ie6.css Thanks Richard __ 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/