Sent by Robert Neville on 31 January 2005 05:05
Another excellent explanation. Thanks Again!
--- Roger Roelofs [EMAIL-REMOVED]> wrote:
Roger,
> IIRC :before and :after are well supported in gecko
(firefox, mozilla,
> netscape), khtml (safari, konquerer), and opera.
Good. I may switch to this technique after I master
the present one. My layout does not have to be
completely compatible across the board. But I should
expect consistent results across platforms with
compliant browsers.
I will just incorporate style sheet switching
technique for printing and resolution consideration in
future versions. Then I will address the inherent
design situation for IE in these style sheets.
> Even ie supports png, it just doesn't support
transparency/translucency.
> By the way, I'm not seeing a gradient on your page.
The gradient is subtle and appears as white light
emerging from the bottom of the page. Hence, Firework
had trouble exporting the gradient instead it exported
bands. The color differences are negligible to most
viewers. Personally, I still see bands in the
gradient; I was going for slight Rembrandt light
effect. The actual purpose for the gradient was to
test the transparency in the corner graphics.
> Actually it is centered :) The li containing
'Select File > New is not
> as wide as the rest of the li because it has to make
room for the right
> floated articleID. If you add the following style
to your stylesheet
> it will illustrate what I mean.
Again, here’s a scenario where experience allude to
the answer. What technique should I use center the
DIV? The situation is not paramount. I may left align
all images at the end of the day, but my curiosity
yearns to understand CSS better.
> I think the background below the curve on that
graphic is transparent
> and is letting the background color show through.
The background curve in the footer graphic is on a
transparency. The original graphic from the “A List
Apart” example was on a transparency as well.
> Unfortunately, my css debugging environment (Web
developer toolbar in ff) isn't playing
> well with geocities so I can't verify this easily.
Do other options for economical web hosting exist for
testing HTML/CSS? Again, I have not reached the point
where additional expense for web hosting is merited.
But I will gladly place the site somewhere else in the
effort of debugging.
QUESTION
You mentioned the Web Developer toolbar in Firefox. My
toolbar remains curial in debugging web page even on
Geocities. After playing around with the toolbar, I
noticed several odd occurrences. Check out the
outlining feature on my web page; “Outline Block level
Element.” The block elements bleed into each other;
particularly the div.Article and div.ArticleBody
styles (Outline > Outline Block Element)(Information >
Display ID & Class Details) . Then Left and Middle ID
are smaller than the actual graphic elements (denote
by the red outline). Could this be healthy situation
or impending doom?
QUESTION 2
Whenever you scale the browser window, the layout
scales as well. This behavior is by design; yet the
images step outside the graphic boundaries of the
Article Body, which is not desirable. Can I keep the
images in the Article Body while having the layout
scale?
STANDARD DISCLAIMER: These web pages are for personal
usage and will reside on an external hard drive. I
will use these documents to help me remember key
computing idiosyncrasies. These documents number over
a hundred. The CSS style sheet will allow me to have a
consistent format and allow me to update formatting
for all documents at once. The documents should be
viewable on Firefox, Safari, Opera, IE (Third) and
Netscape (distant fourth); and not have any platform
specific needs. Thus server side processing is not
desirable. All processing should be client based.
Please take these considerations when suggesting
ideas.
__________________________________
Do you Yahoo!?
Read only the mail you want - Yahoo! Mail SpamGuard.
http://promotions.yahoo.com/new_mail
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/