Issue solved. Thanks! Now to get Firebug for iPad.
--Original Message--
From: Philippe Wittenbergh
To: Christian Ziebarth
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Strange iPad width issue
Sent: Jan 13, 2012 5:31 PM
On Jan 14, 2012, at 10:14 AM, Christian Ziebarth wrote:
On this site I have a hover effect on the photos on the right. Works good in
Firefox and IE8 but on IE7 the larger version of the image appears behind
everything else. I have tried tweaking z-index values of several elements but
to no avail so far. I'll keep working on it but if someone sees a
On a site I am building at:
http://www.murphytx-online.com/murphy/
when you hover over top navigation list items that have submenus those submenus
usually come into view but every once in a while they do not. When I have the
CSS rule in place that clearly states that the submenus are supposed
On 21/08/2009, at 8:23 AM, christi...@netscape.net wrote:
On a site I am building at:
http://www.murphytx-online.com/murphy/
when you hover over top navigation list items that have submenus
those submenus usually come into view but every once in a while they
do not. When I have the
On the site I am working on at http://www.murphytx-online.com/murphy/ the top
navigation has sub navigation that branches off some of the top level choices.
The problem is that sometimes you can then mouse down to the new options but
sometimes the sub navigation disappears when you try to point
Thank you, Alan. And, yes, I do want to make the site accessible to everyone.
At the moment you can click on any of the top level choices and if they happen
to have subnavigation then that will appear in the left sidebar. BTW, are there
dropdown menus out there that do work with keyboards in
I have a site that is basically working good and I even did IE conditional
comments and such to get it to work in IE6 but when I just checked it now the
rules in the IE6-only conditional comments don't seem to be functioning in IE6
at all. I am wondering if it's just a quirk with my sandboxed
It seems to be a little-known fact that the W3C actually says that tables can
be used to lay out (actually it says present) forms.
More info here: http://developer.cmzmedia.com/?p=71
Yes, tables were not intended to lay out a whole web page but they do have
legitimate uses. There's no need to
Can anyone figure out why there is left padding appearing on the H1 of this
page:
http://www.usmexfood.com/
Firebug isn't helping (it shows no padding on the element coming from any
style). Adding a border to the H1 shows that the lettering does not hit the
left edge.
My code might *look* like there's more work involved in creating it, but what
you're not showing in your code is all the countless hacks and fixes that you
have to implement 'behind the scenes'
Let me just say that I have made perfectly functioning CSS sites without any
hacks or fixes
Geoff,
If a table layout works for you, the project, and the client then go for it. I
understand the frustrations you have outlined. There really are some things
that are easier to do with tables. Personally, I never layout a page with
tables anymore because I need to keep the stuff in my
Here's a site I recently finished and it is up and running and I think it works
pretty good but I just want other eyes to look at it and see if there's
anything that needs fixing or could use enhancing:
http://www.golfteesgalore.com/
Christian Ziebarth
Hedley,
How about a link to a working example / sample code?
I have put up an example at: http://www.golfteesgalore.com/
Check it first on Firefox or perhaps IE (or Netscape for oldtimers like me)
then check it in Safari. You will see that the lefthand column now shows a
capital G in the upper
IMO, the resulting YUI grid constructions are less practical than
nested-table constructions. That in addition to the fact that I don't
like 'locked em-sizing' in web design, means I'll never use or recommend
the grid builder.
Maybe they can take your suggestions and make it better.
Does anyboy have an idea on how to get the white backgrounded BODY on this page
to stretch up to the top of the page in Mozilla/Firefox/Netscape and down to
the bottom of the page in IE?
http://www.cmzmedia.com/tccnotary/contractorform.php
This has been an excellent thing for me to learn in my greenhorn-hood..
As I adjust my pages to work with this new combined style sheet, I'm
adding id=index to every instance of my p tags; my space after
design employs a pparagraph's worth of text/p pparagraph's
worth of text/p, so
I am wondering if anyone knows what the asterisks in the following CSS do:
#mainNav, #secondaryContent {
padding-top: 20px;
padding-bottom: 20px;
}
#mainNav *, #secondaryContent * {
padding-left: 20px; padding-right: 20px;
}
#mainNav * *, #secondaryContent * * {
padding-left: 0;
One could argue that a bunch of links (as in your example) could properly be
considered tabular data (so what if they also work as links - each one is a
chunk of information, data, and they need to be grouped together in a logical
way, even if only on one row) and therefore be presented in an
Then the same could be said of a simple definition list. I would like
to agree with you, but am not quite comfortable with that argument.
You're saying you're uncomfortable using tables to present tabular data
even though that is what tables are for?
I ask this becouse I still see many famous
As a rule, none of the default styling of text links is
applicable to images that are links, though such images have default
styling of their own.
Not entirely true. Transparent gifs (and probably transparent PNGs too)
that are links will still show background colors on hover and active
Just a basic site check:
http://resume.christianziebarth.com/
I'm trying to be very modern here while keeping it simple. I'm using the Yahoo
reset.css and a screen style sheet, a print style sheet, and a handheld style
sheet. The testing I've been able to do indicates that everything's working
I hear ya on the Brainbench thing. I was about to take it down until I just
recently had a prospective employer have me take the Brainbench test and they
were flabbergasted on how good I did. Might still take it down but still need
some way to show that my skills are exceptional.
And I'm
I would like to make it simpler and more readily maintainable, but I don't know
where to start in duplicating it with CSS, avoiding the use of a table, which
we
are supposed to despise.
Don't throw the baby out with the bathwater. Tables are still supposed to be
used for presenting
I don't see why you set the width to such a large value, but anyway, by
CSS specifications, only a certain set of properties have an effect on a
:first-letter pseudo-element, and width and height are not among them.
Besides, you would need to write a separate CSS-rule for each initial
Is there a way to replace the P:first-letter pseudo-element with an image?
This is for if you want to replace the first letter of a document with a
super-stylized cap image but still have the text show up if the image is not
going to. The code I came up with works perfectly in Opera, degrades
On the following example, how do I get the middle part (the gold section with
the majority of the text) to take up whatever horizontal space the left and the
right columns aren't taking up (without creating a horizontal scroll bar)?
http://www.christianziebarth.com/chrisbrown/
Does anyone know how to get a colored HR (no, I don't mind capitalizing the
tag name when it's not actually in an XHTML document) to show properly without
a white border in IE and without rounded edges in Firefox?
Here's the code I'm using now:
HR { border: none;
background-color:
Now that solution works perfect in IE, but undoes the perfection that used to
exist in Firefox.
-Original Message-
From: [EMAIL PROTECTED]
To: [EMAIL PROTECTED]; [EMAIL PROTECTED]; [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Sent: Wed, 14 Mar 2007 10:15 AM
Subject: Re:
Here's the code that seems to be working perfectly now:
HR { height: 14px;
border-width: 14px 0px 0px 0px;
border-style: solid;
border-color: #AD650D;
color: #AD650D;
width: 360px; }
Yes, I need my horizontal rule in this case to be 14 pixels high and 360
pixels wide. This may come
Has anyone noticed IE not printing out all the text from a web page before? It
is doing that to me now. Most of the words are there but a few that should be
at the end of a line before it wraps to the next line have disappeared.
I don't have a URL since this is being developed at my work. I
Does anyone know how to get the Blogger header strip to remove from the print
styles in my blog?
http://ocmexfood.blogspot.com/
I have used CSS to get some of it to go away but some of it is still
stubbornly appearing. I don't mind that the strip shows up when people view my
site on the
How do I get an element (copyright statement in this instance) to always be
positioned in the lower right hand corner of a DIV that is not absolutely
positioned? In this instance my DIV starts right at the top of the page and the
margin-left and margin-right are set to 'auto.'
Just need a pretty basic site check to check for possible CSS problems. This
started out with a Blogspot template and I've customized the existing CSS in it
quite a bit. I have to add the usual caveat that I am mostly wondering how it
looks and functions on a Mac, but comments pertaining to any
I know that XHTML tags and attributes are supposed to be written in lowercase
(i.e., head) when they are actually being used as tags within an XHTML
document (meaning between the 'less than' and 'greater than' symbols [or
whatever those symbols more technical names are]) but it seems that the
I've got a client's site redesign that is just about to go live and
would like input from people here as to how I might get the CSS aspect
of it to a quality, professional level. Maybe it's already there, but
I've reached the point where I need to step back and have other eyes
inspect it.
The
http://www.vikingroofing.com/temp/request.shtml
On this form is there a way I can get each instance of LABEL and its
associated INPUT tag to act as a block-level element together so that I
don't have to put double BR tags after each . . . or resort to using
tables . . . or wrapping each pair
http://www.christianziebarth.com/
Just need this checked for the usual cross-browser issues and if anything jumps
out at anybody where the CSS can be handled better go ahead and point it out.
It's working pretty good for me in NS/FF/IE for PC. I have a client site coming
soon that will need
Is there any way to apply a style rule to all block level elements (and not to
any inline elements, or any other kind of element for that matter) without
listing all block level elements in the style sheet?
___
Try the New Netscape Mail Today!
Could someone please explain the use of display:table-cell?
Simply put (be careful, because the explanation is s simple it may be
confusing), it's the display property of table-cells. It may very well be that
no other element will ever need to have that property applied to it but table
Are there known issues with Mozilla-based browsers having trouble displaying
type in the Webding font? I know this font is used very little but I have an
occasion to use it now and it is working in IE but not in NN8/FF1.5. I can post
an example if necessary, I just don't have anything online at
Keep in mind that this is coming from somebody who is a huge proponent of CSS
but it seems that a lot of the backlash against tables is because of the
semantic meeting of the word 'table,' which seems to (strongly seems, I would
agree) indicate that tabular 'data' is about to be presented. But
Okay, for those of us who remember my question about styling columns here is
the solution I came up with (for my current project anyway). It takes advantage
of the fact that Firefox *does* allow for the background of columns to be
styled while still keeping everything very tight (notice that no
Thanks, Eric. It was just so nice when I had stripped away a ton of code and
had all these cells with no classes assigned or inline styling or anything
(literally just: tdX/td, whereas the old version that somebody else coded
looked like td align=center valign=middle bgcolor=E1E4E4span
CJ Larson wrote:
I think the problem posed is that *every* td has the same thing, the
same thing, the same thing, so why should a class have to specified 40
times (number pulled from a hat) to style this one type of td? Now, if
only one city td needed to be special, a class there would be
It is not unheard of for people to drop a style tag in the body when
they can't edit the head section (e.g. with really bad content
management systems or when sending HTML formatted emails (as many
systems, especially webmail, strip the head section entirely)). Not
unheard of, but still wrong. -
I don't hardly ever use these tags but I found they came in handy in my
current assignment. However, in IE (not my favorite browser but I have
to admit it's doing what I want to in this instance) everything
displayed the way I intuitively imagined it would after adding style
rules to these two
I don't hardly ever use these tags but I found they came in handy
in my
current assignment. However, in IE (not my favorite browser but I
have
to admit it's doing what I want to in this instance) everything
displayed the way I intuitively imagined it would after adding
style
rules to
I can't believe all of us web developer types let Microsoft's monopoly
win.
Date: Sat, 5 Nov 2005 00:46:18 -
From: [EMAIL PROTECTED]
Subject: Re: [css-d] I want to scream
To: 'css-discuss' css-d@lists.css-discuss.org
Message-ID: [EMAIL PROTECTED]
Content-Type: text/plain; format=flowed;
Is there any 'correct' way to get paragraphs to remain block level elements but
to only act as though there is a break tag between them? I have tried setting
the margin-top to one negative em value ( P + P { margin-top: -1em; } ) and
that seems to work pretty good but is there any other method
I mentioned this page earlier and some problems I'd been having with it
but I got the majority of those problems worked out on my own (so
fortunately nobody responded to my prior questions) but now I need some
real help. In NS 7.2 everything fits perfectly without the need for
horizontal
Is it possible to set this page up so that they two gray boxes (Iron Giant is
Good, I Like Ray Liotta) stretch with the width of the browser window while
keeping the same amount of space inbetween the two boxes *and* so that the two
gray lines below How?s The Weather in Brazil? and Aquaman is
51 matches
Mail list logo