Re: [css-d] two drop downs / z-index / conflict / fixed

Original problem: I am working on a joomla theme/template. The mainmenu works fine by itself. For the requirements I needed to add a secondary, dropdown menu module. The second menu will live above the main dropdown. The problem is that in spite of adding some high z-index numbers in what I t

Re: [css-d] two drop downs / z-index / conflict

On 12/26/2011 06:33 PM, Philippe Wittenbergh wrote: On Dec 27, 2011, at 5:56 AM, Bob Meetin wrote: Thx. That sort of helps, however I checked further and anything at 9 or below fixes the top menu. The side-effect is that this breaks the main menu. If I drop to 10 or below the mainmenu

Re: [css-d] two drop downs / z-index / conflict

-index values that make the main navigation, slideshow and containers work together as a package. How utterly convoluted. test: http://www.dottedi.us/18 -- Bob Meetin dotted i - http://www.dottedi.biz LinkedIn: http://www.linkedin.com/in/bobmeetin 303-926-0167 (home/business

[css-d] two drop downs / z-index / conflict

in helper.css mod_artgrandmenu/mod_artgrandmenu/css/dropdown/themes/default/helper.css mod_artgrandmenu/mod_artgrandmenu/css/dropdown/dropdown.css mod_artgrandmenu/mod_artgrandmenu/css/dropdown/themes/default/default.css Ideas? -- Bob Meetin ___

Re: [css-d] CSS tab content

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 within page content, then as you click on each tab it reveals the content. When you

[css-d] CSS tab content

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 switch back to the default selectio

Re: [css-d] Form's submit button

ution) B. How in the world do you properly center it? Bruce Do mean something like this where you force the height/width? .center { text-align: center; display: block; } .button { width: 200px; height: 50px; } -- Bob Meetin www.dottedi.biz/blo

Re: [css-d] Web Pages Shift

Try setting up a permanent vertical scroller. Compare the difference with those that have and those that have not. -Bob __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FA

[css-d] font-size rule of thumb

What is the current rule of thumb for setting or controlling font sizes in the stylesheet? html { font-size: (px or em) (if any?) } body { font-size: (px or em) (if any?) } Any IF IE adjustments for IE vs Mozilla/Safari? Part of the reason I ask is because when you use a CMS program and a cu

Re: [css-d] roots tree

> -Bob: > > The following goes four levels deep, displays horizontally, and uses > CSS (thus on topic) as well as requiring PHP: > > PHP example and Code: > > http://webbytedd.com/ccc/family-tree/ > > CSS: > > http://webbytedd.com/ccc/family-tree/a.css > > This example shows you how to do it with

[css-d] roots tree

I have a task to create a roots type family tree. It is required to display horizontally with a maximum of 3 levels below the top, so it will have a total of 14 fields/boxes. To see an unsightly handwritten example, visit www.dottedi.biz/images/diagnostics/sample_roots_tree.jpg. I plan to se

Re: [css-d] apply a style to specific table column

Philippe Wittenbergh wrote: > On Mar 4, 2010, at 7:45 AM, Bob Meetin wrote: > >> For my purposes, needs in this case, being able to set the background >> color will fit the bill; it would be nice if font color was valued by >> all browsers consistently but seeing th

Re: [css-d] apply a style to specific table column

Jukka K. Korpela wrote: > Eric A. Meyer wrote: > > >>There is one non-class approach that's fairly cross-browser >> friendly, and that's to use a combination of :first-child and >> adjacent-sibling combinators: >> >>td:first-child + td + td {...styles for third column...} >> >> That work

[css-d] apply a style to specific table column

Let's say you have a table to 10 columns and 100 rows. With rows you can fairly easily set up a custom style to apply to a row, but what about columns? The first column is a key of sorts, the rest data. Yes I can do something like: some keydatadata Since all of column #1 will take on the sam

Re: [css-d] rounded image corners

background image above the src image? Needs to be something like: or CSS style: .overlay { background: url(images/bg_image.gif } HTML: -- Bob Meetin www.dottedi.biz Standards - you gotta love em with so many to choose fro

Re: [css-d] custom background image on menu items

Thierry Koblentz wrote: >> I am trying to set custom background images for menu items on a menu >> auto-generated through a CMS. Them CMS gives both a class and an ID to >> each menu item, each has a numerical suffix. Example: >> >> >> >> >> > >> > href="index.php?option=com_content

[css-d] custom background image on menu items

I am trying to set custom background images for menu items on a menu auto-generated through a CMS. Them CMS gives both a class and an ID to each menu item, each has a numerical suffix. Example: CONTACT DEALER/REP ... ... The relevant section of the stylesheet lo

Re: [css-d] Testing in IE

jeffrey morin wrote: > On Thu, Sep 3, 2009 at 11:58 AM, Ellen Heitman wrote: > >> My website looks fine in Safari and Firefox, but I am still having some >> alignment and other issues in Internet Explorer. I work on a Mac and don't >> have access to a PC so it's been really hard for me to troubl

[css-d] fluid rounded corners on an image

/images/samples/rounded_corners/rc.20090727214436.jpg Thx, - -- Bob Meetin www.dottedi.biz 303-926-0167 On www.Twitter.com/bobmeetin, Facebook, www.linkedin.com/in/bobmeetin, or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - with so many

Re: [css-d] Number click Photo Gallery

Scott Brasted wrote: > Hi All, > I'm a beginner at web design, so What I'd like to do on one web page > is to display a portfolio of pictures of buildings. I envision: On the > left hand side of the page to have a list of building addresses, with > each address followed by a list of number

Re: [css-d] verify conditional statement placement

Tammy G. wrote: > I just want to verify that the placement of the IE conditional statements > are correct or does the need to be placed after the last > > > > > .clearfix {display: inline-block;}

[css-d] link color not taking

ue a:visited { color: #fff; font-size: 1.2em; background: #ff; } Why important - I am giving client access using tinymce, have set the style so that tiny lists it, but failure! -- Bob Meetin www.dottedi.biz 303-926-0167 On www.Twitter.com/bobmeetin, Facebook, www.linkedin.com/in/bobmeetin,

Re: [css-d] flyout menus + IE6 making progress, still need help

Windows. http://dottedi.biz/codesamples/double-menu.php -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta l

Re: [css-d] How to get flyout menus to work in IE6 please

//www.dottedi.biz/codesamples/ My question, what does fly-out menu actually mean? -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you

Re: [css-d] change image's display:block to :none with hover?

___ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www

Re: [css-d] Possible to install multiple versions of IE?

recently downloaded and installed browsers, Seamonkey and Epiphany, just to see. This has a side benefit of being able to look at sites as a registered, logged in user in one browser, then also get the public view. Someone noted a week or so back that you can also get Safari on windows.

Re: [css-d] Aligning photos

Linda H wrote: > I have a large image made up of four smaller images, two stacked > above two. They need to sit next to each other with no space between > them and the whole image should be centered on the page. There are > also image maps, but I don't think this is relevant to the css. > > Does

Re: [css-d] Image Gallery for a Newbie?

You don't need tables for image galleries. I have a number of example galleries on my site which use "float: left" in addition some other markup to line up both the images and additional text and/or tooltip text. The big advantage of using float is that if you widen the browser more images ca

Re: [css-d] How would you approach an organization chart in CSS?

> css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_suppo

Re: [css-d] Image caption width

ness.com/photo_gallery.php which also incorporates the Eric Meyer horizontal drop-down menu (with csshover.htc). -- Bob Meetin dotted i - Internet Strategies & Solutions www.dottedi.biz 303-926-0167 __ css-discuss [EMAIL PR

Re: [css-d] website shifting a few pixels, can't find the culprit. Please help

.sthig.com/jlh/css/jlh.css > > Could anyone help me out with this small problem? > I don't know that this will solve the problem, but if you add the following it should help in Firefox by forcing the scrollbar: html, body {

Re: [css-d] Font size

Felix et al, my scribblings at the end... > Do you think Jesus would use CSS like that? By using it, you're in essence > saying to each visitor "You have incorrectly determined the best family, > weight and size text for yourself to read comfortably using your web browser, > so I'm going use my CSS

Re: [css-d] text-decoration

.com - Service and Repair of Broken and damaged HTML code Peter Bradley wrote: > Bob Meetin wrote: >> See: sample link at: >> www.dottedi.biz/codesamples/misc/text-decoration.html >> >> I'm wondering why I cannot seem to override the natural link >> underli

[css-d] text-decoration

See: sample link at: www.dottedi.biz/codesamples/misc/text-decoration.html I'm wondering why I cannot seem to override the natural link underline by using a span setting text-decoration to none as in: http://www.mysite.com"; target="_new">Mysite.com - Service and Repair of Broken and damaged H

[css-d] standard minimum font

html, body { font-size: 100%;} body{ font-size: .85em; } Hi, been using the above CSS to set up standard font for my sites. Seemed fine but then I messed with my Firefox minimum font in my Firefox properties. I believe the minimum was set by default to 10. If I reset to 'no minimum' the font

Re: [css-d] font in email (solved)

steff wrote: >> 24. font in email (Bob Meetin) >> >> >> I suggest you take a look at campaignmonitor.com to see what is and is >> not supported for html emails and css styles. it is a very helpful and >> informative site. >> >> In my experi

[css-d] font in email

background colors or something general it shows. .custom_caption { background: #aaa; background: #000; /* this works */ font-size: .8em; font-size: 80%; font-size: 10px; } The font sizes fail either in a stylesheet or inline CSS. Over... -- Bob Meetin

[css-d] configure full height iframe

is there any way to configure the height of an iframe to expand/contract dynamically with the amount of input? i have tried general things like: height: 100%, height: auto; some various things with divs. -- Bob Meetin dotted i - Internet Strategies & Solutions www.dottedi.biz 303-926-

Re: [css-d] switching text size

e any ideas? > > thanks, > > Peg > ambientglow > See: http://www.alistapart.com/stories/alternate/ It's a combination of creating an alternate stylesheet and using a javascript stylesheet switcher to make

Re: [css-d] Peekaboo perhaps - resolved

Mark Henderson wrote: > Well, since you have an *idea* of the problem at hand, and the symptoms > would certainly indicate you are correct, try the standard peekaboo > fixes: > > > Give hasLayout to the content div that contains the float

Re: [css-d] problem in ie, peekaboo problem ?

iscuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > > -- Bob Meetin dotted i - Internet Strategies & Solutions www.dottedi.biz 303-926-0167 __ css-discuss [EMAIL

[css-d] Peekaboo perhaps

graph open/close. The third item is a series for 4 pictures float left with centered captions. I have done things like containing the the pics in a div and some other oddball things. I can probably get a link later this week. Ideas? -- Bob Meetin dotted i - Internet Strategies &

Re: [css-d] Fwd: Image resize with CSS

this becomes a non-CSS question, so I tread lightly. I use 'ImageMagick' and its command-line interface, convert, to do on-the-fly image manipulation in conjunction with upload forms. -Bob Phillip Cavaco wrote: > Thanks a lot for helping. > > So the best thing to do isn't resizing images on th

[css-d] how to manage scroller/scrollbar

See: http://dottedi.biz/codesamples/hs/index.html Also: http://dottedi.biz/codesamples/hs/scroller-o.html The vision is to have the images scroll, as they do, but to butt up against a column on the right. If you widen the browser the column to the right should remain as is and more images fil

Re: [css-d] A better way to show photos with a bio?

To the you can probably add 'clear' to make the content drop below the previous bio, something like: JJ DIPPEL…is a retired federal auditor, has been RVing for three years and fulltimed for the last ten months.  She as a personal interest in privacy issues and is the author of RV Living and Pr

[css-d] 1 pixel or so - larger image pushes column

Funny problem - the only difference in the 3 files is the size of the right aligned image in the main content section There is plenty of width to the column, but if I place an image larger than about 284px wide it pushes the left column off about 1 pixel. I have tried all sorts of things to ke

Re: [css-d] Creating Actice Link

I've not had luck doing this in pure CSS. You will possibly have to do some server-side scripting such that as you move from page to page the different color is read as that link/variable is selected. However, that is not really a topic for this list. Offlist I can respond. -Bob Steve LaBadi

Re: [css-d] Syling Hyperlinks question

I think you can just add a div or class (if multiple) to the text area where you want this applied and specify the styling to limit this area only. i.e. style: #content a { yadda yadda yadda; } #content a:hover { yadda yadda yadda; } on the page: apply the styles here or to the cont

Re: [css-d] better CSS option to group image/content

Yeah. I usually provide examples but it was late and I was worn. I made up an example page seen at: http://dottedi.biz/codesamples/format_image_text.php I made the text extra small to emphasize the problem. In the left column there are 2 Events boxes. In the first I am letting the text flo

[css-d] better CSS option to group image/content

I commonly do something like: .clear {margin: 0; padding: 0; border: 0; } content content content content All this to keep images horizontally aligned with corresponding data, be it left or right. Is there a cleaner way to do this with CSS than field

Re: [css-d] Is there a CSS solution for a wide screen monitor?

This sounds almost identical to the problem I'd brought up several weeks back (see the thread wide-screen monitors and sites). Today I visited the client who has the widescreen laptop which displays everything stretched horizontally. Images (256h x192w) display as approximately square. These

Re: [css-d] odd left margin in IE - solved

Neal, David, Yes - the bug - just had to be a bug. This one. I added an if_ie statement and it is now workable for both IE and FF. Thanks to both of you, Bob ~davidLaakso wrote: > Bob Meetin wrote: > >> See: www.dottedi.biz/testpage.html >> >> The page an

[css-d] odd left margin in IE

See: www.dottedi.biz/testpage.html The page and CSS are self-contained. Looks fine in Firefox, but in IE, the upper divs are pushed over several pixels exposing the background color. The CSS for these 3 ID's has height set. The CSS is like: #right_header_upper { border-bottom: 1px solid whi

Re: [css-d] CSS and 508 compliance

www.chrispederick.com/work/webdeveloper --> this is a really great toolbar (Firefox) that was emailed to one of the lists months ago. CSS is only one of many elements it can be used to check. Dave Goodchild wrote: > If you install the Web Developer extension for Firefox you can then run a > Sec

Re: [css-d] thumbnail gallery with captions

I second the motion on the Eric Meyer style. I made up a variety of styles with a couple different image sizes based upon this technique. To get the caption to center properly in IE and Firefox I had to make some adjustments in an if ie statement, which I now do regularly in an if_ie.css incl

Re: [css-d] CSS compliant fly-out menus

well - trickery - nice - but it works and has been implemented on my site! thx, bob olivier Prêtre wrote: > 2007/1/16, Bob Meetin <[EMAIL PROTECTED]>: > >> I have been using a CSS solution for vertical and horizontal fly-out >> menus. It works great, but not

[css-d] CSS compliant fly-out menus

I have been using a CSS solution for vertical and horizontal fly-out menus. It works great, but not CSS compliant because it requires including a csshover.htc file in the CSS. Can someone point me to one of the other CSS only (no JS) solutions that works and is compliant? Or to an appropriate

Re: [css-d] rollovers aren't fluid

If you want to do any resizing of images you might also play with 'em's rather than pixels. See a simple example with inline CSS at: http://www.dottedi.biz/codesamples/resizing_images.html In addition to ditching the flash I'd also send the frames (off-topic) packing for multiple reasons - ht

[css-d] text as background

i don't normally add text as background, but i have a situation where this might come in handy. i thought i saw this in a book or online, but can't remember where. how do i set up a style to display text defined in the stylesheet? .whatever { some_descriptor: "string of text"; height: 1em;

[css-d] styling a select menu

see Stu's example: http://www.cssplay.co.uk/menu/form.html scroll down to Options - The arrow which activates the drop-down, how do I style it? It appears to inherit a desktop color property. I found some properties related to scrollbar-arrow-color, etc, but can't find the right brew to chang

[css-d] CSS validation

I'm trying to get a slideshow (uses microsoft fade) to pass CSS validation. The validator says: * Line: 190 attempt to find a semi-colon before the property name. add it * Line: 190 Property progid doesn't exist : DXImageTransform The code: Th

[css-d] horzontal CSS menu with tooltips

I have a request to create a horizontal drop-down menu with tooltips over some of the menu items. I set up a demo page, have gotten the JavaScript tooltip working, but cannot get the CSS tooltip version to follow my lead in Internet Explorer. I prefer the CSS version because it does not jump a

Re: [css-d] page edge

With Francky's recommended reading and reviewing some of my old rainy-day notes on round corners I have the bordered page edge working. It turns out to be pretty easy. See a demo page at: http://www.dottedi.biz/codesamples/page_edges.html francky wrote: >> Hi Bob, >> Without the html (or a

[css-d] page edge

I am trying to create a page edge with a couple small images ( say 20x40 px ), one for vertical and one for horizontal. The images need to border the (variable width) page . I have gotten the top, left and bottom working fine (although not sure this is the best way). The right has been a pes

[css-d] Replace Text on Hover]

I used a variation of what Marc emailed on www.coalcreekcollision.com. I added .ltxt and .rtxt (specific to this site) to split the text display area of the menu so that the 'additional' right side text would line up and display in a different color. Also, .s and .l are also optional customizati

Re: [css-d] site/form check - caps-web.org

Thanks - Yes I get the picture - this is the feedback I was looking for. I did some internet reading about fonts last night - sorely needed education. I had misunderstood that definition in pixels actually meant fixed font size - very wrong. For the vertical menu, I figured out how to set th

[css-d] site/form check - caps-web.org

I could use a site-sanity check here, Site is fixed width (and live). On my windows pc/laptop, it looks fine in both firefox and IE. On my higher resolution linux pc (I think 1280x) , the vertical menu drops (expands) about 25 pixels (in height) or so out of its spot. site: www.caps-web.org

Re: [css-d] rounded corners issue

just curious, why do you choose to use a transparent .png and apply the ie fix rather than use a transparent .gif? quality, less jagged? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 t

Re: [css-d] Drop down lists

With the Eric Meyer menu, he includes a csshover.htc file in the body body { behavior:url(/csshover.htc); /* place csshover.htc in web root */ } For IE I also put 'div' in front of the menu styles like: div#hmenu, or div#hmenu ul . Firefox did not seem toe care. You can easily find the csshov