[css-d] Hover bounces in drop down nav based on a href address ( wordpress)

Here is a strange scenario in the top bar drop down navigation: http://www.sldinfo.com/ My first level of drop down navigation needs to have a 3px underline on hover, and so i've 'faked it out' by using a 3 px white bottom border in teh off state. So far so good. (line 41, navigation.css) What

[css-d] li padding not behaving in Arabic (RTL) format

I'm using an unordered list to display the footer information for this page: http://preview.sonjara.com/omep/new/template_rtl.htm (see http://preview.sonjara.com/omep/new/template.htm for the English, whose padding works fine). The links with the trouble are the text links at the bottom, just

[css-d] Preventing images/text from wrapping when window is narrowed

A client handed over to me a site that had just awful code (the original http://www.inspiredcre8tions.com/red/) and I cleaned it up, made it more semantic and validated it http://www.language-works.com/RED/indexNEW.htm but she is griping because now the images and the footer wrap under if you

Re: [css-d] Rounded corners repeating in IE6

: Alan Gresley a...@css-class.com To: Anne E. Shroeder a...@language-works.com Cc: css-d@lists.css-discuss.org Sent: Friday, April 24, 2009 11:33 AM Subject: Re: [css-d] Rounded corners repeating in IE6 Anne E. Shroeder wrote: I'm using the technique described here: http://webdevtips.co.uk

[css-d] Rounded corners repeating in IE6

I'm using the technique described here: http://webdevtips.co.uk/webdevtips/style/border.shtml to accomplish rounded borders on this somewhat complex design - the client is insistent on fixed heights, so it's been quite a trick. The problem now is that the top right corner seems to be

[css-d] Sticky footer - double decker possible?

My client has a design comp that I'm finding extraordinarily challenging to implement -- the currentt challenge is implementing a sticky footer that has two parts AND that maintains a right/left border on the center column (right and left column contain no content) that extends all the way down

[css-d] Rounded corners with fixed height problem

I've got a bit of a challenge with rounded corners - have a fixed height (it's all going into an iframe) and cannot seem to get the borders out to the edge and the rounded corners placed - an additional problem is that the comp calls for only half of a top border and a small dotted border above

[css-d] Suckerfish in Wordpress - 'current page' in sub menu inheriting primary page's colors

I've put a bit of a hack in my CSS to achieve a current state on my top horizontal navigation -- I'm using the Multilevel navigation plugin in wordpress, which uses a version of suckerfish. The issue is that while the current state is working fine for the top level, it is cascading down to

[css-d] Project 7 tab menu - individualized bars

I'm working on two knotty problems with a drop down menu system using P7's tab menu magic. http://www.language-works.com/ANSIRH/template_about2.htm The first is that when you hover over one of the top nav items (e.g. About, research other work, etc.) you get a drop down menu -- I'd like to

Re: [css-d] narrowing browser window moves div to the bottom

Gunlaug Sørtun [EMAIL PROTECTED] wrote about: http://gorge.org/newdes/ A proper - complete - doctype will get IE7 somewhat up to speed, but the 'min-width' value is too small for it when it starts supporting the W3C box model. IE6 doesn't support 'min-width' anyway, but it'll switch box

[css-d] Correcting CSS in complex DB system

I've been asked to assist in correcting CSS problems and adjusting display issues in a fairly complex database system; I had posted about this before, asking about the Yahoo grid CSS generator. However, upon further discussion with the developers I found that they are also using the Zend

[css-d] Alt. to max-height in IE (also Safari?)

I'm trying to preserve the original shapes of gallery images in dynamically resized thumbnail images, but in IE6 (and also in older versions of Safari ) this code is simply resizing the images to squares, exactly 167x167. This is the code being used, and on this page:

[css-d] Netscape/mozilla hacks?

I'm not sure why this is the first time I'm having grief with netscape, but on this page http://www.language-works.com/NSTMF/home.php in XP/PC it is (a) not showing the background image in the main content region, (b) shoving the logo graphic (labelled #hpGraphic) up and under the navbar. Also

[css-d] Too many ids in IE causing a drop?

I've inherited a nightmare CSS project. Nearly 1800 lines of really interesting code. On this page: http://www.language-works.com/PSL/ster.htm I am having a problem with a drop of the left hand side of the page in IE -- if I remove the container stereographs altogether, it works fine in IE

[css-d] Direction: rtl inverting an image?

This is too strange. In IE5.5, some background images that are contained in a div defined with direction:rtl are being inverted and in some cases even turned inside out. I want to know how CSS can corrupt an actual image file!?! The screen caps showing the correct and incorrect image

Re: [css-d] Direction: rtl inverting an image?

for it? Anne - Original Message - From: Anne E. Shroeder [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Thursday, December 20, 2007 7:29 PM Subject: [css-d] Direction: rtl inverting an image? This is too strange. In IE5.5, some background images that are contained in a div defined

[css-d] Centering header images in elastic layout and 100% width - scrollbars

I'm re-coding a web site for someone (not redesigning, not my design!) to be in CSS - he wants the page to extend across no matter what size the browser. OK, so I'm having 2 conundrums that I've not been able to find a solution for: In the header, I'd like to absolutely position the

Re: [css-d] Centering header images in elastic layout and 100% width - scrollbars

Much more sensible, thank you. But a question: Why do I need to have display:inline as well as float:left? #header #logoLeft { width: 234px; float:left; margin: -15px 0 0 10px; display: inline; } #header #logoRight { width: 123px; float:right; margin: -15px 20px 0 0; display: inline; }

[css-d] Browsercam subscription share?

A colleauge of mine and I subscribe to Browsercam (the capture version) and find it absolutely essential in testing CSS-based layout. Is anyone interested in sharing this subscription with us? They can accept up to 10 concurrent users so we have room for 8 people. Thank you! Anne Shroeder

[css-d] variables in CSS - changing background image by page

I need to be able to change the background-image value for one of my divs by page. In other words, every page needs a different background-image for the #util_header id. Each page currently has an id specified in the body tag, so ideally I could name the images in concert with the body id and

[css-d] IE - border around image erroneously displaying

http://www.ddiv.com/clients/voa/final_builds/chinese_news.html The problem area is on the right hand side, where the Tabbed navigation items are. The two buttons are orange and grey, side by side. They are appearing irregularly in Win 2000/XP on IE6.0 and IE5.5 with a blue border on either

[css-d] IE pushing text down in block (Chinese)

http://www.language-works.com/CSS_Stuff/chinese_news2.html The problem area is marked in English, red bold text. I am not clear on why in IE the entire set of text gets moved to a separate line below the orange bullet (and not indented!) whereas it works just fine in Firefox? I'm sure it's a

Re: [css-d] IE pushing text down in block (Chinese)

@lists.css-discuss.org Sent: Wednesday, September 19, 2007 2:09 AM Subject: Re: [css-d] IE pushing text down in block (Chinese) On Sep 19, 2007, at 2:41 PM, Anne E. Shroeder wrote: I am not clear on why in IE the entire set of text gets moved to a separate line below the orange bullet

[css-d] 3px IE6 gap

Got an IE 6 problem -- it's putting a 3px gap between my two divs - left one is floated, right one is set at a left margin to equal the photo plus border. http://www.language-works.com/CSS_Stuff/specialreport.htm Have tried a variety of things to close the gap but nothing works. Any ideas on

[css-d] flash overriding P7 nav drop down menu

I'm wondering if my problem is a definition of divs, or the way I've embedded the flash movie (i'm not a flash person, so do not know if I've done this correctly). I've set the z-index of the flash movie (#flash_element) to 1000 and the z-index of the container for the drop down navs

[css-d] Different stylesheets for IE6

I have two separate stylesheets - one that works fine in IE6, and one that works fine in everything else! The primary page: http://198.104.158.65/homepage4_R.htm and the stylesheet: http://198.104.158.65/css/frontpage4.css The page that works OK in IE6: http://198.104.158.65/homepage_IE4.htm

[css-d] Divs misaligning in IE only

http://www.language-works.com/IRF/about/ CSS: http://www.language-works.com/IRF/css/irfstyles.css I'm sure this is super simple -- the main body text of my page is shoving down below the left nav bar in IE. The left and main part of the content are contained within a div: #mainbody { top:

[css-d] Box content/hidden content dynamically selected?

I've got a bit of a bear of a project on my hands. The basic premise is that there is a series of (equal sized) boxes, each of which contains text or photos - when you hover over each box you get a different interior color and different words or pictures inside. The major issue is that the

[css-d] Complex form - some layout questions

Today I embarked on my first CSS form. And it's a doozy. This is a screenshot of what the form needs to look like: http://www.language-works.com/swimdesign/screenshot.htm And this is what I've managed to code: http://www.language-works.com/swimdesign/basicform.htm Yes, it's a bit of a mess

[css-d] Drop down (p7) menu hidden behind other CSS elements?

I've just implemented a different method for using a drop down DHTML menu because I was not satisfied with the behavior of the other one. It is working great on its own: http://www.language-works.com/swimdesign/dropdown.htm CSS located at

Re: [css-d] Drop down (p7) menu hidden behind other CSS elements?

- From: Rahul Gonsalves [EMAIL PROTECTED] To: Anne E. Shroeder [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Monday, September 25, 2006 1:07 PM Subject: Re: [css-d] Drop down (p7) menu hidden behind other CSS elements? Anne E. Shroeder wrote: http://www.language-works.com/swimdesign

Re: [css-d] Drop down (p7) menu hidden behind other CSS elements?

Unfortunately my client is pretty set on the design -- literally to the pixel. Do you have a reference for the hiding script? I will suggest to them that this is a real problem, but I am not hopeful to have flexibility in moving this form.

[css-d] 2 spacing questions in IE

This is the URL in question: http://www.language-works.com/swimdesign/template-public-4.htm I've been fiddling with numbers all night and am stymied by the following spacing problems: (1) I'm trying to eliminate the white space between the masthead graphic and the blue drop down menu bar under

Re: [css-d] 2 spacing questions in IE

I'm sorry, I neglected to note that the CSS is located at http://www.language-works.com/swimdesign/template-public-4.css - Original Message - From: Anne E. Shroeder [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Tuesday, September 19, 2006 2:36 AM Subject: [css-d] 2 spacing

Re: [css-d] Dropdown menu

Hi Maria, Take a look here: http://www.webbedenvironments.com/dhtml/ I used the dropdown menu code http://www.webbedenvironments.com/dhtml/code/18_NavigationControls/MenuDropDown/index.html - it is pretty stable, but I've had a few issues with it because it uses onclick instead of

[css-d] Disappearing table in IE

http://www.language-works.com/swimdesign/template-6.htm Source code tells me it's there; I can print out text before and after the two div's in the middle of the page (#mainleft and #mainright) but nothing shows up inside those divs! Page and CSS both validate. TIA, Anne

[css-d] Table vs. CSS when decorative graphic required?

I'm scratching my head over this one. I've got two different versions, one using a table and one using CSS to layout the bars, but in neither case can I achieve a consistent underline across the screen as required. See http://www.language-works.com/swimdesign/no-tables.htm for the two

[css-d] Underlining across varied elements?

I've had some terrific help from people on this list with regard to rounded tabbing effects and I'm very grateful! I'm now at the next stage of trying to get an underline to go across from label, under tabs, and all the way to the right hand side of the container. This is the current version,

[css-d] Navbar disappearing in IE and spacing questions

I'm having a great weirdness in IE - my dark blue navigation bar is simply disappearing. It works fine in Firefox, and I'm really puzzled as to what is causing it to simply not display at all in IE. There are two examples of this phenomenon:

Re: [css-d] Simple floating thumbnails with captions

Fascinating -- I'm not seeing what prevents the images from going out horizontally - what makes them wrap to the next line? - Original Message - From: Gunlaug Sørtun [EMAIL PROTECTED] In a fluid layout I think this will work better... http://www.brunildo.org/test/ImgThumbIBL.html

[css-d] Rounded tabs - top line not working?

http://www.language-works.com/swimdesign/tabs.htm I'm trying to get a straight line to appear over the tabs (but not over the rounded part) -- in Mozilla the line is overlapping the graphic, but in IE it's not appearing at all. Any ideas what I'm doing wrong? Anne

[css-d] Newbie seeking layout examples to study

I've been working for about 2 days straight trying to get a fairly straightforward alignment set up (left navigation top header that runs the width of the page starting after left nav middle part of page (under header) right side of page (narrow margin) and footer) I've learned a great deal and