Re: [css-d] IE8.0 problem
On Mon, Aug 30, 2010 at 10:49:42AM -0400, David Laakso wrote:
> Rick Pasotto wrote:
> >Does IE8 work differently on different versions of Windows?
> >
> >My site ( http://d37tm.org ) doubles the height of the header -- at
> >least on IE8 on XP. I see it in browsershots.com (I think you can see
> >the results at http://browsershots.org/http://d37tm.org/ )
> >
> >The css is:
> >
> >#hdr0 {
> >position: relative;
> >height: 140px;
> >background: url(../images/D37-Full-Header-LessBadge.gif) no-repeat;
> >}
> >
> >I don't see the doubling anywhere else and I'm stumped.
> >
> >BTW, this is a testing URL and will go away in a day or two.
>
> Try:
> #header { height : 140px; overflow : hidden; }
> It needs a height and I think the overflow:hidden; encloses all that
> stuff and -- I guess [?] -- establishes a "block formating context."
That fixed it. Thanks.
--
"Many marriages would be better if the husband and wife clearly
understood that they're on the same side." -- Zig Zigler
Rick Pasottor...@niof.nethttp://www.niof.net
__
css-discuss [cs...@lists.css-discuss.org]
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_support_evolt/
[css-d] IE8.0 problem
Does IE8 work differently on different versions of Windows?
My site ( http://d37tm.org ) doubles the height of the header -- at
least on IE8 on XP. I see it in browsershots.com (I think you can see
the results at http://browsershots.org/http://d37tm.org/ )
The css is:
#hdr0 {
position: relative;
height: 140px;
background: url(../images/D37-Full-Header-LessBadge.gif) no-repeat;
}
I don't see the doubling anywhere else and I'm stumped.
BTW, this is a testing URL and will go away in a day or two.
--
"We may eventually come to realize that chastity is no more a virtue
than malnutrition." -- Alexander Comfort
Rick Pasottor...@niof.nethttp://www.niof.net
__
css-discuss [cs...@lists.css-discuss.org]
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_support_evolt/
Re: [css-d] styling a col
On Thu, Aug 12, 2010 at 10:44:48AM +0900, Philippe Wittenbergh wrote:
>
> On Aug 12, 2010, at 10:23 AM, Rick Pasotto wrote:
>
> > Every cell in the row has the same classname but I only want a different
> > style for the first and last cells (It's a calendar). The way the
> > template is written I have no way of applying a style to only some of
> > the cells in the row.
>
> td:first-child, td:last-child { color: white; background: lime } ?
>
> >
> >> I don't think you can use col as a selector, because no elements are
> >> technically wrapped in it.
> >
> > As I said, I can style the *entire* col but I don't want the first two
> > rows (whose cells do *not* have the stylename) to be styled. The whole
> > point of 'col' is to be able to deal with a particular column. There
> > ought to be a way to deal with *part* of the column.
>
> You can style an entire column, up to some point. Only a limited
> number of properties apply tot he col element.
> http://www.w3.org/TR/CSS21/tables.html#columns (this _may_ be enough
> for your purposes though).
>
> A combination of both might help ?
Yes, that worked. Since a row's styling overrides a col's styling I can
style the entire column and then re-style the top row.
> PS - Do you have a url of what you attempt to do ? Might be easier to give
> advice?
At this point it's a test site so it's not really available to the
public. I'm using the codeigniter calendar class to generate a calendar
and it uses a template system that loops through each cell of a row so I
have no way to get at code within that loop..
--
"Private property was the original source of freedom. It still is its
main bulwark." -- Walter Lippmann, 1937
Rick Pasottor...@niof.nethttp://www.niof.net
__
css-discuss [cs...@lists.css-discuss.org]
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_support_evolt/
Re: [css-d] styling a col
On Wed, Aug 11, 2010 at 04:16:56PM -0700, Alex Mitchell wrote:
> On Wed, Aug 11, 2010 at 1:34 PM, Rick Pasotto wrote:
>
> > How can I style only some cells in a col? The cells I want to style have
> > a class that I can use. I can style the col but that applies the style
> > to all the cells in the col.
> >
> > It may be a matter of using the right selectors, but no combination I've
> > tried has worked.
> >
> > --
> > "The liberty the citizen enjoys is to be measured not by the governmental
> > machinery he lives under, whether representative or other, but by the
> > paucity of restraints it imposes on him." -- Herbert Spencer, 1884
> > Rick Pasottor...@niof.nethttp://www.niof.net
>
>
> td.classname{
> (style here)
> }
>
> This should work, maybe be more specific like
>
> table tr td.classname{
> (style here)
> }
I *know* how to do that.
Every cell in the row has the same classname but I only want a different
style for the first and last cells (It's a calendar). The way the
template is written I have no way of applying a style to only some of
the cells in the row.
> I don't think you can use col as a selector, because no elements are
> technically wrapped in it.
As I said, I can style the *entire* col but I don't want the first two
rows (whose cells do *not* have the stylename) to be styled. The whole
point of 'col' is to be able to deal with a particular column. There
ought to be a way to deal with *part* of the column.
--
"Beware of all enterprises that require new clothes, and not rather a
new wearer of clothes." -- Henry David Thoreau
Rick Pasottor...@niof.nethttp://www.niof.net
__
css-discuss [cs...@lists.css-discuss.org]
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_support_evolt/
[css-d] styling a col
How can I style only some cells in a col? The cells I want to style have
a class that I can use. I can style the col but that applies the style
to all the cells in the col.
It may be a matter of using the right selectors, but no combination I've
tried has worked.
--
"The liberty the citizen enjoys is to be measured not by the governmental
machinery he lives under, whether representative or other, but by the
paucity of restraints it imposes on him." -- Herbert Spencer, 1884
Rick Pasottor...@niof.nethttp://www.niof.net
__
css-discuss [cs...@lists.css-discuss.org]
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_support_evolt/
[css-d] ID overly qualified with tag
I just ran google's speed test on one of my pages and it reports many "inefficient" rules. They are all of the form: div#footer p Is google telling me that the 'div' part is not necessary and that it slows processing? -- "Any fool can criticize, condemn, and complain but it takes character and self control to be understanding and forgiving." -- Dale Carnegie Rick Pasottor...@niof.nethttp://www.niof.net __ css-discuss [cs...@lists.css-discuss.org] 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_support_evolt/
Re: [css-d] Jigsaw validator
On Mon, Feb 15, 2010 at 07:40:00PM +0100, Gabriele Romanato wrote: > Nope. The order in this case is ignored. That's what I've always thought. However, in this case putting the repeat factor before the positions cleared the problem, even though, as another poster pointed out, direct entry of that stanza was accepted. Really weird. -- "Take a chance! All life is a chance. The man who goes farthest is generally the one who is willing to do and dare." -- Dale Carnegie Rick Pasottor...@niof.nethttp://www.niof.net __ css-discuss [cs...@lists.css-discuss.org] 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_support_evolt/
[css-d] Jigsaw validator
I don't understand what the validator is telling me.
My css:
div#header {
position: relative;
width: 100%;
height: 90px;
background: white url("../images/cont-bl.gif") bottom left no-repeat;
z-index: 0;
margin-bottom: 15px;
}
What jigsaw says:
83 div#header Value Error : background Too many values or
values are not recognized : white url("../images/cont-bl.gif") bottom
left no-repeat white url("../images/cont-bl.gif") bottom left no-repeat
Why does jigsaw give the values twice?
--
"Today is life-the only life you are sure of. Make the most of today.
Get interested in something. Shake yourself awake. Develop a hobby. Let
the winds of enthusiasm sweep through you. Live today with gusto."
-- Dale Carnegie
Rick Pasottor...@niof.nethttp://www.niof.net
__
css-discuss [cs...@lists.css-discuss.org]
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_support_evolt/
Re: [css-d] styling a legend
On Fri, Feb 13, 2009 at 06:51:40PM -0800, David Hucklesby wrote: > On Fri, 13 Feb 2009 18:57:49 -0500, Rick Pasotto wrote: > > What styling can be done to ? > > > > In certain cases I want to use a background image that should appear to the > > right of the legend text. However when I specify 'top right no-repeat' the > > text overlays the image. I can add some to sort of get what I need > > but > > that seems quite kludgy. > > You can add padding-right. That sort of works. The problem is that the text length varies so using padding-right always adds to the text length which means that the images don't line up. > FWIW: If you are adding a red star for a required field, I'd use an > actual image with "required" as ALT text. Do you mean put the image in the html instead of in the css? -- "Compromise is always wrong when it means sacrificing a principle." -- John Perkins 1993 _Malice in Wonderland_ pg 146 Rick Pasottor...@niof.nethttp://www.niof.net __ css-discuss [cs...@lists.css-discuss.org] 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_support_evolt/
[css-d] styling a legend
What styling can be done to ? In certain cases I want to use a background image that should appear to the right of the legend text. However when I specify 'top right no-repeat' the text overlays the image. I can add some to sort of get what I need but that seems quite kludgy. -- "To respond is positive, to react is negative." -- Zig Zigler Rick Pasottor...@niof.nethttp://www.niof.net __ css-discuss [cs...@lists.css-discuss.org] 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_support_evolt/
[css-d] which ie bug is this?
http://acc-tm.org/history.php The page displays fine in gecko browsers but IE acts as though there were a clear before the right hand table. I've increased the margin-left way more than it should need to be and that doesn't help. -- "Without bigots, eccentrics, cranks and heretics the world would not progress." -- Frank Gelett Burgess (1866-1951) Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ 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_support_evolt/
Re: [css-d] relative positioning
On Wed, May 28, 2008 at 04:47:41PM -0400, vincent pollard wrote:
> why does the element need this positioning? for z-index or something?
It's a form and it's the fieldsets that have the positioning. I'm using
the techniques shown in http://www.sitepoint.com/article/fancy-form-design-css
> 2008/5/28 Rick Pasotto <[EMAIL PROTECTED]>:
>
> > Is my understanding correct that putting:
> >
> > div#name1 { position: relative; }
> >
> > in the css file should have absolutely no effect on ?
> >
> > If that is correct, why then does IE6 move the div? Does it make a
> > difference that the block I'm dealing with is a fieldset?
--
"Individuality is to be preserved and respected everywhere, as the root
of everything good." -- Jean Paul Richter, 1803
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
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_support_evolt/
Re: [css-d] relative positioning
On Wed, May 28, 2008 at 09:44:31PM +0100, Alan K Baker wrote:
> According to my books position:relative is to give a point of
> reference to any absolute positioned elements inside it. That's always
> been my understanding and it's always worked.
>
> "CSS The Missing Manual" says: Relative - A relatively placed element
> is placed relative to its current position in the HTML flow. So for
> example, setting a top value of 20px and a left value of 200px on a
> relatively positioned headline moves the headline 20px down and 200px
> to the left from wherever it would normally appear.
>
> So if you've set a position say top and left the will move, but
> position:relative is not the reason, it's set for the benefit of other
> elements.
Yes, that all matches my understanding. Goto this browsershots.org url:
http://browsershots.org/http://lpnc.us/donate.php
You'll see that IE7 gets it right while IE6 has some unexplainable
offset. It also works just fine in gecko browsers.
In trying to figure it out I removed all the styling from the form and
its fieldsets. All ok. Then I added just
fieldset { position: relative; }
and there was the crazy offset. It doesn't even seem to be related to
any other screen element.
> Regards,
>
> Alan.
>
> www.theatreorgans.co.uk
> www.virtualtheatreorgans.com
> Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
> Shopsmith 520 + bits
> Flatulus Antiquitus
>
>
> - Original Message -
> From: Rick Pasotto
> To: css-d@lists.css-discuss.org
> Sent: Wednesday, May 28, 2008 9:08 PM
> Subject: [css-d] relative positioning
>
>
> Is my understanding correct that putting:
>
> div#name1 { position: relative; }
>
> in the css file should have absolutely no effect on ?
>
> If that is correct, why then does IE6 move the div? Does it make a
> difference that the block I'm dealing with is a fieldset?
>
> __
> 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_support_evolt/
--
If tyranny and oppression come to this land, it will be in the guise
of fighting a foreign enemy. -- James Madison
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
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_support_evolt/
[css-d] relative positioning
Is my understanding correct that putting:
div#name1 { position: relative; }
in the css file should have absolutely no effect on ?
If that is correct, why then does IE6 move the div? Does it make a
difference that the block I'm dealing with is a fieldset?
--
"He who asks is a fool for five minutes, but he who does not ask remains
a fool forever." -- Old Chinese saying
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
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_support_evolt/
Re: [css-d] IE7 horizontal scroll
On Sun, May 18, 2008 at 08:09:44PM -0400, David Laakso wrote: > Rick Pasotto wrote: > > Why does IE7 cause this page to scroll horizontally? IE6 doesn't nor FF. > > > > http://lpnc.net > > /Maybe/ because it is not recovering from the markup errors? > http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flpnc.net%2F Evidently not. It now fully validates and still shows the same behavior. -- "Exhilaration is that feeling you get just after a great idea hits you, and just before you realize what's wrong with it." -- Anonymous Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ 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_support_evolt/
[css-d] IE7 horizontal scroll
Why does IE7 cause this page to scroll horizontally? IE6 doesn't nor FF.
http://lpnc.net
--
"Did you ever see an unhappy horse? Did you ever see bird that had the
blues? One reason why birds and horses are not unhappy is because they
are not trying to impress other birds and horses." -- Dale Carnegie
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
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_support_evolt/
Re: [css-d] mysterious letter appearing in GECKO
On Thu, May 15, 2008 at 03:11:29PM -0400, Bryce Fields wrote: > On Thu, May 15, 2008 at 3:04 PM, Rick Pasotto <[EMAIL PROTECTED]> wrote: > > I also have a mysterious letter I've been unable to track down. > > > > http://monday6o.org/attend2.php > > > > It's the letter 'i' appearing just above the table and to the right of > > the menu column. It is not in the html. > > > > Look at the end of this line in the HTML: > > > Total > Attendance1015141016161910151613181516171512151800017150i > > > > Your "i" is hanging out there. So it is! I suspect it came from hitting 'i' for 'insert' in vi when I was already in insert mode. Thanks for curing my blindness. -- "Faith: not *wanting* to know what is true." -- Friedrich Nietzsche Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ 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_support_evolt/
[css-d] mysterious letter appearing in GECKO
I also have a mysterious letter I've been unable to track down. http://monday6o.org/attend2.php It's the letter 'i' appearing just above the table and to the right of the menu column. It is not in the html. -- Where are we going, and what are we doing in this handbasket? Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ 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_support_evolt/
Re: [css-d] why don't they line up?
On Thu, Mar 20, 2008 at 08:23:57PM -0400, David Laakso wrote:
> Rick Pasotto wrote:
> > I hope this is the right list to ask this question on. The page in
> > question is: http://charlottetoastmasters.info/acc/s.php
(That page is now removed.)
> > Why don't the two h2s ('Meeting Date' and 'Schedule for mm/dd/yy') line
> > up? Why is 'Meeting Date' lower than 'Schedule for mm/dd/yy'? Firebug
> > tells me that the styling is identical for both of them.
>
> Enclosing the content of #main, deleting the margin left on that
> division, and zeroing the margin for h2 /seems/ to bring it in fairly
> close on a local file in compliant browsers, and IE/7 and IE/6.
>
> Try:
>
> h2 {margin: 0;}
Thanks. That did the trick. Should have thought of that myself.
--
"When we start with character as a base, our options are virtually
limitless." -- Zig Zigler
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
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_support_evolt/
[css-d] why don't they line up?
I hope this is the right list to ask this question on. The page in
question is: http://charlottetoastmasters.info/acc/s.php
Why don't the two h2s ('Meeting Date' and 'Schedule for mm/dd/yy') line
up? Why is 'Meeting Date' lower than 'Schedule for mm/dd/yy'? Firebug
tells me that the styling is identical for both of them.
--
"Being an Atheist is nothing to be apologetic about. On the contrary, it
is something to be proud of, standing tall to face the far horizon, for
atheism nearly always indicates a healthy independence of mind and,
indeed, a healthy mind." -- Richard Dawkins
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
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_support_evolt/
Re: [css-d] Ideas for handling text with CSS
On Wed, Jun 20, 2007 at 08:24:00AM -0700, Joel D Canfield wrote: > > I was wondering if anyone has a link or information as how to best > > handle text with CSS. By text I mean a line of text that may > > include 3 pieces of information, like name, phone, and email > > address. > > > > In the past, I always used tables for this, but want to handle this > > with the use of CSS if possible. > > my first question (as usual) is, are you absolutely sure tables aren't > semantically correct? if you're using this as tabular data, tables are > not only okay, they're the best choice. Is a table with just one column really a table? > otherwise, a bit more explanation about what you mean by 'handling' > the text would help. I usually just wear a pair of white kid gloves, > but that might not help you ;) I've settled on using an unordered list with list-style:none. This gives me what I want, including the indent. I consider it to be a short list of a certain kind of info about some person or organization. -- "A language is a dialect with an army and a navy." -- Max Weinreich Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7 and ems
If I have two columns, the left given a width in ems and positioned absolute and the right simply given a margin-left leaving width at auto then in Seamonkey increasing the font size changes the left column width and decreases the right column width so that the screen size remains the same. IE7 increases the left column but leaves the right column the same width so the screen is wider and there is now horizontal scrolling. Which is the correct behavior? -- "Man is the only animal that contemplates death, and also the only animal that shows any sign of doubt of its finality." -- William Ernest Hocking Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] z-index problem
On Thu, May 17, 2007 at 01:51:53PM -0400, Brian Crescimanno wrote: > On 5/17/07, Rick Pasotto <[EMAIL PROTECTED]> wrote: > > > > > The problem is that the horizontal menu in the header is partially > > obscured by the header graphic resulting in a:hover not working in all > > the menu items. I made the graphic (currently with a temporary border) > > as narrow as I could with a tranparent background so that the header > > section (the darker blue bar and the white bar) could vary in width with > > the screen size. I used a z-index so that the points of the crown would > > show outside the containing box. > > HI Rick, > > When using z-index, the element to which you are applying that z-index > must be positioned either relatively or absolutely. Try adding it to > your a elements in the menu bar and it should bump them up (though you > may have some other tweaks to do after you change the positioning to > relative). Yes, that works. I thought that positioning a parent element would be enough. Guess not. Thanks. -- "Passionate hatred can give meaning and purpose to an empty life." -- Eric Hoffer Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] z-index problem
I am working on a redesign (from tabled to pure css) and have run into a problem that I hope someone can help me resolve. The test url is http://niof.net/lpnc The problem is that the horizontal menu in the header is partially obscured by the header graphic resulting in a:hover not working in all the menu items. I made the graphic (currently with a temporary border) as narrow as I could with a tranparent background so that the header section (the darker blue bar and the white bar) could vary in width with the screen size. I used a z-index so that the points of the crown would show outside the containing box. I've tried adding a higher z-index to the various elements within the menubar but nothing I've tried has worked. Does anyone have any suggestions? -- "I'll take unequal justice to equal injustice any day." Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] font-size advice
On Tue, Mar 27, 2007 at 02:28:33PM +0100, Chris Ovenden wrote:
> >
> > I'm afraid that question has been discussed to death in this list
> > and elsewhere. I'd say you just have to decide between "usability"
> > and "right size", since usability means that there is no right size.
>
> Surely the "right size", or a t least the right initial size, is the
> same size as (most) other sites.
Wrong. Truth is *not* determined by majority vote.
> By using body { font-size:100% } or similar,
You are giving the user what the user finds most comfortable to read.
> you're immediately making your fonts annoyingly large compared to the
> majority who use something like body { font-size:76% } - a de facto
> 'standard' for good reason:
Nonsense like that is why I have to increase the displayed font size
(sometimes *twice*) on 90+% of the sites I visit in order to be able to
read them. That is most definitely *not* user friendly.
The web is *not* print. The rules are different. Do not expect your
pages to look exactly the same on all displays. You can't even be sure
that your selected font is available and different fonts have different
base sizes, a fact that could very easily throw off all your careful
calculations.
--
"If you will not fight for right when you can easily win without blood
shed; if you will not fight when your victory is sure and not too
costly; you may come to the moment when you will have to fight with
all the odds against you and only a precarious chance of survival.
There may even be a worse case. You may have to fight when there is no
hope of victory, because it is better to perish than to live as
slaves." -- Winston Churchill
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Why the extra vertical space?
<http://charlottetoastmasters.info/leaders2.php> These are nested DLs. (I'm using DLs because there is a possibility of additional info for each governor -- phone, quote, picture, etc.) As far as I can see the code for the two sections is identical yet the first has additional white space above the inner DL. Why? (I have only looked at it in Mozilla so maybe it doesn't happen with other browsers.) -- "If you wish to prosper, let your customer prosper. This is a lesson it has taken you a very long time to learn. When people have learned this lesson, everyone will seek his individual welfare in the general welfare. Then jealousies between man and man, city and city, province and province, nation and nation, will no longer trouble the world." -- Frédéric Bastiat (1801-1850) Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Blank space between divs in mozilla not in IE
<http://niof.net/lpnc/tst>
Where does the blank space after the top horizontal navbar and the main
body come from? It's there only in Mozilla/Firefox but not in IE.
I've got 'html,body {margin:0; padding:0}'.
I've tried adding margin:0 everywhere that seems relevant.
What silly thing have I overlooked?
Also, is it correct that IE doesn't recognize:
#footer hr + p {
font-style: italic;
}
Mozilla does what I want.
--
"Nature magically suits a man to his fortunes, by making them the fruit of
his character." -- Ralph Waldo Emerson, writer and philosopher (1803-1882)
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] float with negative margin
On Wed, May 18, 2005 at 12:37:40PM -0400, Rick Pasotto wrote: > I have a 3-col layout with the left and right columns floated. What I'm > trying to do is to float-right an item that's in the center column so > that it actually displays in the right-floated column. This works using > negative right margin on the floated item except that the size of the > negative right margin is different between mozilla an IE. > > <http://niof.net/tmnc/lawards.php> > > Near the bottom of the page is what I'm talking about. Using -13em works > perfectly on mozilla but shoves it off the screen on IE. Using -6.5em > works perfectly in IE but is too far left in mozilla. (Hmmm. 2*6.5=13 -- > is that a clue?) > > How do I get it to work in both browsers? As soon as my post appeared I saw the answer (sort of) in another post. Setting display:inline *almost* fixes it. IE still isn't exact but it's now close enough. -- Beauty is the purgation of superfluities. -Michelangelo Buonarroti, sculptor, painter, architect, and poet (1475-1564) Rick Pasotto[EMAIL PROTECTED]http://www.niof.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] float with negative margin
I have a 3-col layout with the left and right columns floated. What I'm
trying to do is to float-right an item that's in the center column so
that it actually displays in the right-floated column. This works using
negative right margin on the floated item except that the size of the
negative right margin is different between mozilla an IE.
<http://niof.net/tmnc/lawards.php>
Near the bottom of the page is what I'm talking about. Using -13em works
perfectly on mozilla but shoves it off the screen on IE. Using -6.5em
works perfectly in IE but is too far left in mozilla. (Hmmm. 2*6.5=13 --
is that a clue?)
How do I get it to work in both browsers?
--
The way I see it, if you want rainbow, you gotta put up with the rain.
-- Dolly Parton
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
