[css-d] Help with Flickr gallery styles

Hello, I've got a flickr gallery plugin working on a wordpress install. You can see it here http://walescarpentry.com/our-work/ I'm working in FF3 right now. I'm not sure how it looks in IE, as I only have IE6 and the site doesn't load in that browser for some reason (something else I have to fi

Re: [css-d] Styling submit buttons with images [solved]

On Wed, Apr 22, 2009 at 3:22 PM, Ian Young wrote: > Still not sure what it is you want. If you want a submit button using an > image and CSS which changes at rollover, then I think we have shown you how > to do that (with exception of IE6). If you want the submit to work with > rollover instead o

Re: [css-d] Styling submit buttons with images

On Wed, Apr 22, 2009 at 9:32 AM, Jack Timmons wrote: > What "less capable browsers" can't handle an input type of image? > Because I can't think of one off the top of my head. Sorry, I'm probably being obtuse. I'm talking about the rollover effect. What I want to do is have an image submit butt

Re: [css-d] Styling submit buttons with images

On Wed, Apr 22, 2009 at 10:06 AM, Ian Young wrote: > This what you are looking for? > > http://www.iyesolutions.co.uk/templates/css/22-04-09/ No, there's no image being used there. Right now I am doing this: .submit { width: 80px; height: 30px; background: url(../images/btn_find.png) top left

Re: [css-d] Styling submit buttons with images

On Wed, Apr 22, 2009 at 9:32 AM, Jack Timmons wrote: > Foot, meet mouth. > > Rollover, right. I'll go back to eating my breakfast. LOL, that's okay - I just added another message clarifying what I need. Didn't see this quick enough. __

[css-d] re: Styling submit buttons with images

On Apr 21, 2009, at 5:51 PM, Tom Dell'Aringa wrote: > It's been quite some time since I styled a form, and I'm not up on the > latest techniques. We want to use images for our submit buttons, and > have them be rollovers. I'd like to avoid using javascript if poss

[css-d] Styling submit buttons with images

Hello, It's been quite some time since I styled a form, and I'm not up on the latest techniques. We want to use images for our submit buttons, and have them be rollovers. I'd like to avoid using javascript if possible, and have them degrade gracefully to HTML buttons. Is there a preferred method f

[css-d] Problem with FireFox 3 on a Mac

Hello, I've designed a fairly simple site that seems to work fine everywhere except for FireFox 3 on the mac. There seems to be a one or two pixel spacing issue with the menu, causing the background to raise up and mess things up. The site can be seen here http://houstoninlinemarathon.com/ If yo

Re: [css-d] How can I prevent this menu from wrapping?

On 10/19/07, David Hucklesby <[EMAIL PROTECTED]> wrote: > > Just in case a CSS neophyte is reading this thread, I'd like to scotch > once and for all the notion that there is such a thing as "fixed font > sizing". Nearly all browsers and operating systems allow text to be > re-sized in some way. IE

Re: [css-d] How can I prevent this menu from wrapping?

On 10/18/07, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > > Tom Dell'Aringa wrote: > > > I thought there was a way to keep the width of the UL static - so yes > > I'd get a scrollbar if the window sized down that far, but the nav > > would not wrap. To me

Re: [css-d] How can I prevent this menu from wrapping?

On 10/18/07, Joel D Canfield <[EMAIL PROTECTED]> wrote: > > > I can't get anything to work without either > > getting a scrollbar or having the menu be the wrong width. > > What's the 'Other Option' you're looking for? If the nav is wider than > the window, either it wraps or you get a scrollbar, u

[css-d] How can I prevent this menu from wrapping?

This is killing me because I should know this, I don't do enough css these days. Anyway, I have a fairly simple horizontal menu I got from CSSplay, which is using floating to line up the items and sliding doors for the images. Of course, when you size down the window small enough, the menu wraps to

Re: [css-d] collapsing margin problem in FF [solved]

On 6/16/07, Audra Coldiron <[EMAIL PROTECTED]> wrote: > > Hi Tom. Try adding padding-bottom: 12px to .box-wide, and deleting the > margin declaration on .box-wide #homebuttons: > > .box-wide { > width: 685px; > margin-left: 20px; > padding: 0; > float: left; >

[css-d] collapsing margin problem in FF

Hi there, I have a dev site that firefox seems to be collapsing a bottom margin. I'm fairly sure it's because I have floats following one another. It works fine in IE. The clearfix doesn't seem to work. The page is here - the homepage: http://oapps.pixelmech.com/ See the three buttons? Should be

Re: [css-d] The case of the disappearing content [solved, I think]

Thanks for the suggestions, I think I stumbled on a fix. I put a height: 1%; to hopefully force hasLayout on .MainContent, which is the containing DIV for all the content, and it seems to be working. I'm going to test it on a few more machines... fingers crossed! Tom You may want to look into us

[css-d] The case of the disappearing content

Hi everyone, Disclaimer: I didn't code this site, it was delivered by an agency - just want to be clear about that :) We have something of a conundrum on one of our brand web sites. The problem appears on only two pages. When you roll over the brown menu items (they are drop down menus), the main

Re: [css-d] Firefox - opening container with only floats inside

On 4/12/07, Joel D Canfield <[EMAIL PROTECTED]> wrote: > > > I have a wrapper DIV. Inside that wrapper div, > > all the content is floated, thereby causing the wrapper DIV to never > open up. > > float the wrapper. if everything inside it is floated, it collapses. > floating it puts it in the same

[css-d] Firefox - opening container with only floats inside

Hello, I've been wracking my brain and searching for this solution, for some reason I cannot remember what to do, and I must not be searching on the right terms because I can't find the solution. The problem is in Firefox, I have a wrapper DIV. Inside that wrapper div, all the content is floated,

Re: [css-d] Firefox menu has 1 less pixel...argh!

On 4/6/07, Lori Lay <[EMAIL PROTECTED]> wrote: > > Tom, > > You might be right about the 90% font size. Changing it to .95em > helped... If you don't have it already, you might try installing > Firebug - it allows you to play around with the CSS and see the results > immediately, right on screen.

[css-d] Firefox menu has 1 less pixel...argh!

Hi there, I've mostly got my menu done, but there is one small (1 pixel small) problem. Somehow, in FireFox the menu is *1 pixel* shorter in height than in IE. I have seen this before but cannot remember, nor figure out how to fix it. I can't seem to figure what is causing the one pixel difference

Re: [css-d] horizontal LI menu doesn't work in FireFox [solved]

That fixed it, thank you Don! Tom On 4/5/07, Don - HtmlFixIt.com <[EMAIL PROTECTED]> wrote: > > Tom Dell'Aringa wrote: > > Floating the containing DIV does not seem to help. How can I get UL in > FF to > > open up? You can see the test page at: > > >

[css-d] horizontal LI menu doesn't work in FireFox

Hi folks, I'm wanting to use a navigation bar similar to Simplebits.com - just a simple horizontal menu. It seems to work just fine in IE6 and IE7, but fails in Firefox (for a change). In Firefox, the UL seems to be collapsing, due to the fact that the LI and A's are floated. In IE it does not col

[css-d] Best way to have checkbox/indented paragraph line up

Hello, I have a simple common layout issue that I traditionally use a simple table to set up, but I am wondering if there is a way to avoid it. I've tried various floats and combos of styles but I can't seem to get something that isn't actually more markup and trouble than just using the table. I'm

[css-d] repeating background problem in IE6

I have a fairly simple page structurally where, at the top, I use a simple horizontally repeating image to create a colored bar. The problem comes in IE6 when the page is viewed and then reloaded, or when you app switch back and forth, the very same background appears lower in the page, behind some

[css-d] IE and simple clear method question [ignore previous]

Hi everyone, please ignore my previous post on this subject. It was another issue entirely. I will now slink back into my hole. Tom __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing

[css-d] IE and simple clear method question

Hi folks, I have a layout where I need to use a simple clear to open up a floated container in FireFox. I'm using a BR tag to do this. It works fine in FF, but the problem is in IE I get a line break (this is below a horizontal nav) that breaks the layout. So the question is, how can I clear the

[css-d] A good CSS/text button?

Hi everyone, I'm searching for a good solution that will allow us to use scalable, graphic backgrounds as buttons while still using plain text. The main reason for this is to allow for ease of editing buttons without going back to the image editor, as well as internationalization. Currently, one

Re: [css-d] Firefox problem: Forces 100% width on a floated element

On 5/13/06, Bill Brown <[EMAIL PROTECTED]> wrote: > > > http://www.pixelmech.com/rev/test.html > > > > The CSS is inline. The class/element in question is > > .float-left-half inside the #help-titlebar. > > Add a width of 99% to #help-titlebar (since you have 4px padding). You'll > need to adjust t

[css-d] Firefox problem: Forces 100% width on a floated element

I have a strange problem I have never seen before. I have two floated elements inside another floated element. The two in question are floated left and right with widths of 48% - effectively giving me two columns, one thing on the left, one thing on the right. The problem is in Firefox, the right

Re: [css-d] is this layout possible using CSS? [solved]

On 4/28/06, Ed Seehouse <[EMAIL PROTECTED]> wrote: > The solution is to use *less* positioning, not more. > > For your left column float a div left, and if the content doesn't give > it the width you want, specify that. For the right use an > *unpositioned* div. Then give it a left margin greater

[css-d] is this layout possible using CSS?

Hi folks, I've really been struggling with this layout I need, to get it done using CSS. I can easily use a single row, 2 cell table, but I just want to make sure I've exhausted all avenues before going there. What I need is a left column of a fixed width, then a right column that scales to the wi

Re: [css-d] table forces float down?

On 4/25/06, Eric Ladner <[EMAIL PROTECTED]> wrote: > On 4/25/06, Tom Dell'Aringa <[EMAIL PROTECTED]> wrote: > > I kind of would not have thought it was margin. Because the table is > > forcing it open, is there some way to make the table adhere to the > > widt

Re: [css-d] table forces float down?

--- Tom said > > http://www.pixelmech.com/rev/posts_multiple.html > > http://www.pixelmech.com/rev/css/posts.css On 4/25/06, Bill Brown <[EMAIL PROTECTED]> wrote: > Your problem lies in the way in which you're handling the floats > #post-sidebar and #post-body. > In order to make room for the tab

[css-d] table forces float down?

I'm having a problem with Firefox. I'm using a container that has two floats inside, a sidebar on the left set at 250px floated left, and a body on the right with width set to auto, again floated left. Inside the body is a table. In IE everything is fine. In FF, the floated body div drops down be

[css-d] avoiding vertical space in IE using a simple clear?

Hi, When using the simple clear method to open up a container for Mozzilla with floated elements, IE stays true to form and causes a pain in the neck by adding vertical space. So say I have this: sidebar body Where the two

[css-d] opening a box with contained floats in FireFox?

Ok, I should know this and I'm having a total brain cramp. I'm doing a simple two column layout, centered. Left column floated left, right col floated right. Both inside the wrapper. The wrapper is open in IE (which I think is actually a bug IIRC) but in FireFox the wrapper is closed since both fl

Re: [css-d] Missing bullet image in dynamically generated list [solved]

On 4/6/06, Ingo Chao <[EMAIL PROTECTED]> wrote: > > > The images do not show up in Fx, Safari or Opera (my PC is gone to sleep > already). In Fx DomInspector and in Safari's WebInspector, both show a > /computed/ path of >http://monitor.pixelmech.com/css/images/quotes_up.gif > > but the image i

Re: [css-d] Missing bullet image in dynamically generated list

On 4/6/06, René Enguehard <[EMAIL PROTECTED]> wrote: > > > > Now, when these LI are generated, the bullet is missing. I checked the > CSS > > over and over, but all seemed fine. When I went to use the Edit CSS in > > FireFox (part of the web developer extension) - the moment I open the > edit > > c

Re: [css-d] Missing bullet image in dynamically generated list

On 4/6/06, Olly Hodgson <[EMAIL PROTECTED]> wrote: > > On 06/04/06, Tom Dell'Aringa <[EMAIL PROTECTED]> wrote: > > Now, when these LI are generated, the bullet is missing. I checked the > CSS > > over and over, but all seemed fine. When I went to use the Ed

[css-d] Missing bullet image in dynamically generated list

Hi everyone, I'm working on a somewhat complex application where a UL is generated dynamically. It has the following structure: APPL N N B B G etc. The CSS that controls the bullet: #activity .down { background: #000 url("images/quotes_down.gif") 0px 6px no-repeat; } Now, when these LI

Re: [css-d] spacing issue in FireFox

Agh, thank you Ingo! I did indeed miss those - must have got jammed in the spambox or something. I will check them out! Tom Original Message From: Ingo Chao <[EMAIL PROTECTED]> Tom Dell'Aringa wrote: > ... Does anyone have any ideas on how to fix it? Probably

Re: [css-d] spacing issue in FireFox

have ie to compare to, but I'd bet the ie is forcing the nav container taller than it seems while ff is letting the tabs 'overflow.' I'm not entirely sure, because on my mac the tabs wrap onto a second line in ff and safari. I can send you a screen shot if that would help. On

[css-d] spacing issue in FireFox

Hi there, I'm working on a template for a site where I am using an H1 below some nav tabs. In this H1, there is some space missing in FireFox, and I cannot figure out why. I thought possibly vertical margin issue but there is padding on the element. The page is at http://dev.pixelmech.com/

Re: [css-d] Challenging layout - can this be done?

- Original Message From: Gunlaug Sørtun <[EMAIL PROTECTED]> Tom Dell'Aringa wrote: > http://www.pixelmech.com/rev/tile.html Not sure if I got it right, but... <http://www.gunlaug.no/tos/alien/test_9310.html> ...was the only thing I could think of. Maybe you can chan

[css-d] Challenging layout - can this be done?

I've had an idea for an online game which requires a isometric grid in HTML. (Note: Sure, I can do this in flash - I don't want to for varied reasons.) Building the grid was fairly simple, except for the problem of every grid column after the first being overlapped by the next column by half. Th

Re: [css-d] Odd background image behavior, mystery margin (solved)

--- CJ Larson <[EMAIL PROTECTED]> wrote: > html, body {margin: 0;padding: 0;} Aaugh..how in the world did I miss that one. I was playing around with default styles so I didn't set it. Thanks for pointing that out. > Might be the collapsing margins we've been seeing a lot on the list. :) > >

[css-d] Odd background image behavior, mystery margin

Hi there, I'm trying to finish up a redesign of my site and I have 2 issues I cannot for the life of me solve. The two may be related. Take a look at the site at: http://www.pixelmech.com/ (site) http://www.pixelmech.com/wp-content/themes/orangey/style.css (css) You'll note the "pixelmech" logo

Re: [css-d] IE and Sliding Doors image replacement - flashing imagesproblem

--- Nick Fitzsimons <[EMAIL PROTECTED]> wrote: > As you are using your machine for development, you will have set IE not to > cache stuff but to check for new content every visit to the page. This > means it is re-fetching the image every time. Let me say..DOH. Thanks Nick - that was it. It would

[css-d] IE and Sliding Doors image replacement - flashing images problem

Hi there, I'm using a sliding doors method for some rollovers. Works in all browsers, but IE has an awful time with the rollover, I get a the flash of the background color, then the image load every single time. Looks like garbage. I tried putting the images in a div shimmed to the right -9000p

[css-d] CSS Tabs - Sliding Doors method - can be done upside down?

Hi folks, I'm needing a set of tabs that fall top-down instead of the normal sticking up. I like the sliding doors method so I figured I would alter that. I have a basic version running, but the problem is expanding/sizing the text opens up the wrong part of the image. I don't quite have the se

[css-d] Use of non-standard font in declaration?

Hi there, I'm working with an agency who is providing us some code. After a preliminary look, they have declared some fonts as Interstate-Regular: .SubMenu a { font: 11px Interstate-Regular, Verdana; color: #947D37; text-decoration: none; } This seems to be some kind of "Impact" clone. It see

[css-d] Missing border in FireFox | Mozilla in vertical menu using UL

This was part of another question I asked. I was able to solve the content box issue, so this is more specific to my other problem which remains unsolved. I have the typical UL vertical left navigation on one of my sites. In FireFox/Mozilla only, the separating bottom border lines tend to disapp

[css-d] 2 problems on site in FireFox

Hi, I have 2 seemingly simple problems I have not been able to solve in Firefox/Mozilla. The site is fine in IE. 1. The content is pushing down below the left nav. I assumed it was an issue with the content width or the content div not clearing the nav, but playing with both yields no fix. 2

[css-d] 2 problems on site in FireFox

Hi, I have 2 seemingly simple problems I have not been able to solve in Firefox/Mozilla. The site is fine in IE. 1. The content is pushing down below the left nav. I assumed it was an issue with the content width or the content div not clearing the nav, but playing with both yields no fix. 2

Re: [css-d] quirks mode question - solved

--- Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > I think the trick is to set _only_ those widths that are actually needed. > > See if this'll do: > > > (tested in Opera 9.0, Firefox 1.5b1 & IE6.) Ah, that looks great Georg! I guess that makes sense

Re: [css-d] quirks mode question

--- Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Now I'm really confused :-) > > You wrote in the original that there was no DTD, but then you're using > an 'xhtml 1.0 transitional' in the test-page. You can't have it both > ways, so before I start debugging; which is it, *DTD* or *no DTD* ? O

Re: [css-d] quirks mode question

--- Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: ><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> > The voice-family hack is extremely unreliable, and should not be used. ><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> Agh

[css-d] quirks mode question

Working on an internal project that runs on an old Epicentric portal installation. The pages have no DTD (and I cannot get one inserted - long story), so in IE6 the pages load in quirks mode. I've got a vertical UL styled using the tantek hack, like so: #svmp_vert ul a { /*other rules*/ width:

[css-d] UL menu problem (restated) odd spacing issue

Hi again, I seemed to have solved my content jumping out of the box problem by applying the tantek hack for the width of the A tag. However, I still have one problem. In between each LI item is apparently a 1 pixel space that makes it look like there is a double line or a 2px line under each me

[css-d] UL Menu Styling Woes

Hi there, I have a 4 level nested UL. I've taken the "taming lists" version of styling it from ALA/Listamatic here: http://css.maxdesign.com.au/listamatic/vertical10.htm And simplified it slightly (removed outside borders, minor adjustments). I have a number of problems: 1. I get a "double bo

[css-d] layout problem in FireFox

Hi there, This seems like it should be an easy fix but it is escaping me. If you look at this site: http://www.innovativeconcretesolutions.net/ In FireFox, the P in the content area gets pushed down, seems like below the navigation at left. I cannot seem to figure out why. The CSS is at: http

Re: [css-d] UL Navigation: background image problems in FireFox :(

Thanks Holly, that was indeed the problem which I figured out (as usual) slightly after I posted. I switched bg images and made one too tall! Thanks again. T --- Holly Bergevin <[EMAIL PROTECTED]> wrote: > The problem seems to be that that the image is 27px tall and you have the UL > height s

[css-d] UL Navigation: background image problems in FireFox :(

Hi all, I'm working in BEA Portal with a UL LI navigation - two level, one stacked on top of the other. The bottom one is the subnav, of course. Everything is just peachy except for one thing - I am using a background image on the top UL to draw a line on the bottom of the top UL. This line sho

[css-d] how would I add these rules to highlight this menu item?

I should know this but it's friday..grr. I'm using this horizontal list: http://css.maxdesign.com.au/listamatic/horizontal31.htm The "active" and "current" id's are written out for the tab to be highlighted (like on hover) to indicate what page the user is on. I can't seem to write out the corre

[css-d] Trouble with a LI navigation

Hi, I'm doing a simple navigation using LI elements. Only the currently selected nav item should show the bullet, and that is working fine. My problem is that the space between the bullet and the LI item is different in IE vs. Gecko. I know I am missing a setting somewhere but search me if I ca