Re: [css-d] Firefox not wrapping inline-blocks on Mac

On 8/24/12 5:23 PM, Philippe Wittenbergh wrote: Le 25 août 2012 à 08:41, David Hucklesby a écrit : Testing this menu bar in both Windows xp and Mac OS 10.8, Firefox 4 and 14 refuse to wrap the menu items on Mac alone: <http://thewebwiz.net/temp/menu-bar/> Firefox 3.5 wraps okay. 3.

Re: [css-d] Firefox not wrapping inline-blocks on Mac

On 8/24/12 4:41 PM, David Hucklesby wrote: Testing this menu bar in both Windows xp and Mac OS 10.8, Firefox 4 and 14 refuse to wrap the menu items on Mac alone: <http://thewebwiz.net/temp/menu-bar/> To be clear - I'm talking narrow windows here. :) -- Cordi

[css-d] Firefox not wrapping inline-blocks on Mac

Testing this menu bar in both Windows xp and Mac OS 10.8, Firefox 4 and 14 refuse to wrap the menu items on Mac alone: Firefox 3.5 wraps okay. 3.0, 3.6, and 5.0 only wrap the last item. Other browsers okay, including Safari, Chrome, Camino, and Sea Monkey

Re: [css-d] Menu centering

On 8/24/12 1:20 PM, Ursula Pieper wrote: Greetings, I can't figure out how to center the top menu in: http://salilab.org/salilab_drupal/ I have tried to add: margin-left: auto; margin-right: auto; width: 100%; I aded this to a number of places in the stylesheet, and can't figure out why it's

Re: [css-d] Chrome not re-drawing when markup changes?

On 8/17/12 6:25 PM, Kyle Sessions wrote: Hi all, I was wondering if one of you might have some insight into this problem I'm experiencing. I'm using the Twitter Bootstrap CSS and Javascript to toggle a list of items on my website. We display a few items in a list, and then have a "More" link to

Re: [css-d] arranging horizontally

On 8/14/12 5:53 AM, John wrote: I am trying to learn how to arrange things horizontally, the way tables makes almost effortless, but in css instead. Here's a screengrab of what I'm trying to do: http://coffeeonmars.com/testing/checkout.png Using a tutorial suggesting floats to get things horiz

Re: [css-d] odd space appearing in IE8

does the margin-bottom:10px; on my tags make a gap outside of the div? Angela -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css- discuss.org] On Behalf Of David Hucklesby Sent: Tuesday, August 07, 2012 6:56 PM To: css-d@lists.css-discuss.org Su

Re: [css-d] odd space appearing in IE8

On 8/7/12 4:05 PM, Angela French wrote: http://sbctc.edu/indexTESTAD.aspx There is an odd gap under the blue div that has the text in it that reads "One System. 34 Colleges." You can see the grid image that is a background image for the content grid. I can fix it by dropping the same gr

Re: [css-d] Is it bad practice to float the child but not the parent?

On 8/4/12 10:07 AM, sweepslate wrote: No, no! I want UL to collapse because I want to make all these lists seem as one. I'm just wondering if there is a better way to do it :) Well, if you are simply trying to prevent the UL from collapsing, ... Seems okay to me. I guess I don't understand yo

Re: [css-d] Is it bad practice to float the child but not the parent?

On 8/4/12 6:55 AM, sweepslate wrote: I have a series of unordered lists with thumbnail items that want to present as one, big list of thumbnails. In order to do that, I floated the items but not the ones, so the area of kind of 'collapsed' and the different lists 'merged': http://geocities.w

Re: [css-d] on html and css versions

On 8/1/12 8:39 PM, Robert A. Rosenberg wrote: At 16:57 -0400 on 08/01/2012, Tedd Sperling wrote about Re: [css-d] on html and css versions: What is wrong with using? Sure it doesn't have a *real* DTD, but the W3C validator does somehow validate pages that have this DOCTYPE declaration, right

Re: [css-d] Extending border to height of tallest column.

On 7/31/12 8:16 PM, J.C. Berry wrote: Hi everyone, I have a layout that has three columns with two of them of varying heights, i.e. one is taller than the other. I need to have a 1 pixel border extend to the height of the taller of the two columns. Any directions or tutorials would be welcome. I

Re: [css-d] Floating boxes with variable heights

On 7/28/12 9:45 AM, Georg wrote: On 28.07.2012 17:48, David Hucklesby wrote: There's another alternative that lets you retain the white-space in the HTML, which is to use a font-size of zero on some container, and restore the font-size on the paragraphs with a value other than EMs or per

Re: [css-d] Floating boxes with variable heights

On 7/28/12 5:10 AM, Philip TAYLOR wrote: Philippe Wittenbergh wrote:> Le 28 juil. 2012 à 20:29, Markus Ernst a écrit : The headings here match the width of 3 image elements plus borders and the 2 margins between them. With space characters added to the margins, the width cannot be caluclate

Re: [css-d] font-size: 62.5% revisited

On 7/26/12 1:55 AM, Georg wrote: On 26.07.2012 06:06, David Hucklesby wrote: Perhaps this is just nonsense. But it just has to be better than 62.5%. I use Opera a lot, with a minimum text size of 12px--you'd be surprised how many sites break because of the scaling due to the 62.5% base

[css-d] font-size: 62.5% revisited

Taking Richard Rutter's original idea to make the base font-size 62.5%, which translates to 10px on most desktop computers running at the common 96 DPI setting, I suggest a modern alternative. It looks like this: html { font-size: 125%; } Georg has a nice write-up explaining the problem with 62.

Re: [css-d] Pixels vs. ems--what's the point?

On 7/23/12 11:42 AM, bho...@aol.com wrote: So as a non-expert who wants to be sure my pages look a certain way, I'm best to stick with px rather than em? Bruce In a message dated 7/23/2012 2:17:56 P.M. Eastern Daylight Time, mrma...@earthlink.net writes: On 2012/07/23 09:40 (GMT-0700)

Re: [css-d] Help with CSS3 transitions?

On 7/23/12 11:25 AM, Kyle Sessions wrote: On Fri, Jul 20, 2012 at 3:18 PM, David Hucklesby wrote: On 7/20/12 12:24 PM, Kyle Sessions wrote: Hi everyone, I was hoping someone could give me a hand with the CSS3 transition property. I've set up a very simple test page here: http://kage2

Re: [css-d] Pixels vs. ems--what's the point?

On 7/23/12 11:24 AM, Barney Carroll wrote: Felix, this is the reason I subscribe to the list. Thanks for such a comprehensive answer – there's loads here I didn't know. It's amazing how much bizarre standard practice comes from a perceived need for retroactive continuity with a minority of sites

[css-d] Pixels vs. ems--what's the point?

How do pixels compare with ems on devices with high DPI/PPI? The reason I ask is that, years ago, I had a laptop that was set to 120 DPI instead of the then more common 96 DPI. Setting a font size of 12 points in the CSS displayed text at 20 pixels. But at 100% or 1em, Webkit and Mozilla browsers

Re: [css-d] Help with CSS3 transitions?

On 7/20/12 12:24 PM, Kyle Sessions wrote: Hi everyone, I was hoping someone could give me a hand with the CSS3 transition property. I've set up a very simple test page here: http://kage23.com/transition-test.html When you first load the page, you should see a with four visible items, and a "M

Re: [css-d] Centering Tips Please

On 7/14/12 5:57 AM, Brian M. Curran wrote: Hi There! I'd like to vertically center the text "local" qualified" "trusted" with respect to the images that precede them. Do I have to make a list out of these three lines, or is there a simpler way to do so? The aforementioned is found on the right s

Re: [css-d] main div height

On 7/9/12 4:31 AM, Gergely Buday wrote: or perhaps change height: 100%; to min-height: 100%; That did the trick, thanks. - Gergely You could also put the background-color on the HTML element. Good for IE 6 which does not understand min-height. :) -- Cordially, David ___

Re: [css-d] CSS border-box misbehavior?

On 7/5/12 4:29 PM, Philippe Wittenbergh wrote: Le 6 juil. 2012 à 07:30, David Hucklesby a écrit : Two observations on box-sizing: border-box: 1. Generated content does not inherit box-sizing 2. Max-height applies to content only, not the border-box. Please play with this dabblet demo

[css-d] CSS border-box misbehavior?

Two observations on box-sizing: border-box: 1. Generated content does not inherit box-sizing 2. Max-height applies to content only, not the border-box. Please play with this dabblet demo: Is this expected behavior? (I did not expect it.) -- Cordially, David

Re: [css-d] help with centering floated list

On 6/29/12 7:04 AM, Chris Kavinsky wrote: Has anyone had any luck with being able to center a list that floats the list items so it can be horizontal? The only technique I was able to find required the css to use overflow:hidden, but that wouldn't work for the project I'm working on since the nav

Re: [css-d] Inconsistent type position

On 6/29/12 11:45 AM, John wrote: at this link: http://coffeeonmars.com/testing/COM%20EXP%20%3e%20OK/OK.html the header that begins: Editorial: seems to be at the same vertical position in Chrome, Opera and FF 9 (OS X) but in Safari, it's higher...it's about at the level with the word "design" in

Re: [css-d] Fluid layout and scaling images

On 6/28/12 6:58 AM, Tim Dawson wrote: Hello, http://www.webadit.co.uk/mullbed2/ I'm trying to set up a fluid layout (something I've shied away from for a long time). What you see here is by way of a trial run, to sort out a few ideas. To get the images to scale correctly I've given them a % widt

Re: [css-d] Button creation

On 6/27/12 3:20 PM, Russ Peters wrote: Hi Folks, I'm working on designing a button style for all web forms on our site. Our marketing dept created some buttons made from images and they'd like the web form buttons to look similar. My quick question to you all is it possible to make this in CSS?

Re: [css-d] Opera 12 Mac ignores max-height

On 6/27/12 12:11 PM, Tom Livingston wrote: Opera 12 v1467 Mac OSX 10.6.8 I see nav bar with working dropdowns, hidden on page load. On Wed, Jun 27, 2012 at 2:11 PM, David Hucklesby wrote: It looks like Opera 12 Mac ignores max-height declarations. Please see this example in Opera on a Mac

[css-d] Opera 12 Mac ignores max-height

It looks like Opera 12 Mac ignores max-height declarations. Please see this example in Opera on a Mac: The drop-down menu should be hidden with a "max-height: 0;" declaration, yet it is not hidden on my Mac OS 10.7.4 in Opera 12.0. Yet it seems fine on Windows

Re: [css-d] Converting UPPER CASE TEXT to Title Case Text or Sentence case text

On 6/26/12 4:33 PM, Kyle Sessions wrote: On Tue, Jun 26, 2012 at 4:29 PM, Philip TAYLOR wrote: W3C : "The :first-letter pseudo-element applies to block container elements. The :first-letter pseudo-element can be used with all such elements that contain text, or that have a descendant in the s

Re: [css-d] css3 animations - page check please

On 6/26/12 9:48 AM, Sandy wrote: You do know that WebKit browsers, Opera and IE10 also support animations with the appropriate prefixes, I hope… http://sandyfeldman.com/css3animation/8test.shtml [...] 3 seems to only work in FF - I haven't figured out where I've scrambled the syntax yet fo

Re: [css-d] implement a zig zag border on a div's border

On 6/26/12 4:50 AM, meera kibe wrote: Hi what's the simplest way to implement a zig zag border on a div' border. I dont' want to use css3. i have read something of the border-image but don't wan to use it now as there is poor browser support with this. I will have to make a inverted traingle in

Re: [css-d] browser support of "linear-gradient"

On 6/25/12 10:37 AM, Hakan Kirkan wrote: CSS3 linear gradients are supported in Android 2.3+, Chrome 1+, Firefox 3.6+, Opera 11.1+, and Safari 4+. Internet Explorer can add gradients using a filter and supports them back to IE 5.5. This isn't CSS3, but it is an option for cross-browser compatibil

Re: [css-d] browser support of "linear-gradient"

On 6/25/12 4:00 AM, Jesper Rønn-Jensen wrote: I just had a look on the current state of support for "linear-gradient" (not vendor prefixed). To my surprise, it was missing on PPKs otherwise excellent http://www.quirksmode.org/css/contents.html Anyone can help me with llist of browsers supportin

Re: [css-d] how can i reduce the space between border and content

On 6/25/12 1:09 AM, meera kibe wrote: Hi i wanted to style the underline on a anchor with a dotted red. Read an article saying i could do a:hover{ text-decoration:none; border-bottom: 1px dotted red; } but there is a wide gap between the text and the bottom-border. how do i remove that The ga

Re: [css-d] Wrapper DIV vs. BODY

On 6/22/12 10:30 AM, Kyle Sessions wrote: On Thu, Jun 21, 2012 at 10:47 AM, mem wrote: I'm taking the body element as the "viewport area" and the wrapper as the "content container area" That's how I usually interpret it. I might want my content to have an explicit width, but I'd like an unl

[css-d] Wrapper DIV vs. BODY

What benefit is there to a "wrapper" DIV on a web page? It seems to me that the BODY element serves all that's needed for styling a page. It can have a width; can be centered with auto side margins; can have its own background; has a new block-formatting context; and elements can be positioned re

Re: [css-d] no background gradient in IE8

On 6/5/12 8:57 AM, Debbie Campbell wrote: Having trouble getting the background gradient to show in IE8, it's fine in IE7: http://www.redkitecreative.com/projects/laraj/bartow/ I normally use CSS3 Pie, but this isn't working for the gradient although it is working fine for border-radius and box

Re: [css-d] Text being clipped ...

On 6/2/12 2:09 PM, Bob Passaro wrote: Well, I removed the surrounding anchor element and left just the image element -- the last word is still running outside the div and being clipped. Still perplexed. I'm sure it has something to do with this floated image though. -Bob On Sat, Jun 2, 2012

Re: [css-d] Text being clipped ...

(Please see below for the replies.) On Fri, Jun 1, 2012 at 7:17 PM, Bob Passaro wrote: Working on WordPress site. Take a look at this post: http://nwbooklovers.org/2012/06/01/nw-book-lovers-chapter-two/ Scroll down about 3/4 of the way -- it's a kinda long post -- till you see a photo of a

Re: [css-d] IE absolute

On 5/29/12 3:55 PM, S Baily-Gould wrote: Hi all, At http://www.SydneyJaneBaily.com, which is my home/splash page, the nav menu is supposed to be over the purple book mark and looks just fine in Firefox. But in IE (only checked 8 and 9), the nav shows on the upper left as if no positioning at all

Re: [css-d] Img Hover Background-Color Won't Go

On 5/29/12 8:06 AM, Duane Nelson wrote: Good morning, all. I'm using the following link attributes: [code snipped] My issue comes when an image is linked within any of the above "div ids." The below image code takes away the border around the image but the above hover background-color appear

Re: [css-d] prob w div positioning

On 5/11/12 5:47 PM, Leslie Albuquerque wrote: Hello, Will you explain why the div "main" won't clear the sb divs float right and sit on its left side. Thank you or any help you can provide. http://www.cwl-host.com/shop/index.php Umm. The div#main *is* clearing the float, which is why it appears

Re: [css-d] Centering Variable Width Page Items

On 5/4/12 4:50 PM, Todd Howe wrote: Hi, I'm new ;) Welcome. [...] The CSS wasn't commented though, and since then I've never been able to figure out how to get things centered properly on the front page for all screen sizes. They're too far to the left when x>~1280, too far to the right whe

Re: [css-d] unordered list - second line out of line

On 4/30/12 6:33 AM, Andy McCallum wrote: In an unordered list when the line is too long and has to be split into two, the second line isn't in line in Internet explorer. Andy ideas? Yup. Plenty. But it all depends on your design and what version(s) of Internet Explorer you are talking about.

Re: [css-d] IE8 problem with layout

On 4/21/12 1:25 PM, Rory Bernstein wrote: Hello, I hava an ie8 layout issue with some of the elements on this web site (any pages within the 'gallery' section, not the other parts of the web site): http://125.pratt.edu/gallery You can use the yellow tabs navbar to sort the art items in the grey

Re: [css-d] nav wraps in native IE9

On 4/20/12 10:42 AM, Angela French wrote: Hello List, I have dropped a font size down on my top navigation bar .05em and IE9 is wrapping the list items to the next line. This is not happening in IE8/IE7compatability, or any other browser I tested. Can anyone tell me what the issue might be? The

Re: [css-d] positioning

On 4/13/12 7:12 PM, David Laakso wrote: Greetings, Why does the sphere not show up in IE/9 or Opera? Apologies for the too hasty reply. The media queries all seem to target either webkit or moz. Could that be the answer? -- Cordially, David __

Re: [css-d] positioning

On 4/13/12 7:12 PM, David Laakso wrote: Greetings, Why does the sphere not show up in IE/9 or Opera? I don't have IE 9 ATM. Opera Developer Tools gives this error message: "-o-background-size is an unknown property" Opera 11.62 on OS X 10.7.3 :( -- Cordially,

Re: [css-d] position with div in stead of table

On 4/9/12 8:16 PM, Ghodmode wrote: On Tue, Apr 10, 2012 at 6:43 AM, David Hucklesby wrote: On 4/9/12 10:11 AM, Marie-Ange Demeulemeester wrote: Hi, I need a block with two columns. Despite of the quite simple code by using a table, I’ve tried to have the same result with DIV. The

Re: [css-d] position with div in stead of table

On 4/9/12 10:11 AM, Marie-Ange Demeulemeester wrote: Hi, I need a block with two columns. Despite of the quite simple code by using a table, I’ve tried to have the same result with DIV. The requirements are: · The columns have an equal height · Each column has a different back

Re: [css-d] Hover effect doesn't cover the whole background

Am 06.04.2012 10:41, schrieb Olle Risberg: [...] I've tried to use Firebug to find relevant CSS-stuff but I can't find what to change. I'm currently using a Twenty Eleven childtheme I made/am making. You can see the site (which isn't at all finished, by the way) at threeseasonsmusic.com/wordpr

Re: [css-d] Trouble with image alignment

On 4/5/12 4:37 PM, Christopher Akins wrote: On 4/5/12, AJ Putnam wrote: I have a couple of small images that I am trying to make sure are vertically centered in a nav bar and I just can't get my head around how to do it. Sample page: http://riverviewchamberplayers.com/about/index-12.htm And

Re: [css-d] Background image not displaying in correct position

On 3/1/12 11:36 AM, Erica Cavin wrote: On this page: http://www.risingstarquilters.org/join_update.html the small arrow that should appear next to "Back to questions" displays far to the left in Chrome and Safari. It displays properly in Firefox and IE. Any thoughts as to why? I think that

Re: [css-d] Object height and width issues

On 2/25/12 11:58 PM, David Thorp wrote: [...] I have a number of objects arranged in various positions: 1. A toolbar across the top that is the full width of the window (width:100%) and 30px in height. 2. A sidebar down the left hand side, that starts under the toolbar (so the top border of i

Re: [css-d] Hover state persisting on anchor with target="_blank"

On 2/16/12 10:23 AM, Kevin A. Cameron wrote: http://www.kacevisual.com/files/hover-test/ On hover, link turns orange (CSS :hover). Click link opens in new tab (target="_blank") Now going back to the original tab, if you don't mouse into the page, you'll see the link is still in it's hover state.

Re: [css-d] multiple columns

On 1/30/12 7:15 PM, John wrote: I would like to arrange some text into multiple columns...I'm thinking 4 or 5; the text in question lends itself to that. Looking at the tutorial linked below, it says IE doesn't support it. It doesn't specify IE 6 or 5, just IE, and I assume it means ANY IE, whic

Re: [css-d] Centering a NAV element containing a horizontal list

On 1/25/12 10:12 AM, David Laakso wrote: On Wed, Jan 25, 2012 at 11:58 AM, Tim Dawson wrote: I'm having my first crack at an HTML5 site using some of the new elements. It's all at an early stage, but I'm trying to iron out a few problems with the menu. http://www.mull-bed-and-breakfast.co.uk/tem

Re: [css-d] four-sided CSS3 drop shadow?

On 1/14/12 1:16 PM, Tim Climis wrote: On Saturday, January 14, 2012 4:06:30 pm Stephen Britton wrote: I am experimenting with CSS3 drop shadows. Most examples only show it working with two sides - usually the bottom and right or left side. Is there a way to have the shadow cover all sides - top,

Re: [css-d] @Font-Face Script Fallback Suggestions Needed

On 12/19/11 1:33 PM, Elli Vizcaino wrote: Hi Everyone! Developing my first HTML5/CSS3 blog site and am in the process of cross browser testing the HTML/CSS. The designs uses custom script fonts through out some of the header titles. They can be found within the sidebar and footer of the design.

Re: [css-d] positioning over jquery slider...

On 12/19/11 10:05 AM, Michael Beaudoin wrote: Hello all. I'm working on a page using the jquery nivo slider which rotates images. I would like to position some images over top (for different links) of the slider and let the images move beneath. I've tried and cannot seem to get it to work. I can

Re: [css-d] Fluid layout cross-browser rendering

On 12/13/11 8:50 PM, David Odefey wrote: Hey, Chad. Thanks for the input. You must have missed my last posting--I found that exact same property! Thanks! David On Tue, Dec 13, 2011 at 10:45 PM, Chad Lundgrenwrote: On Dec 13, 2011, at 2:25 PM, David Odefey wrote: I was hoping there was a

Re: [css-d] centering a nav list

On 12/8/11 7:12 PM, Michael Beaudoin wrote: Hey all, I've got a simple one that is stumping me. I have a horizontal navigation that I want centered in a div (top_nav that contains it. I have tried to use the top_nav div to try and center the top_nav li but it won't budge. What am I missing? [

Re: [css-d] CSS tab content

On 11/17/11 2:16 PM, Bob Meetin wrote: On 11/17/2011 12:01 PM, David Hucklesby wrote: On 11/17/11 9:15 AM, Bob Meetin wrote: Can anyone recommend some code, a tutorial, pure CSS, no JavaScript, jQuery, Mootools, that can display a series of tabs [...] Something like this, perhaps? — <h

Re: [css-d] CSS tab content

On 11/17/11 9:15 AM, Bob Meetin wrote: Can anyone recommend some code, a tutorial, pure CSS, no JavaScript, jQuery, Mootools, that can display a series of tabs within page content, then as you click on each tab it reveals the content. When you release the content area remains in view. It doesn't

Re: [css-d] Styling Browse button

On 11/16/11 9:54 PM, vijayalaxmi shinde wrote: Hi, I have used some coding for styling browse button. But it is not working on firefox and explorer too. Will you please suggest some correction if any. [code stripped] Is this any help? — -- Cordia

Re: [css-d] can't get margin-bottom on to take effect

On 11/10/11 10:58 AM, Jukka K. Korpela wrote: 11/10/2011 8:35 PM, Angela French wrote: p a.downloadhelp { margin-bottom:20px!important; } By the specs, and by browser practice, vertical margin properties "do not apply" (i.e., are syntactically allowed but have no effect) to "non-replaced in

Re: [css-d] Fw: Re: css measures - em grid system makes sense ?

On 11/9/11 6:11 PM, Jay Tanna wrote: --- On Thu, 10/11/11, Jay Tanna wrote: From: Jay Tanna Subject: Re: [css-d] css measures - em grid system makes sense ? To: "mem" Date: Thursday, 10 November, 2011, 2:09 You can convert a px size into em size by using this simple calculations: 1) Most brow

Re: [css-d] css measures - em grid system makes sense ?

On 11/9/11 5:35 AM, mem wrote: Hello all, On my css layouts, I tend to use *em* for font size and *px* for all the rest. However, I wish not to follow this path any longer, since I wish to embrace the *em* for [almost] all the development. Problem: we use a *960px grid* for styling most of our

Re: [css-d] Fit to width

On 10/26/11 3:08 AM, Philip TAYLOR (Webmaster, Ret'd) wrote: I am looking for a technique that will allow me to generate a , the width of which is the width of its widest non-shrinkable immediate child element; the DIV will always be floated. [...] Sorry for the delay - I was out of commission

Re: [css-d] IE6 and IE8 gif not transparent

On 10/26/11 6:34 AM, Ed Goodson wrote: When users click on a link on my page an animated .gif image with a transparent background is shown until a jquery window is loaded. This is the div with that animated .gif This .gif shows it's transparent background with all browsers however in IE6 and I

Re: [css-d] Container shifts, one page to another

On 10/25/11 7:48 PM, Philippe Wittenbergh wrote: On Oct 26, 2011, at 7:52 AM, David Laakso wrote: 2/ html { min-height: 100%; margin-bottom: 1px; } Just fwiw, that won't work on IE 6, poor thing doesn't know quad about 'min-height'. FWIW: I don't think IE 6 needs this... -- Cordially, Da

Re: [css-d] issue with suckerfish menu

On 10/19/11 7:32 AM, Chris Kavinsky wrote: I have a styled list for a site navigation I'm working on with a suckerfish dropdown menu. Below it I have an h1 tag with an image in it. I used a negative top with relative positioning to get the image/logo to creep into the nav bar. However, because of

Re: [css-d] Navigation

On 10/17/11 12:18 PM, Michael Fokken wrote: [...] I never use points. I use px for sizing pages, margins, and padding. I use 'em' for font-sizes, that way I can declare the font-size in the body. Then if I want I can change the font size for everything by just changing it in the body and it keep

Re: [css-d] IE 6: content smashes into side menu

On 10/16/11 10:24 AM, John wrote: On Oct 16, 2011, at 9:59 AM, David Laakso wrote: IE/6.0 doubles the margin on #content. The fix is to declare display:inline; to IE/6. Note: maintain the space between the star and html. * html #content {display:inline;} ~d Thank you, David. Is there a pl

Re: [css-d] how to get rid of space between background images that are repeating vertically

On 10/12/11 6:06 PM, bill scheider wrote: On Wed, Oct 12, 2011 at 3:51 PM, Angela French wrote: Test page: http://sbctc.edu/college/fieldguide.aspx . You can't really see the spaces because I "filled" them with an offwhite border-bottom. URL or URI ? Angela French wrote: I have a backgro

Re: [css-d] CSS equal columns

On 10/11/11 10:09 PM, john petroshius wrote: I wonder if any of you learned CSS folks could tell me whether there are any downsides or disadvantages to using what might be called the 'negative bottom margin' technique of creating columns that have equal height regardless of how much content may

Re: [css-d] way to force every cell in column to be text-align:center?

On 10/10/11 2:28 PM, Angela French wrote: I tried colgroup, but that didn't work. I suspect that my css is overriding the html, right? So I added this to my style sheet, but it didn't work. table.RunningStart colgroup.center { text-align:center; } Here is a link where I tried to apply this to

Re: [css-d] navigation arrows

On 10/10/11 8:19 AM, Brahm Friedlander wrote: In a web site I just finished, http://www.juneselznickdrutz.ca , I have thumbnails on the left side of the page and larger images of the thumbnails on the right side. I would like to place directional arrows below the larger image and navigate

Re: [css-d] Best Practices For Sprites?

On 9/26/11 12:49 PM, Elli Vizcaino wrote: I usually have a "standard" sprite which contains icons that never repeat. A "horizontal" sprite which contains all of my button/ribbon treatments as we use sliding door method a great deal. And on occasion I also have a "vertical" sprite which contained

Re: [css-d] Best Practices For Sprites?

On 9/26/11 8:46 AM, Elli Vizcaino wrote: I usually have a "standard" sprite which contains icons that never repeat. A "horizontal" sprite which contains all of my button/ribbon treatments as we use sliding door method a great deal. And on occasion I also have a "vertical" sprite which contain

Re: [css-d] the viewport

On 9/19/11 7:37 AM, Brahm Friedlander wrote: Using the viewport and ul,li,I've managed to create a web site in which there is a display of thumbnails on the left and a larger jpg on the right with description below large jpg. Clicking on a thumbnail triggers the corresponding larger image on ri

Re: [css-d] converting frame style website to tables and css

On 9/9/11 11:26 AM, Kevin A. Cameron wrote: Most people nowadays use something like lightbox, thickbox or fancybox (there must be a generic term for these...?), these use JS to open a large image in an overlay (similar to clicking an image in a status feed on Facebook). We use fancybox quite a b

Re: [css-d] z-index on menu

Re: http://www.signwithprestige.com/classes/ On 9/6/11 9:58 AM, Chetan Crasta wrote: A number of CSS declarations had to be overridden, see the inline styles. IE 8 seems to get confused with the relative positioning. http://roughtech.com/t/prestige.html Regards, Chetan Crasta Yes. It seems t

Re: [css-d] Centering text within a float with fluid layout

On 9/5/11 3:27 AM, Tim Dawson wrote: I'm doing my first 'mobile' web site, and I'm having difficulties with centring text in the header. I've got a logo floated left, and a header also floated left to come up beside it and occupy all the remaining space to the right. I want the header text to be

Re: [css-d] Image causes scrollbars; header gets weird

On 9/2/11 1:35 PM, John wrote: http://www.coffeeonmars.com/testing/NuWPR_Wire.html On the above page, I added an image to my center area which is narrower than the center area (by 24 px) I do not see why placement of this image makes the page sprout scrollbars. I examined the code, looked for ex

Re: [css-d] FLex layout

On 8/30/11 9:41 AM, Tom Livingston wrote: On Tue, Aug 30, 2011 at 11:47 AM, Tom Livingston wrote: Hello list, http://www.mlinc.com/tl-test/flextest/ At the above link, I am trying to have a fixed-width aside, with a flexible main section. The outer wrap has a min and max width. Is this possib

Re: [css-d] Suddenly, A Strange CSS Occurrence

On 8/30/11 10:31 AM, Gates, Jeff wrote: I'm suddenly seeing a strange CSS problem just with Firefox and Safari on a Mac on a site I've been working on. It's fine on Firefox, IE7 and Safari on a PC (this in itself is bizarre). Here's a sample page: http://africanamericanart.si.edu/items/show/89

Re: [css-d] Suddenly, A Strange CSS Occurrence

On 8/30/11 10:31 AM, Gates, Jeff wrote: I'm suddenly seeing a strange CSS problem just with Firefox and Safari on a Mac on a site I've been working on. It's fine on Firefox, IE7 and Safari on a PC (this in itself is bizarre). Here's a sample page: http://africanamericanart.si.edu/items/show/89

Re: [css-d] style with border, affecting nothing?

On 8/29/11 8:17 AM, John wrote: Is it possible to insert a style into my documents that would show a border of dimensions I choose, like 1024x768, which would be visible, but would affect/interfere with nothing else? my question is along the lines of Georg's suggestion of including a 1px red li

Re: [css-d] change colour of bullet in UL no images no spans

On 8/29/11 9:54 AM, Brad Czerniak wrote: One technique is to null the list style, then prepend empty content before each li: http://jsfiddle.net/Ugtvs/ This example requires support of :before with content and border-radius, so IE will not like it. Hawidu CSS (http://code.google.com/p/hawiducss/

Re: [css-d] change colour of bullet in UL no images no spans

On 8/29/11 8:27 AM, Tim Arnold wrote: Lisa, The only way to make the text a different color than the bullet is to wrap the text in something (,,, whatever) that you can give a color to. Other than that, you'll have to use a bullet image. Not quite the same thing, but with the effect you want

Re: [css-d] Help with div sizing?

On 8/19/11 9:39 AM, Ghodmode wrote: On Sat, Aug 20, 2011 at 12:27 AM, Barry Brevik wrote: Is there a way, with css, to make a FORM and a containing DIV hug the widest form element without specifically dimensioning the widths in pixels? Out of the box, the form and the div take up all of the ava

Re: [css-d] Columns realigning and zooming anomalies

On 8/5/11 10:41 AM, Howard E. A. (Tony) Tinsley wrote: The site I am developing is only my third site. It is the first site in which I am using percentages so that the text and images expand and contract when zooming in and out. I am trying to "perfect" the home page to use as a model for the oth

Re: [css-d] Horizontal Numbered List problem

On 8/3/11 7:30 AM, Ghodmode wrote: On Wed, Aug 3, 2011 at 10:01 PM, Philippe Wittenbergh wrote: In the provided examples, I see things like "item", "section", "subsection", etc... I thought they might have been classes or IDs, but I also saw some examples with elements that didn't have IDs or

Re: [css-d] question on space at bottom of page

On 7/22/11 4:48 AM, Markus Ernst wrote: Am 21.07.2011 15:44 schrieb Alan Gresley: Out of curiously, can you please tell me what the following CSS is for. /* To prevent jumping */ html { min-height: 100%; margin-bottom: 1px; } I have seen this before as a recommendation how to force a scrollba

Re: [css-d] question on space at bottom of page

On 7/20/11 10:39 AM, David Laakso wrote: On 7/20/11 12:46 PM, Debbie Campbell wrote: In this page: http://www.redkitecreative.com/projects/paramaya/wgs/dish-network-services/ There's a large image background to footer-container (not yet completed). There's a small space of about 9px tall b

Re: [css-d] Centering the nav: EASY one.

On 7/17/11 9:52 AM, Al Sparber wrote: On 7/17/2011 12:22 PM, Geoff Lane wrote: On Thursday, July 14, 2011, 11:20:18 PM, Ghodmode wrote: Since its (default) display is "block", it takes up the full width of the containing element. This might be helpful: http://www.projectseven.com/csslab/list

<    1   2   3   4   5   6   7   8   9   10   >