[css-d] Image links shifting in FF when clicked

Would someone be able to tell me why when, in Firefox, the thumbnails floated to the right on this page shift to the right when clicked? Everything looks fine in IE and Opera. http://www.drkdesign.com/portfolio.php http://www.drkdesign.com/drk_css/drk_import.css Thanks! Debbie

[css-d] fluid layout

Hi, I am trying to give this site a fluid look rather than in a container (per the client's request)...I removed the container and for a time, the content and copyright were fluid (stretched across the screen) but somehow it has gone back to the container look (see the block outline in

[css-d] Yellow input fields

Would someone be able to tell me why these input fields have turned yellow...this just happened...its been looking fine for months but today they are yellow. http://www.figureskatersonline.com/parkerpennington/contact.php http://www.figureskatersonline.com/parkerpennington/css/parker_form.css

Re: [css-d] Yellow input fields

My guess is that you have turned on AutoFill in your Google Toolbar. Go into the Settings dialog for the Google Toolbar and turn off AutoFill, then reload the page and you should see what you expect. Thanks so much to all of you who helped me identify the problem here...I have never seen

[css-d] Horizontal menu problem in IE

Would someone be able to tell me why this horizontal menu css looks fine in Firefox and Opera, but not in IE? http://www.figureskatersonline.com/znew/about.html http://www.figureskatersonline.com/znew/stylesheets/menu_B.css Thanks! Debbie

[css-d] Copyright block not extending in Firefox and Opera

Okay, one more thing with this layout...everything looks fine now in IE but the copyright block doesn't extend all the way over in Firefox and Opera. I set the copyright div id to 100% width so I am not sure why this is happening: http://www.figureskatersonline.com/znew/about.php

[css-d] General question on tables

I have a general question on tables. I am noticing many, many web sites out there are still using tables...particularly web sites, such as Monster.com that have multiple blocks of content. I have eliminated tables from all my web sites and use float for blocks of text, but my websites are

Re: [css-d] General question on tables

Please, Debby, not again tables vs CSS! http://css-discuss.incutio.com/?page=TablesVsDivs Uh-oh, it appears I may have opened up an old can of worms here...if so I truly apologize...Thanks for the link and the info Christian, and for your info as well Tom...I will just refer to that...

[css-d] Z-index for a background image?

In this layout...is there any way possible to get the filmstrip (a background image) to show up *over* the banner (using a z-index or some other way)? I am trying to get away from a boxy looking layout... http://www.drkdesign.com/parkerpennington/

[css-d] Shifting content

Hi again, I apologize for the plethara of questions right now...I am going through some of my previous web sites and restructuring the css so that all the elements are in containers (thus stablizing the elements when the browser is stretched). On this one, I created a subcontainer for the

Re: [css-d] Shifting content

Try playing around with the width value for #content. 75% looked good. Well, the trouble is, when I set the content to the width I want, it is still shifted too far over to the right...I am trying to get the content to be about the same width as the links so that it centers fairly well60%

Re: [css-d] Shifting content

Yes, but you can only position floats with margins by setting front-edge margins on them. So since that's a 'float: right' the front-edges are 'top' and 'right' for positioning. For a 'float: left' the front-edges are 'top' and 'left'. In your case a positive margin-right will do the job.

Re: [css-d] colored scrollbars

Debbie -- It could be the order. You have: scrollbar-face-color: #030E52; /*navy blue*/ scrollbar-shadow-color: #B7C8E5; /*light blue*/ scrollbar-highlight-color: #030E52; /*navy blue*/ scrollbar-3dlight-color: #B7C8E5; /*light blue*/ scrollbar-darkshadow-color: #B7C8E5;

[css-d] Need help with positioning

I am attempting to clarify my muddled thinking on various types of positioning by restructuring this page...I am trying to position the datestamp so that it appears at the top right of the banner and stays fixed even when the browser is stretched at higher screen resolutions. I have been going

[css-d] Positioning continued

A followup to my last message on positioning: In general, I am trying to set up my sites now so that everything stays within the container box even when the browser is stretched at higher resolutions. I am finding that not assigning a width to the container seems to accomplish this but then

Re: [css-d] Need help with positioning

http://www.kennygraham.net/drk/index.html http://www.kennygraham.net/drk/style.css should get you started in the right direction. css is commented. thank you Kenny and David...it looks just fine with floating the menu...one difference is is that I assigned the centering margin: {0 auto} to the

[css-d] colored scrollbars

Hi, Does anyone know how to make colored scrollbars work for sure in IE? It seems that sometimes they work and sometimes they don't. Right now, they are not working for me for these two sites, yet I always use the same code (except for colors). www.figureskatersonline.com/katz-lynch

Re: [css-d] JS Text box width differences

Currently you use a DocType that triggers 'quirksmode' in all browsers. If you use a full doctype, e.g !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; or !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http:// www.w3.org/TR/html4/strict.dtd

Re: [css-d] JS Text box width differences

I'm prepared to be corrected, but it looks like Firefox is doing the wrong thing. The margin box of tables is not supposed to overlap floats. To get your fun facts over the table, you'd need to use positioning, but then you'd run the risk of table text going underneath the funfacts box.

[css-d] Float, positioning, and z-indexing

Hi, Is there anyway to use relative positioning with float? I need to use a z-index and know that you have to be using absolute or relative positioning in order for it to work...however, I seem to only be able to position the cutout picture on the home page here where I want it using

[css-d] JS Text box width differences

Hi, I have added a javascript text box to three pages on the following site and am trying to figure out why the widths of the text box are so different between Firefox and IE...it is making positioning a real pain! Does anyone know how I can minimize the width differences between the two

[css-d] Subject: Re: son of suckerfish problems, please help

Els wrote: It actually is working, only the dropdowns are hidden behind div#content-pane. I think you have to do something with z-index maybe :-) I just had the same problem...try adding a z-index and relative position to the #nav ul id: #nav, #nav ul { margin:0; padding:0;

Re: [css-d] Submenus under container in horizontal dropdown--revisited

ah, ok, I downloaded your htc file to test it properly, and the following works for me- adding the z-index and position:relative a step higher on your #menu ul: #menu ul { padding: 0; margin: 0 0 0 18px; /*sets left margin for menu*/ list-style: none; /*removes bullets*/

Re: [css-d] Submenus under container in horizontal dropdown--revisited

I also had this problem with my suckerfish menus... In theory z-index only works with positioned elements - Try putting your z-index declaration on the #menu li ul rather than the #menu li:hover ul. James, I tried this putting the z-index here and several other places too but none worked.

[css-d] Submenus under container in horizontal dropdown layout--revisited

I'm trying to put together a sample layout page for horizontal dropdown SOS menus based mostly on the code on alistapart.com. I've got it looking great, all except that the submenus appear *underneath* the container in IE only. The other week when I was trying to put a horizontal dropdown

[css-d] Border Problem - Update

This is an update to the border problem I posted about earlier. The borders for the #header and #search divisions for some reason are appearing *at the top of the divisions* rather than containing the content within the division, even though I have them nested in the html. Would someone mind

[css-d] Float Question

Is it typical when floating to have a situation like this one where I will need to use large negative top and level margins to adjust for the right floated element? Using the block outline tool in Firefox I am seeing that the elements are no where close to each other. If this is not normal

Re: [css-d] Float Question

Float everything left and then they will abut one another. Ed and Ells, Thanks so much! After going round and round, I finally got it! :) http://www.drkdesign.com/LRE/ Debbie __ css-discuss [EMAIL PROTECTED]

[css-d] Disappearing border; inconsistent font

Hi, In this layout, the dashed line below the Property Search image and menu disappears when I float the menu. I tried adding a line height to the #search id but that didn't help. Also, in IE, the font for the menu links is coming in very large...I have not seen this inconsistency before

[css-d] Disappearing border; inconsistent font

Also, in IE, the font for the menu links is coming in very large...I have not seen this inconsistency before between browsers and was wondering if anyone knew how to resolve it before I resorted to adding a hack. I have resolved this problem (found an incorrect selector)...am still having

[css-d] Inserting a JavaScript image slideshow

if I want to insert a JavaScript slideshow in a CSS page, do I just insert it between div/div tags or is it more complicated? Riva, I have a site where I used a javascript slideshow but I just used it on the home page, so I inserted the javascript inbetween the html head tags on the

Re: [css-d] More SOS issues

Maybe you can try to give the submenu-li's some IE-layout: #menu li ul li a { width: 100%; } so that IE can use the {display: block;} which is already in the code. Francky, I made these adjustments but unfortunately, I am still not able to hover over the bottom link of two of the

Re: [css-d] More SOS issues

btw-1: Perhaps you can give the '#menu li ul li a' the padding instead of the '#menu li ul li', then the (yellow) clickable area can be greater. Francky and others, another thing I am noticing with the submenus in IE is that hovering is a bit jumpy between the parent link and child links

[css-d] More SOS issues

I am now setting up the CSS code for a horizontal SOS menu display but am having trouble getting the submenus to display on hover. Also, in IE, the menu is stretched vertically. Would this be due to the size of my background image? Its only 10 pixels in height.

Re: [css-d] More SOS issues

Typo? Or confused mix of styling? '#menu' and '#menuh' isn't the same. Looks like all I needed to do was to make the CSS ID correspond to the HTML ID... argggh!! I thought I changed all those to just plain menu (I brought the code in from Tedd's site and he had menuh throughout)but I

Re: [css-d] More SOS issues

Do you have a new link for IE-minded people, so we can hobby some more? Francky... sorry...I changed it to php...its http://www.drkdesign.com/voicebox_demo/index_h.php What exactly is the peekaboo bug? Is that what this problem is with the submenus showing up underneath the container? Will I

Re: [css-d] More SOS issues

Oh, you're just setting the z-index on the wrong element. Try adding... #menu-container {z-index: 1;} Well it looks to me like that's all it was Georg. And you answered something I was wondering about too with the high index levels...that was set in the code I used from Tedd's site..didn't

[css-d] SOS submenus not staying displayed

This is for all the SOS experts out there...I have set up a cascading menu using SOS but can't get the submenus to stay displayed upon hover. I have included the csshover2.htc file. I have a feeling that it is some small thing in the code that I am forgetting ;( Thanks! Debbie Link:

[css-d] Need to contact the list master

I need to contact the list master...could someone let me know who that would be and the best way to contact them? Thanks! Debbie __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing

Re: [css-d] Border question

Thank you Jim...the first suggestion here worked after some tweeking to the padding settings...(don't know why I didn't think of it ;o!) Debbie - Original Message - From: Jim Davis To: Iorhael Sent: Saturday, February 25, 2006 9:31 PM Subject: Re: [css-d] Border question

Re: [css-d] Border question

ooops...apologies to Jim and everybody on that last message...forgot to trim :o! Also, thank you Rahul for your input as well...will save for future reference. Debbie __ css-discuss [EMAIL PROTECTED]

Re: [css-d] De-applying :focus for radio buttons

You might consider the IE-only behavior CSS - it won't validate (so put it in a conditional comment block for IE and hide from the validator) and you'll have to write an .htc in javascript to force IE to modify the class of the element - then update your conditional CSS to mention that

Re: [css-d] De-applying :focus for radio buttons

If you can't get the target browser to work with attribute selectors, try your idea again using the syntax: element.class:pseudoclass ex: input.radio:focus Mike, okay, using this syntax, it works in Firefox but not in IE. And in Opera, the buttons are blanked out so that you can't select

[css-d] De-applying :focus for radio buttons

Does anyone know if there is any way to set up :focus for input, textarea, and select in forms without having it applied to the radio buttons? I tried input:focus.radio and specifying the background color of the form but that did not work. Debbie

[css-d] Buttons shifting in form in IE

Hi, am still wondering if anyone knows I can prevent the Submit and Reset buttons from shifting when clicked in this form: http://www.drkdesign.com/debscards/cards_form.php The code for the buttons: input[type=submit], input[type=reset] { margin: 15px; padding: 3px; width: 5em;

[css-d] IE bug - Submit and Reset

When I click submit on this form, the space above the Submit and Reset buttons disappears in IE. It doesn't effect the function but it looks ugly. Does anyone know of a fix for this? http://www.drkdesign.com/debscards/cards_form.php Thanks! Debbie

Re: [css-d] IE bug - Submit and Reset

input:focus, textarea:focus, select:focus { background-color: #ABE2C4; color: #590F81; margin: 15px; padding: 3px; width: 5em; } is it? Leyrson, Oh geesh! I forgot the CSS code for the buttonsmy apologies :( Here it is: input[type=submit], input[type=reset] { margin: 15px;

[css-d] Correcting for spacing difference in Opera

Hi, I am trying to line up the date stamp with the menu links on this site, but there is a vertical spacing difference between IE, Firefox, and Opera. I have coded for the IE difference but am not sure how to code for the Opera difference. Can someone help me out with this or direct me to a

Re: [css-d] Correcting for spacing difference in Opera

Zero out default-margins before positioning, and most differences will be gone. Georg, Thanks for that ...that eliminated the difference between IE and Firefox, so I don't need the htmlbody hack anymore. However, the Opera still brings in the date stamp lower.

Re: [css-d] Correcting for spacing difference in Opera

Zero out default-margins before positioning, and most differences will be gone. hupon re-opening Opera, the date stamp position looks just fine now...thanks again Georg! I must not have refreshed after making the change. Debbie

Re: [css-d] Button text off-center in IE easy css-webdeveloper-tools

- From: francky [EMAIL PROTECTED] To: Iorhael [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Sunday, January 15, 2006 3:33 AM Subject: Re: [css-d] Button text off-center in IE easy css-webdeveloper-tools Iorhael wrote: 3. The short and easy use way: magic on screen! Francky

Re: [css-d] Button text off-center in IE easy css-webdeveloper-tools

3. The short and easy use way: magic on screen! Follow step 2, but now click CSS and then Edit CSS. That opens on your left hand a sidebar with directly the content of the stylesheet. If more, they are tabbed. And a little wonder: in the sidebar you can change things! Real time you see the

[css-d] Container coding/alignment problem with float

Hi, I need some adviceI am attempting to recode a web site (and possibly others) so that I have everything nested at the same level...that is: container with the content, link, footer, etc. nested underneath. (Previously I had the link and footer inside the content). When I am done with

Re: [css-d] Container coding/alignment problem with float

*/ #footer { border-top: 1px solid #2C8F96; width: 475px; } .nav { padding-top: .5em; font-size: 70%; } .copyright { font-size: 65%; color: #2C8F96; } - Original Message - From: Iorhael To: css-d@lists.css-discuss.org Sent: Thursday, January 12, 2006

[css-d] Extra browzer space to the right

Am still tweaking this particular sitegot it to where I want it now, except that I am wondering how I can eliminate all the extra space to the right...I don't want users thinking they have to scroll sideways since there is nothing there. The banner graphic at the top ends right after the R

[css-d] Alignment problem - form/psuedoelements

Hi, I have a form in which I wanted to change the properties for the p:firstline pseudo-element, just for the form. However, when I added the :first-line psuedo-element to the p.formleft and p.formright rules, the text centered, despite my alignment designations. I would think that the text

[css-d] Content problem in IE

Hi, Last night I changed all my font sizes for my various sites to percentages. However, in one site the content is now shifting downward in IE. I had posted this same problem the other week with another site but was able to fix it by shortening the content width. However, I have tried that

[css-d] Background color with image?

Is there any way to add a background color to a page that already has a background image? I want to put the background color around the container: www.drk-writing.com/northwesternesse/ Debbie __ css-discuss [EMAIL PROTECTED]

Re: [css-d] Background color with image?

Soultanian [EMAIL PROTECTED] To: Iorhael [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Monday, January 02, 2006 2:25 PM Subject: Re: [css-d] Background color with image? Yeah.. just set a background color on your body (an outer container div). Now, if you want the background color

[css-d] jumpy scrollbar in FF and Opera

Has anyone had a problem with the scrollbar being very jumpy and rough when scrolling in Firefox and Opera? I have a site where this is a real problem in Opera...it does it in Firefox too though not nearly as badly...and there's no problem at all in IE. www.drk-writing.com/northwesternesse.com

Re: [css-d] Color for three-column layout

Hi I faced the same problem this week, David Laakso pointed me here http://www.alistapart.com/articles/negativemargins/ It describes a two column layout first but then goes on to add a third column. It might be just what your looking for... Best Regards Chris Well, I'm half-way there!

Re: [css-d] Color for Three-Column Layout

the right column has a bad declaration: background-image: #fff url(images/sidebar2.gif) repeat-y top right; should be background: #fff url(images/sidebar2.gif) repeat-y top right; and IIRC you can't declare a position for a repeating element... the left column has no height beyond the

Re: [css-d] Color for Three-Column Layout - drk-writing

David Laakso wrote: Iorhael wrote: http://www.drk-writing.com/3columnlayout/ Either way, setting: body { font: 100.01%/1.2 'Lucida Grande', 'Nimbus Sans', 'Luxi Sans', Arial, sans-serif; } and deleting *each and everyone* of those font-families, pixel font-sizes, pixel line-heights

Re: [css-d] Font Standards (Was: Color for Three-Column Layout)

Either way, setting: body { font: 100.01%/1.2 'Lucida Grande', 'Nimbus Sans', 'Luxi Sans', Arial, sans-serif; } and deleting *each and everyone* of those font-families, pixel font-sizes, pixel line-heights, replacing justify /with/ left, and changing the headers to percent for

[css-d] ooops!

Hi, my apologies to Felix and this list... I responded a few minutes ago to a message that Felix sent and cc'd the list...and totally missed that it was sent privately. My boo-boo. Happy New Year! :) Debbie __ css-discuss

Re: [css-d] Font Issues (Was: Color for Three-Column Layout - drk-writing)

Here are my 'rules of thumb' for font issues. 1. For efficiency's sake declare it on the body and let it inherit through to the rest of the elements on the page. If an element needs a different font family, declare it in a selector for that element only. 2. Set the size to 100% so the user's

[css-d] Color for three-column layout

Hi, I working on a three-column layout but having trouble setting the color for the left and right columns. I have been looking at several online tutorials and it appears that I'm doing the CSS right, but the images aren't coming in for the column backgrounds. When I put the background image

[css-d] Content not centering in IE

Hi, I posted a few days before Christmas but with all the pre-Christmas busy-ness it most likely got overlooked. So I'm posting again now... I have set of pages in a subfolder on a site with their own stylesheet. The page contents center beautifully in Firefox and Opera, but not in IE (the

Re: [css-d] Content not centering in IE

This comment before the doctype: !-- InstanceBegin template=/Templates/nwe_fanart.dwt codeOutsideHTMLIsLocked=false --!DOCTYPE HTML PUBLIC ... ... throws IE6 into old 'quirks mode'. Other browsers won't react on such a comment, so they'll stay in 'standard compliant mode'. Thus, IE6 won't

Re: [css-d] Content not centering in IE

George, You can ignore my previous message with the stylesheet...when I redid the templates for those pages I forgot to update the stylesheet link...I have done that now and everything is looking fine :) Thank you so much for the IE tips! Debbie

[css-d] Alignment problem in IE

One final IE quirk to tweak.I have the content for this and other pages specified so that the title, arrows, and art all center align. But its not matching up in IE. Would this be another case of adding padding: 0 somewhere to correct IE?

Re: [css-d] breaking up thumbnails into separate rows

Maybe need to let us see whole stylsheet? Ian Okay, I had to remove a couple of the thumbnails that were too wide...here's the finished version of the page and the stylesheets. It looks fine in IE, Opera, and Netscape now but not in Firefox.

Re: [css-d] One more...server descrepancies

I don't see any discrepancies between the two. Is this happening in a particular browser? I looked with FF 1.5. Or did you perhaps fix it? Zoe, I didn't fix this but I had just sent my friend some updates so apparently it fixed itself when she uploaded those...it did that once before but

Re: [css-d] Text shifting to the left in Opera and Firefox

1. Make sure you have the DOM Inspector installed in your copy of FF, and if not, reinstall FF and select Custom installation to get it. I had not heard of this before...how would I check to see if this is installed? Always build for FF first, then go back and tweak for IE if you need to.

Re: [css-d] Text shifting to the left in Opera and Firefox

Always build for FF first, then go back and tweak for IE if you need to. It takes much less time and effort this way. A general question on building for Firefoxmy pages usually look similar in Opera, IE, and Netscape...but radically different in FirefoxSo I've been going more by what

Re: [css-d] breaking up thumbnails into separate rows

...which shows an ID selector for the clearer. However, you have - class=clear - on the div in your HTML. Either change the selector to indicate a class, or change the class attribute to an ID attribute in your HTML. That should get things working. ooops! Thanks for catching that! I started

[css-d] Getting links to left align in FF

I posted about this site last night, but thanks to Holly and others I 've gotten most everything straightened out...the problem I have still having not being able to get the bottom links to align left on pages 1 and 2 in Firefox (I have centered them for page 3). Holly, I realize that this most

[css-d] Getting links to left align...resolved!

Regarding my last post about bottom links not aligning on one of my sitesplease ignore...I had missed a fix that Holly suggestedI have made that now and everythink looks good. Here's the fix in case anyone has a similar problem: #nav ul { clear: both; list-style-type: none;

[css-d] breaking up thumbnails into separate rows

I am setting up a very simple website for my portfolio that started out as a class project for an online CSS class. I set up thumbnails on this page according to how we'd been taught in class but I would like them to be on a separate row for each header category listed. I have put the

[css-d] Text shifting to the left in Opera and Firefox

I have made up this site to display my computer graphics in my portfolio. However, I am having a problem with the text shifting to the left in Opera and Firefox (yet it looks fine in IE). Does anyone have an idea of how I might prevent this from happening? Here's the link and stylesheet.

[css-d] One more...server descrepancies

I have a site that I maintain but that is uploaded on someone else's server (I have to send her updates...she doesn't have ftp uploading capabilities). When I upload it onto my server, everything looks fine but when she puts it on hers for some reason, some of the styles don't seem to be

[css-d] Server discrepancy resolved

Hi, I am brand new to this board and just posted three messages, the last of which was entitled One more...server descrepancies It appears that this problem has been resolved on the other person's server...though I'm not sure how. So you can ignore this message (unless you might have some