[css-d] question re: vertical alignment of floated divs

Hi, I'll start by saying I don't yet have a site to post the html / css on to illustrate this, but I'm hoping it's a straightforward situation that doesn't require such. I have a container div and inside that I have 'rows' of fixed-size divs inside that container that are floated left. In order

Re: [css-d] problem: background image won't size with content

Hi Kevin, On Tue, 2009-09-22 at 12:41 -0400, Kevin Rodenhofer wrote: > Bill, > > I came up with a version that uses no images at all, and I believe, does > what you want it to do. > > You could expand on it a bit, and give it highlights at the top and left > as well. Or, make the shading and h

Re: [css-d] problem: background image won't size with content

Hi Erik, On Tue, 2009-09-22 at 10:21 -0500, Erik Vorhes wrote: > On Tue, Sep 22, 2009 at 8:54 AM, bill walton wrote: > > > > The problem is that the image on the right is not expanding to the same > > height as the one on the left. > > A p

Re: [css-d] problem: background image won't size with content

in the following browsers (all in Windows 7): > > IE 7 & 8 > Firefox 3.5.3 > Safari 4.0 > Chrome 3.0.195.21 > > Maybe it will work for you. > > > > bill walton wrote: > > Greetings all; > > > > I'm having a 'dickens of a time' g

Re: [css-d] problem: background image won't size with content

> > > IE 7 & 8 > > Firefox 3.5.3 > > Safari 4.0 > > Chrome 3.0.195.21 > > > > bill walton wrote: > > > > > Greetings all; > > > > > > I'm having a 'dickens of a time' getting a background image

Re: [css-d] problem: background image won't size with content

Hi Greg, My sincerest apologies. If you got the login page, as opposed to the sign-up page, it means someone else has already 'claimed' that subdomain. I've been waiting on wording from our UI person and didn't think hard enough about what might go wrong before I posted. Again... my apologies.

[css-d] problem: background image won't size with content

Greetings all; I'm having a 'dickens of a time' getting a background image to resize dynamically based on content. I'm probably not explaining it worth a darn, but it's pretty easy to see here: http://anysubdomain.shopkeepapp.com The specific problem on this page is that the right-side image is

[css-d] width:100%; not rendering 100%

Hi, I've got a page with two divs, one over the other, both set to 100% width. The one on the top is positioned absolute at 0,0. The one under it is a nav bar using the sliding window tabs and it's positioned float:left. The one on the top is rendering to 100% width while the one under it is no

[css-d] draggable images - can it be stopped?

I'm working on a web app that, for much of the navigation, uses links with background images letting css control the button-blinking behavior. The primary use of the app will be with touch-screens and I've run into an issue where the images are being dragged instead of 'clicked'. Is there a CS

Re: [css-d] how to get rid of scroll bar?

Hi Ionut, Ionut Gabriel Stan wrote: > Bill Walton wrote: > > > > I can't figure out why I have a horizontal scroll bar at http://www.shopkeepers-r.us or how to get rid of it. The current plan is for the browser window to be maximized with the screen resolution set at

Re: [css-d] how to get rid of scroll bar?

Hi Peter, Peter Hyde-Smith wrote: > > Ionut wrote > > > > It's because of these elements: > > > > #customer_search_form, > > #walkin_customer_button, > > #purchase_return_button > > > > ...and maybe others. > > > > My advice is to float them left instead of positioning them > > relati

[css-d] how to get rid of scroll bar?

Greetings! I can't figure out why I have a horizontal scroll bar at http://www.shopkeepers-r.us or how to get rid of it. The current plan is for the browser window to be maximized with the screen resolution set at 1024x768. I'd sure appreciate help. Resource pointers that would help me under

Re: [css-d] IE pushing down several elements

Hi Georg, Gunlaug Sørtun wrote: > First, delete... > #main {height: 100%;} > > ...as IE6 interprets that height as "at least as high as the > browser-window". > > Then add... > form {margin-bottom: 0;} > > ...to avoid default-differences. > > This will probably make those browsers line up quite we

[css-d] IE pushing down several elements

HI, I would really appreciate some help understanding what's causing some wierd behavior in IE. After two days of experimenting I have not been able to figure out. The page linked below displays as I expect in Firefox. In IE7 the hr is pushed down 1em and the submit button is also pushed down

Re: [css-d] line break and fieldset height problems

Hi Kenny, Kenny Graham wrote: > Don't have time right now to figure out what > would work tho. Thank you for making the time to reply. I appreciate it. And I especially appreciated that comment. It had a very 'familiar ring' to it. As a developer, I've given very similar feedback to newbie

[css-d] line break and fieldset height problems

Greetings! I need help figuring out a couple of things on the page at http://www.yourtimematters.com/problem_page.html It's looking pretty much like I want it to look in FF with the exception of (1) below. I can live with the way it looks in IE7. I've got a problem I can't figure out in IE6.

Re: [css-d] Can I handle two menu types with one stylesheet?

Hi Georg, Gunlaug Sørtun wrote: > > You've forgotten to add... > #main {clear: both;} > ...that's on the top of my list of corrections. > Won't work without it. Oh Jeez I really hate it when people can't follow clearly given instructions. Don't you ;-) Seriously, I'm usually very good at

Re: [css-d] Can I handle two menu types with one stylesheet?

Oops. I deleted the links to the pages. They're at: http://www.yourtimematters.com/menu1.html http://www.yourtimematters.com/menu2.html Thanks again! - Original Message - From: "Bill Walton" <[EMAIL PROTECTED]> To: "Gunlaug Sørtun" <[EMAIL PROTECT

Re: [css-d] Can I handle two menu types with one stylesheet?

Hi Georg, Gunlaug Sørtun wrote: > On #main: > delete 'margin-top: 4em', and add 'clear: both'. > > Then add... > > #mainnav {margin-bottom: 1.5em;} > #formnav {margin-bottom: 1.5em;} Thanks very much for your reply. I appreciate it. I made the change and it works well on IE7. On Firefox, how

[css-d] Can I handle two menu types with one stylesheet?

Greetings! I've got my site's functionality pretty much done, so now I'm tackling the really hard stuff: the CSS ;-) The xhtml and css both validate, but there are several problems with the way the site renders. And at this point I'm not even talking about the browser-specific issues. The fi

Re: [css-d] First timer looking for css review

Hi Mike, Brian Riley wrote: > Try to validate your XHTML. You'll find a few > errors that should be fixed. I like to make sure > that the XHTML markup is valid before diving > into the CSS. And in case you don't already know, you can do that at: http://validator.w3.org/ The CSS validator is

[css-d] problem printing background image in IE

I need to print a page that has a background image with text placed in specific locations wrt the image. Both the image and the locations for the text items (identified by CSS id's) are specified in a stylesheet. The background image is a 300dpi scan of an 8.5" x 11" paper form. In Firefox,

Re: [css-d] More than one background image for a page

Hi David, david wrote: > Bill Walton wrote: > >> My solution so far is to use a scanned image of the paper form as >> background. That way the user can turn on background printing if >> they're going to print to blank paper, or turn it off if they're >

[css-d] More than one background image for a page

My app collects visitor info via a set of screen forms and now I've got to print the collected info out so that it fits into the spaces, etc. on an existing paper form. It's actually going to print (form and collected into) to a blank piece of paper most of the time, but it also needs to print

Re: [css-d] third column riding below

Hi Gunlaug, First of all, thanks! That works. Now... Gunlaug Sørtun wrote; > >> I could use some help figuring out why the right column won't come up >> against the main one but rides underneath instead. > >> http://www.emrec-beta1.com > > That's how floats work - right_col can't float upwards

[css-d] third column riding below

Hi, I could use some help figuring out why the right column won't come up against the main one but rides underneath instead. The page is at http://www.emrec-beta1.com The stylesheet is internal. Thanks much for any help. Best regards, Bill stylesheet definitions #left_co

Re: [css-d] stylesheet link causing validation to fail

Ingo Chao > Add > > top:0; to .col3 > > and > > position:relative to each .LinestyleX Thank you very much. At least now the results are the same in IE and FF. > or go the other route without position:absolute. I'm going to try to eliminate the position: absolute this weekend. The pointers yo

Re: [css-d] stylesheet link causing validation to fail

Hi Ingo, Ingo Chao wrote: > a static page to work on would be immensely helpful. I've put a static page at http://www.emrec-beta1.com/edit.htm and hard-coded the stylesheet link to the emrec_entry.css file in the same directory. Please let me know if you have any trouble accessing either. Tha

Re: [css-d] stylesheet link causing validation to fail

Thank you all for your responses! Many wrote: > If you are using XHTML, you need it for self closing tags: > > > > If you are using HTML, you don't want it: > > That was indeed the problem. I had an HTML Doctype. Problem is, the page won't come close to validating with any of the XHTML Doct

Re: [css-d] stylesheet link causing validation to fail

> Very helpful! The slash was the problem. File validates without it. > Fails > with it in. Thanks! Went back to the w3schools site to see what I'd missed and now I'm confused. Here's the example HTML from that site for stylesheet links. Looks, from this, like the '/' is _supposed_ to be

Re: [css-d] stylesheet link causing validation to fail

Hi Debi, Debi Orton wrote: > If you are using HTML, the slash at the end of the line is probably > throwing an error. Also, I'm not sure about the ? after the CSS file's > name. Hope this is helpful. Very helpful! The slash was the problem. File validates without it. Fails with it in.

Re: [css-d] stylesheet link causing validation to fail

Hi Dave, Dave Goodchild wrote: > > Why the ? and numbers in the css filename? The app's built using Ruby on Rails and the stylesheet link is autogenerated. The stylesheet definitely works. But I'm working on a styling problem, decided I'd better validate the generated HTML before asking for

[css-d] stylesheet link causing validation to fail

Greetings! Can anybody see why the stylesheet link below wouldn't validate? I'm trying to validate a page's HTML and, with this line in the HTML, am getting an error that says I have a tag without being open. When I take this line out, everything validates. I don't get it. Thanks in ad

[css-d] testing a :print style

I've just begun trying to use a seperate style sheet for printed output and I wonder... Are there significant differences between the result of CSS styles for one printer vs. another (as there are in from one browser vs. another)? Is there a reliable way, short of hardcopy, to see what a :print

Re: [css-d] Possible to overriding embedded SS with external SS?

Christian Heilmann wrote: > Not in CSS, so that is off-topic. I was trying to figure out how to get the 'right CSS' applied to the doc. I see now that including the 'how' part put me off topic. My bad. My apologies. Best regards, Bill __

[css-d] Possible to overriding embedded SS with external SS?

I'm pretty sure this is bass-ackwards, but I need to be able to over-ride an embedded stylesheet with an external one, if the external one exists. I was thinking it might be possible to do using javascript something like this... The embedded stylesheet would be included in the js code. On page

Re: [css-d] Targeting DIV question

Hi Zoe, > > While Stu Nicholls demos are amazing examples > of what CSS can do, they are not good practical > solutions in many cases. This, IMO, is one of > those cases. This thing is very hard to use, Could you say more about the specifics (or just point me to a resource) to help me understand

Re: [css-d] newbie CSS on Firefox problem

b.. .Listline1 { a.. background-color : #fcc; } - Original Message - From: "cj" <[EMAIL PROTECTED]> To: "Bill Walton" <[EMAIL PROTECTED]> Cc: Sent: 2006-04-05 3:36 PM Subject: Re: [css-d] newbie CSS on Firefox problem > On 4/5/06, Bill Walton <[EMAIL

Re: [css-d] newbie CSS on Firefox problem

sage - From: "francky" <[EMAIL PROTECTED]> To: "Bill Walton" <[EMAIL PROTECTED]> Cc: Sent: 2006-04-05 4:00 PM Subject: Re: [css-d] newbie CSS on Firefox problem > Bill Walton wrote: > > >[...] > >The W3C CSS validator requires a URL. > &

Re: [css-d] newbie CSS on Firefox problem

- Original Message - From: "Pringle, Ron" <[EMAIL PROTECTED]> To: "Bill Walton" <[EMAIL PROTECTED]>; Sent: 2006-04-05 2:52 PM Subject: RE: [css-d] newbie CSS on Firefox problem Bill wrote: > Greetings from a CSS newbie; > > I apologize in advance for v

[css-d] newbie CSS on Firefox problem

Greetings from a CSS newbie; I apologize in advance for violating the prohibition on posting code but 1) I have no where to put this yet, and 2) it's so trivial I'm hoping you'll allow it. Here's my problem. I cannot get even a trivial piece of CSS working on Firefox. It works as expected on