Re: [css-d] Content not allowd in prolog validation error
On Tue, 31 May 2005 01:14:36 -0400, Prabhath Sirisena [EMAIL PROTECTED] wrote: But I don't understand *why* the stylesheet isn't being seen -- it's a relative path; shouldn't the validator find it? I haven't had this problem before, and I always do my stylesheets the same way (or else, there's something I'm being really obtuse about). I've seen this error recently, and what's more, now on my site (nidahas.com) I get this: I/O Error: Stream closed. Looks like the validator has started chocking on CSS. The CSS validator is in good health. Prabhath http://nidahas.com Best, David Laakso -- http://www.dlaakso.com/ __ 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] Content not allowd in prolog validation error
What could the reason be for this error? (I/O Error. Stream closed). The site is: http://nidahas.com Try validating the CSS. The content is served as application/xhtml+xml. Thanks, Prabhath http://nidahas.com I/O Error: Stream closed. Looks like the validator has started chocking on CSS. The CSS validator is in good health. Prabhath http://nidahas.com Best, David Laakso -- http://www.dlaakso.com/ __ 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] css + javascript to create/open links for specific classes/ids
hello people. I want to add a feature to my web pages. span class=lookuptantalising/span You'll need to use JavaScript for that. It is not hard to do and the datepicker example can give you a pointer how to: http://www.onlinetools.org/articles/unobtrusivejavascript/chapter3.html However, what is happening to the users without JavaScript? IMHO, as you need to add the class markup, you might as well add the links in the HTML. HTH Chris -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ 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] Need workaround for Firefox rendering bug of LIR
Chris Hardie wrote: Hi, I've run into a bit of a wall trying to use the Leahy Image Replacement technique to develop a horizontal menu. I've mirrored an example Dan Cederholm presented for an article on Simplebits, but I have removed most of the extraneous HTML. http://www.nextdesigns.ca/menu_test_fail.html When the page renders in Firefox, the replacement images won't appear until you hover your mouse over them. ... Did you accidentally remove any extraneous CSS? Which of Dan's many tab articles are you building from? -- Bob Easton Accessibility Matters: http://access-matters.com __ 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] Problem under MAC IE 5.0 and 5.5
Hello Philippe,
Thanks for replying.
I tried what you suggested (you can see it online) but it doesn't correct
the problem.
Maybe I am doing something wrong ? Here is the code I used.
/*The following is read by IE5 MAC only
http://www.stopdesign.com/log/2004/07/06/filtering-css.html*/
/*\*//*/
div#mainnav a
{
white-space:nowrap;
width:1px;
}
/**/
Could you please have another look ?
Thanks for your help.
Cheers,
Jérôme
On 31 May 2005, at 12:39 am, jérôme coupé wrote:
The problems are the following:
* Under IE MAC 5.0 the navbar displays all funny (big gaps between
items)
The HTML
http://www.polarfoundation.org
The CSS
http://www.polarfoundation.org/css/main.css
See ###main navigation###
For (older) IE mac, adding this:
div#mainnav a {white-space:nowrap; width:1px;} ought to fix that.
Note that I have better results by setting the li to {display:inline-block}
Hide both from other browsers.
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com/
--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.322 / Virus Database: 267.2.0 - Release Date: 27/05/2005
__
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] drop down menu
Hi Thanks, Schalk, for recommending the Suckerfish drop down menu. The menu drop down seems to be disappearing behing the large image below. Does anyone have any ideas on how to fix this? http://www.virtuallee.co.uk/client_area/Neptune/index_test_nav.htm Thanks! Lee -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.322 / Virus Database: 267.2.0 - Release Date: 27/05/2005 __ 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] Re: Website check on Windows [worldadventurer.net]
Hi all, I would like to thanks those who have replied to my email on the list and in private, sending me screenshots of the website from different browsers/configurations and to those who, with their suggestions, help me to fix the problem. Everything seem to work fine now (even if I still need to fix many little things...). Thanks again, Luca __ 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] Layering Problem (2nd Post)
Hi, This is a question I posed back on May 17th and I got no answer to it. It is still a problem that I would like to fix: - I have the following page: http://www.imaging-resource.com/index-test.html With 2 problems: 1. The gif (in Firefox) or Flash (in IE) are not lining up with the logo. They are actually displaying under the logo. 2. In IE, the Flash expands under the columns, instead of over. Does anyone have any suggestions? Here's the CSS: http://www.imaging-resource.com/IN/style.css Thanks! - Have I posed the question wrong or leave something out that makes it difficult to help me with this? Does anyone have any suggestions on how to fix the problem? Thanks! -- Yazmin Wickham __ 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] Re: Layering Problem (2nd Post)
Never mind, I was able to fix the problem. -- Yazmin Wickham Contractor - Internet Development http://www.yazmin.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] using percentages, paragraph too small within tables
Bruce,
table td p{font-size:100%;}
but that isn't working. Any suggestions?
To scale the font-size, you have to declare a value 100%.
The p inherits the font-size of td, td of tr and tr of table and table
of body. So if you resize the font-size for body by 62.5% with browser
standard set to 16px, the font-size inside the body is 10px. If you
decrease it in td to 80%, everything inside td has a font-size of 8px.
In short words: The font-size in percent is not related to the browser
standard font-size, but to the parent element's font-size.
regards,
Martin
__
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] using percentages, paragraph too small within tables
On 5/31/05, Martin Heiden [EMAIL PROTECTED] wrote: Bruce, To scale the font-size, you have to declare a value 100%. thanks, but I tried that, and it didn't seem to work. here is a link to the page I was referring to: http://206.211.80.55/Schools/schools_details.php you will be prompted for login: username: administrator password: dpsweb#55 scroll down until you see the paragraph 'directions', and underneath that you will see 'from I-85...below that you will see really tiny text that says 'why am I so small?'. This is the text I am referring to. -- ::Bruce:: __ 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[2]: [css-d] using percentages, paragraph too small within tables
Bruce,
scroll down until you see the paragraph 'directions', and underneath
that you will see 'from I-85...below that you will see really tiny
text that says 'why am I so small?'. This is the text I am referring
to.
.content table {
color: #333;
background:transparent;
font: 70% Arial, Helvetica, sans-serif;
padding:0;
margin:0;
}
.content p {
margin: 0;
padding: 0 0 10px 2px;
color: #333;
font: 70%/150% Arial, Helvetica, sans-serif;
}
so it is 70% of 70%...
.content p has a specificity of 11
table td p has only a specificity of 3
try
.content table td p {
font-size: 100%;
}
That should override the value of .content p
regards,
Martin
__
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] using percentages, paragraph too small within tables
Bruce Gilbert wrote:
scroll down until you see the paragraph 'directions', and underneath
that you will see 'from I-85...below that you will see really tiny
text that says 'why am I so small?'. This is the text I am referring
to.
Hi,
You have .content p set to 70%. Change this to 1.0em or 100% and you
should be squared away. I recommend setting a percentage on the body and
then using em for additional font-size declarations. I generally set
something like 76%/1.4 on the body and then use 1.0em on the container
(wrapper). I find this provides a relatively consistent font-size across
platforms and browsers and makes it easier to control inheritance--it's
not perfect, but very few things are. :)
.content p {
margin: 0;
padding: 0 0 10px 2px;
color: #333;
font: 1.0em /150% Arial, Helvetica, sans-serif;
}
Additionally, you may want to revisit the organization of your CSS. It
seems you could clean things up a bit and it may be possible that your
cascade or specificity is being thrown off by your grouping methods. You
have table td p{font-size:100%;} declared after .content p, however;
because .content p has a higher specificity, the latter rule is ignored.
HTH,
Michael Wilson
__
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] conditional comments in css
When ever I try and use conditional comments to get rid of a problem in IE, I get the text of the comment at the top of the page - anyone know why this is? Also, I have started to use child selectors instead, as IE ignores these, is this considered worse practice than a conditional comment? Thanks for your help, anthony __ 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] General cascade question
This was happening to me in a project, but lends itself to a general
question.
With this css:
div#stylea{foo}
p.styleb{foo}
and this html:
div id=stylea
p class=stylebbar/p
/div
styleb was not being applied until I did this:
div#stylea p.styleb{foo}
why? I know I need to get this specific to _over-ride_ the original
p.styleb. But why didn't the first general p rule just work?
(follow me on that?) ;-)
Tom Livingston
Senior Multimedia Artist
Media Logic
www.mlinc.com
---
www.browsehappy.com
__
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] Website Check
Hi, At Brightview we have recently developed the website http://www.ic24.net http://www.ic24.net/ . We have tried to make the site as accessible as we can and would really appreciate your comments. The site was created using the following resources: CSS Discuss http://css-discuss.incutio.com/?page=FrontPage Position everything http://www.positioniseverything.net/piefecta-rigid.html HTML Kit http://www.chami.com/html-kit/ w3c http://validator.w3.org/ Bobby Watch Fire http://bobby.watchfire.com/bobby/html/en/index.jsp and Suckerfish Dropdowns http://www.htmldog.com/articles/suckerfish/dropdowns/ Kind Regards Matt Matthew French Web Development Manager Brightview Group Ltd http://www.brightview.com http://www.brightview.com/ This message contains confidential information and is intended only for the individual named. If you are not the named addressee you should not disseminate, distribute or copy this e-mail. Please notify the sender immediately by e-mail if you have received this e-mail by mistake and delete this e-mail from your system. __ 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] Reassurance on site design
Gunlaug Sørtun wrote: Patrick Mannix wrote: ...I have tentatively decided that the fluid (?) design seen at http://www.mhcug.org/members.htm which seems to fit my requirements the best. I think that layout-method is best described as 'proportional', as it isn't really fluid. Thanks, I was searching for a better term. This proportional linking is overriding everything, so I'm seriously in doubt whether this proportional layout is doing any good for ordinary visitors, or if it just suits web designers wish for predictable results. Proportional pages don't break--they just become less accessible. Good point. Accessibility is highest among my priorities. I did like the not breaking part though. Should be obvious from the above that I prefer real fluid designs My advise is to test even more across browser-land, and look at other solutions / combinations. Georg, I am very pleased that you took the time to thoughtfully respond to my post. You certainly have provided much appreciated food for thought. It had been some months since I spent a great deal of time on your website. It provided much inspiration at the time, and my revisit today, particularly to your simple web pages http://www.gunlaug.no/homesite/main_7.html is sure to inspire even more! While my current approach met my requirements for simplicity, cross-browser compatibility with no hacks, and usability -- you pointed out accessibility issues I failed to consider. I thought I had covered that by testing among a group of seniors (our user group has a significant representation of retirees) and at least one blind tester (who used a screen reader, which doesn't reveal the issues you pointed out). So, I will take your advice and look for other solutions and test and test again! Regards, Pat __ 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] using percentages, paragraph too small within tables
On Tue, 31 May 2005 11:28:17 -0400, Bruce Gilbert [EMAIL PROTECTED] wrote: On 5/31/05, Martin Heiden [EMAIL PROTECTED] wrote: Bruce, To scale the font-size, you have to declare a value 100%. thanks, but I tried that, and it didn't seem to work. here is a link to the page I was referring to: http://206.211.80.55/Schools/schools_details.php you will be prompted for login: username: administrator password: dpsweb#55 scroll down until you see the paragraph 'directions', and underneath that you will see 'from I-85...below that you will see really tiny text that says 'why am I so small?'. This is the text I am referring to. You've got to be kidding: 'Why am I so small' is the only text on the whole page I can read at my setting. Regards, David Laakso -- http://www.dlaakso.com/ __ 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] General cascade question
Thomas Livingston wrote:
div#stylea{foo}
p.styleb{foo}
div id=stylea
p class=stylebbar/p
/div
styleb was not being applied until I did this:
div#stylea p.styleb{foo}
why?
I admit I'm not entirely sure what you're asking. You may need to
get more specific in your question. Let's say you have this:
div#stylea{ font-weight: bold; color: blue; }
p.styleb{ color: red; background: yellow; }
The word bar will be bold, blue, and have a yellow background.
div#stylea is more specific than p.styleb. Accordingly, anywhere the
two conflict, #stylea will apply and override .styleb. Hence the
text is blue, not red. However, both selectors still apply to the
element, so where the rules do not conflict, each will be applied.
Hence the text is both bold, and has a yellow background.
If you add div#stylea p.styleb the same principles hold: Anywhere the
selectors conflict, this one is more specific, and will win.
Anywhere they differ, all will be applied.
So add to the above:
div#stylea p.styleb { color: black; font-size: 2em; }
Now the text will be black, but still bold, still with a yellow
background, and now it will also be twice as big.
Does that help?
--
-Adam Kuehn
__
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] question regarding backgrounds, etc.
I have a problem in which the background image to a div is showing how I
want it to in IE, but is messed up in fire fox/mozilla.
Here is the code:
#page_content_nf{
position:absolute;
width:528px;
height:450px;
left: 187px;
top: 79px;
overflow: auto;
margin: 0px;
background:url(../images/workingpage_03.jpg) no-repeat fixed;
}
In IE it shows up just fine, but in Fire Fox, it is like the background
starts with the back of the page, not where the div is. Help, please.
Thanks in advance.
Paul Seale
__
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] General cascade question
On May 31, 2005, at 1:27 PM, Adam Kuehn wrote: Does that help? Yup! Thanks. Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com --- www.browsehappy.com __ 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] Indicating external links, negating
I have the following code to add a small graphic after an external link (in
compliant browsers):
a[href^=http://www.;] {
padding-right: 16px;
background: url(icn_externallink.png) no-repeat center right;
}
Works fine.
However, I have a div named topnav on each page that contains a list of
external links styled to look like buttons. I have one external link in that
nav list. I do NOT want the graphic to appear after it.
How would I negate the above rule so that it does not apply to that link in
the topnav div?
Or should I add more specificity to the above rule so that it only applies
to the areas of content that need it?
Regards,
Ron
__
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] using percentages, paragraph too small within tables
Martin Heiden wrote:
Bruce Gilbert wrote:
scroll down until you see the paragraph 'directions', and underneath
that you will see 'from I-85...below that you will see really tiny
text that says 'why am I so small?'. This is the text I am referring
to.
.content table {
color: #333;
background:transparent;
font: 70% Arial, Helvetica, sans-serif;
padding:0;
margin:0;
}
.content p {
margin: 0;
padding: 0 0 10px 2px;
color: #333;
font: 70%/150% Arial, Helvetica, sans-serif;
}
so it is 70% of 70%...
At first, that's what I thought too. I even confirmed it with Domi:
body (20px)
div#wrapper-no-border (20px)
div#pagecontent (20px)
div.content (20px)
table (.content table - 70% - 14px)
tr (14px)
td (14px)
p (.content p; 9.8px) 70% X 70%
But then I noticed use of not font-size, but font, and I thought
about this: All font-related properties are first reset to their
initial values http://www.w3.org/TR/CSS21/fonts.html#font-shorthand. So
where is the initial font-size value coming from to make the inherited
value 70% instead of 100%? Aren't initial values supposed to come from
the browser? Why is .content table creating the initial value for
font-size for .content p here?
try
.content table td p {
font-size: 100%;
}
.content td p works too, as does leaving the size of all content classes
and ids at 100% to start with, and setting size only on body. That way
your visitors can see content the size they wanted it in the first place
with a one line user stylesheet rule overriding your body rule, without
needing to zoom.
--
Through Him all things were made; without Him nothing was made
that has been made.John 1:3 NIV
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://members.ij.net/mrmazda/auth/
__
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] using percentages [ADDENDUM]
On Tue, 31 May 2005 13:21:36 -0400, David Laakso [EMAIL PROTECTED] wrote: On Tue, 31 May 2005 11:28:17 -0400, Bruce Gilbert [EMAIL PROTECTED] wrote: On 5/31/05, Martin Heiden [EMAIL PROTECTED] wrote: Bruce, To scale the font-size, you have to declare a value 100%. thanks, but I tried that, and it didn't seem to work. here is a link to the page I was referring to: http://206.211.80.55/Schools/schools_details.php you will be prompted for login: username: administrator password: dpsweb#55 scroll down until you see the paragraph 'directions', and underneath that you will see 'from I-85...below that you will see really tiny text that says 'why am I so small?'. This is the text I am referring to. You've got to be kidding: 'Why am I so small' is the only text on the whole page I can read at my setting. Regards, David Laakso Suggestion: Correct the 84 errors on the source file. Forget about the 10 errors on the CSS file. Declare this on the body: font: 100.01%/150% sans-serif; Strip every single instance of *anything and everything* having to do with fonts throughout the remainder of the style sheet. Use percent for for font-size *and* line-height to slowly adjust individual selectors as necessary-- do so with the screen resolution set at 1280 and compare(frequently) at 800. Regards, David Laakso -- http://www.dlaakso.com/ __ 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] Css help
On a web page I am using two different .gifs. One .gif for my header and the other as a background from the top left where My heder ends to the bootom right. Can any one please help? Second I am trying to get the .gif in the header to end with the bottom of the flag. I am also lost why the h1 tag will not show. HTML: http://infoforce-services.com/personal/mackinnon_namehistory.htm CSS: http://infoforce-services.com/css/mackinnon_namehistory-css.css Angus MacKinnon MacKinnon Crest Saying Latin - Audentes Fortuna Juvat English - Fortune Assists The Daring Web page: http://members.shaw.ca/dabneyadfm Choroideremia Research Foundation Inc. 2nd Vice president Choroideremia Research Foundation Canada Inc. 1st Vice President http://www.choroideremia.org __ 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] IE6 png alpha transparency filter on ap element: links don't work
While I was trying to find a workaround for another thread, I stumbled
into a png problem I never was aware of:
links don't work when the filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader is used.
So what? People seem to use this filter for ambitioned projects.
On
http://www.daltonlp.com/daltonlp.cgi?item_type=1item_id=217
I read the links problem can be solved when you add
a {position: relative; }, maybe combined with z-index.
(or use an very small png image).
I found that it works well with the a-posrelative-hack as long as the
filter is not applied to an a.p. element.
see the first test on
http://www.satzansatz.de/cssd/tmp/alphatransparency.html
The links don't work when they are placed above a region where the
transparency is not full.
I had to move the filter from this a.p. element to a layout,
non-positioned child to get the links to work, in this case, the ul
(second test)
(Of course, alternatively, we could build two independent a.p.
containers, one for the image, one for the links, and overlay them.)
I think it's not a z-index-related problem because I can give the links
their own background, which can be seen above the transparent png, but
the non-transparent regions still won't work.
Funnily, /they/ write on MSDN that the text under the image element can
be accessed on full transparency. But why does this stupid hardwired
engine not work when the links are above the image?
So, before I dismiss this silly IE problem, does anyone have an idea how
to solve
a.p.element with filter AlphaImageLoader transparency
+ _child_ links
or can share experience or show the point I am missing?
Ingo
__
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] using percentages, paragraph too small within tables
Felix Miata wrote: But then I noticed use of not font-size, but font, and I thought about this: All font-related properties are first reset to their initial values http://www.w3.org/TR/CSS21/fonts.html#font-shorthand. So where is the initial font-size value coming from to make the inherited value 70% instead of 100%? Aren't initial values supposed to come from the browser? Why is .content table creating the initial value for font-size for .content p here? You aren't quoting enough of the spec. The full quote is this: All font-related properties are first reset to their initial values, including those listed in the preceding paragraph [i.e 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height' and 'font-family']. Then, those properties that are given explicit values in the 'font' shorthand are set to those values. In other words, the percentage font-size value given in the rule is an explicit value (here, 70%) and so that *is* the value used. On the other hand, if no value appears in the shorthand rule, then initial value would be used. But since font-size is always required as part of the font shorthand, effectively the font-size value is never set to the initial value determined by the browser, unless that value (==medium) is set explicitly in the rule. Clear as mud? Admittedly, the spec could be written more elegantly on this point, but I think the meaning is clear: If you set a value explicitly, that's the value for that property; if you don't, you get the default. HTH, -- -Adam Kuehn __ 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] Css help
Angus at InfoForce Services wrote: On a web page I am using two different .gifs. One .gif for my header and the other as a background from the top left where My heder ends to the bootom right. Can any one please help? Second I am trying to get the .gif in the header to end with the bottom of the flag. I am also lost why the h1 tag will not show. HTML: http://infoforce-services.com/personal/mackinnon_namehistory.htm CSS: http://infoforce-services.com/css/mackinnon_namehistory-css.css Angus, I'm not exactly sure what you are trying to do. I think I see, but can you elaborate a little bit? Please use specific .gif names and elaborate on your problem. Thanks, Matthew __ 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] Content not allowd in prolog validation error
Quoting Prabhath Sirisena [EMAIL PROTECTED]: What could the reason be for this error? (I/O Error. Stream closed). The site is: http://nidahas.com Try validating the CSS. The content is served as application/xhtml+xml. Thanks, Prabhath http://nidahas.com I/O Error: Stream closed. Looks like the validator has started chocking on CSS. The CSS validator is in good health. Prabhath http://nidahas.com Best, David Laakso -- http://www.dlaakso.com/ I am not getting the same validation errors when I used the W3C HTML validator and its CSS validator. The page validates as XHTML 1.0 Strict. The CSS came back with the following errors and warnings: Errors URI : http://nidahas.com/wp-content/themes/nidahas/style.css * Line: 23 Context : body Parse Error - ;*/ text-align: center; * Line: 28 Context : h2 , h3 Parse Error - : #333; background: url(images/nidahas_bk.png) #FFF no-repeat 50% 0; } h1 Warnings URI : http://nidahas.com/wp-content/themes/nidahas/style.css * Line : 82 Property cursor doesn't exist for media * Line : 82 help might not be supported by the medium atsc-tv Hope this helps. DeniseC __ 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] List navigation width problems
I took a few list navigation systems from Listamatic and merged them to
make a tebbed interface with tabs and secondary navigation. They look
great in Firefox, but in IE they get all jacked up. I found that the
reason to be setting the width to 750px. When I took out the width,
(see the commeted code), it works fine in both browsers, except for an
extra 10px in width. I have rattled my brain trying to figure out why
it is doing this, so I thought I would get some second opinions.
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
CODE STARTS HERE
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
titlecss tabbed nav/title
style type=text/css media=all
/* ---
TABBED NAVIGATION
-- */
#navlist {
border-bottom: 1px solid #7B9EBD;
border-top: 1px solid #7A9DBD;
border-left: 1px solid #7A9DBD;
border-right: 1px solid #7A9DBD;
margin: 0;
padding-bottom: 19px;
padding-left: 10px;
padding-top: 10px;
background-color: #9CB6CE;
/* width: 750px; */
}
#navlist ul, #navlist li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
#navlist a:link, #navlist a:visited {
background: #DFDDBE;
border: 1px solid #7B9EBD;
color: #000;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}
#navlist a:link#current, #navlist a:visited#current {
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}
/* -+
MAKE THE NICE TABS CHANGE COLOR ON MOUSEOVER
+--*/
#navlist a.red:hover {
background-color: #C22500;
color: #fff;
}
#navlist a.blue:hover {
background-color: #0076C2;
color: #fff;
}
#navlist a.green:hover {
background-color: #50AE26;
color: #fff;
}
#navlist a.orange:hover {
background-color: #F57300;
color: #fff;
}
#navlist a.purple:hover {
background-color: #9600C2;
color: #fff;
}
body.section-1 #navlist li#nav-1 a,
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a {
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}
#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4 {
display: none;
width: 90%;
}
body.section-1 #navlist ul#subnav-1,
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4 {
display: inline;
left: 10px;
position: absolute;
top: 95px;
}
body.section-1 #navlist ul#subnav-1 a,
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a {
background: #fff;
border: none;
border-left: 1px solid #7B9EBD;
color: #999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}
#navlist ul a:hover {
color: #f00 !important;
}
#contents {
background: #fff;
border: 1px solid #7B9EBD;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
}
/* ---
LOWER NAVIGATION
-- */
#navlistlower {
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #7A9DBD;
border-left: 1px solid #7A9DBD;
border-right: 1px solid #7A9DBD;
background-color: #fff;
/* width: 750px; */
}
#navlistlower ul, #navlistlower li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlistlower a:link, #navlistlower a:visited {
float: left;
line-height: 14px;
margin: 2px 5px 4px 10px;
text-decoration: none;
color: #666;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#navlistlower a.red:link#current,
#navlistlower a.red:visited#current,
#navlistlower a.red:hover {
border-bottom: 4px solid #C22500;
padding-bottom: 2px;
background: transparent;
color: #000;
}
#navlistlower a.blue:link#current,
#navlistlower a.blue:visited#current,
#navlistlower a.blue:hover {
border-bottom: 4px solid #0076C2;
padding-bottom: 2px;
background: transparent;
color: #000;
}
#navlistlower a.green:link#current,
#navlistlower a.green:visited#current,
#navlistlower a.green:hover {
border-bottom: 4px solid #50AE26;
Re: [css-d] using percentages, paragraph too small within tables
Adam Kuehn wrote:
Felix Miata wrote:
But then I noticed use of not font-size, but font, and I thought
about this: All font-related properties are first reset to their
initial values http://www.w3.org/TR/CSS21/fonts.html#font-shorthand. So
where is the initial font-size value coming from to make the inherited
value 70% instead of 100%? Aren't initial values supposed to come from
the browser? Why is .content table creating the initial value for
font-size for .content p here?
You aren't quoting enough of the spec. The full quote is this: All
font-related properties are first reset to their initial values,
including those listed in the preceding paragraph [i.e 'font-style',
'font-variant', 'font-weight', 'font-size', 'line-height' and
'font-family']. Then, those properties that are given explicit values
in the 'font' shorthand are set to those values.
In other words, the percentage font-size value given in the rule is
an explicit value (here, 70%) and so that *is* the value used. On
the other hand, if no value appears in the shorthand rule, then
initial value would be used. But since font-size is always required
as part of the font shorthand, effectively the font-size value is
never set to the initial value determined by the browser, unless that
value (==medium) is set explicitly in the rule. Clear as mud?
Admittedly, the spec could be written more elegantly on this point,
but I think the meaning is clear: If you set a value explicitly,
that's the value for that property; if you don't, you get the default.
I quoted what I thought was the part relevant to my question. My
question was not that font was explicitly applying 70%, but what it was
applying the 70% against, the initial value the spec refers to. My
interpretation was that inheriting 70% of 100% would be what the font-size
property would apply to, while reset from the font property would make
the inherited value 100% of the default. And so my question seems to
remain unanswered by the mud above. Let me rephrase my question:
html body {font-size: 80%}
p.one {font-size: 80%}
p.two {font: normal 80%}
...
p class=oneFrom reading the CSS spec, I expect this to be 64% of the
browser default./p
p class=twoFrom reading the CSS spec, I expect this to be 80% of the
browser default./p
My real question is the meaning of initial. If it doesn't refer to the
browser default, what is the purpose of the reset that the font property
provides? Of what use is its reset function?
--
Through Him all things were made; without Him nothing was made
that has been made.John 1:3 NIV
Team OS/2 ** Reg. Linux User #211409
Felix Miata *** http://members.ij.net/mrmazda/auth/
__
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] Reassurance on site design
Patrick Mannix wrote: Gunlaug Sørtun wrote: ...Proportional pages don't break--they just become less accessible. Good point. Accessibility is highest among my priorities. I did like the not breaking part though. Even the non breaking part can be messed up in a proportional design, if the designer decide to design too smart without thorough testing. - Someone (like me) may use 'minimum font size' which isn't scaling fonts proportionally, but instead is forcing up the smaller text and may leave the larger text totally unaffected. - Add in that different fonts have different 'x-height', and that 'font-size-adjust' isn't implemented anywhere (see: http://www.w3.org/TR/REC-CSS2/fonts.html#font-size-props) ...and proportional bits and pieces of a web page may end up being anything /but/ proportional to the page itself. (I've seen a few examples on css-d lately that fit this scenario, and they were breaking badly.) My advise is to test even more across browser-land, and look at other solutions / combinations. ...and my revisit today, particularly to your simple web pages http://www.gunlaug.no/homesite/main_7.html is sure to inspire even more! Be careful... :-) Time is running out for those simple web pages. They aren't up to my standards, and I hate archived web-rot. Try http://www.gunlaug.no/contents/wd_1.html instead. They are slightly more prepared for the future. Also, read them as 'dated' material, as 'search for better solutions' is the only constant you'll find on my site. ...you pointed out accessibility issues I failed to consider. I thought I had covered that by testing among a group of seniors... User-tests can only tell you so much, and users knowledge is usually outdated. You must test far beyond what user-tests show, if you want to cover all issues for today and tomorrow. You must also try to find the point when you say it's ridiculous to go any further at this stage, or else you'll never find solutions that are working in most cases. To quote myself: People who like to argue in length about lack of access for their preferred software, should be listen to--up to a point. If accommodating one small group, makes web pages less accessible for the larger groups, then some software should be fixed, not our web pages. See: http://www.gunlaug.no/contents/wd_1_03.html for more. I'm pretty relaxed when it comes to which solutions are better or worse, as web design is a bunch of compromises. The further we can push the limits, the better it'll work, but there will always be limits. Some of these limits are 'standardized', and some are best described as 'trends without foundations' (someone's untested personal preferences that are being copied, without further testing). Good luck, and share any findings with the rest of us. regards Georg -- http://www.gunlaug.no __ 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] Problem Centering a DIV
Hello All, CSS is fairly new to me as I have just designed my first web site making 100% use of CSS. With that in mind, I am having trouble getting a div element to be centered on a specific page. I am viewing this in IE6. The page can be found at http://www.trinityinfo.org/Missions/Guyana-2004-Mission-Trip.php. All of the images and text below the header Guyana 2004 Mission Trip is the div that I am having trouble to be centered on the page. Any help would be much appreciated Thanks, Steven Costello __ 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] Css help
I assume that you are wanting MacKinnon Name history to be the h1. If my assumption is correct then you need to place that text inside the h1 tag. Currently you have it placed inside a separate p tag. As far as getting the h1 to line up with the bottom of your flag image, try something like this: div class=websitetitle h1MacKinnon Name Historyimg src=../images/scotlandflag.jpg style=float:right; width:245; height:152; text-align:text-bottom alt=This is the Scotland Flag //h1 /div I think that might be what you are looking for. Steve Costello -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Angus at InfoForce Services Sent: Tuesday, May 31, 2005 2:27 PM Cc: CSS-D Subject: [css-d] Css help On a web page I am using two different .gifs. One .gif for my header and the other as a background from the top left where My heder ends to the bootom right. Can any one please help? Second I am trying to get the .gif in the header to end with the bottom of the flag. I am also lost why the h1 tag will not show. HTML: http://infoforce-services.com/personal/mackinnon_namehistory.htm CSS: http://infoforce-services.com/css/mackinnon_namehistory-css.css Angus MacKinnon MacKinnon Crest Saying Latin - Audentes Fortuna Juvat English - Fortune Assists The Daring Web page: http://members.shaw.ca/dabneyadfm Choroideremia Research Foundation Inc. 2nd Vice president Choroideremia Research Foundation Canada Inc. 1st Vice President http://www.choroideremia.org __ 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-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] Wrapper won't center in IE
This one is really driving me nuts, because I do this all the time and
it usually works fine -- why won't my divWrapper center in IE?
http://www.seafoodlab.cmast.ncsu.edu/index.html
linda
--
Linda Dunn
Purplegenie Design {web+graphics}
[EMAIL PROTECTED]
252.422.9393
__
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] OT When is the next version of CSS?
I've heard a lot of rumor of a newer version of CSS on the horizon with a lot of really neat new features, but can't find any information on it to save my life. Anyone got any idea when/who/where/anything else relevant? Sincerely, JordanWOLLMAN __ 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] using percentages, paragraph too small within tables
Felix Miata wrote:
And so my question seems to
remain unanswered by the mud above. Let me rephrase my question:
html body {font-size: 80%}
p.one {font-size: 80%}
p.two {font: 80% sans-serif; }
...
p class=oneFrom reading the CSS spec, I expect this to be 64% of
the browser default./p
p class=twoFrom reading the CSS spec, I expect this to be 80% of
the browser default./p
Class two should be the same size as class one, according to the
spec. Why should they be the same size? The spec describes an
algorithm that works like this:
1. When encountering the font shorthand, reset all font values to the
initial values, but don't yet compute results.
2. Read the specified values in the shorthand rule, and substitute
those explicit values for any that were reset in step 1.
3. Compute the results according to normal rules of inheritance.
My real question is the meaning of initial. If it doesn't refer to the
browser default, what is the purpose of the reset that the font property
provides? Of what use is its reset function?
It does refer to the browser default, but since font-size is required
in the shorthand, font-size is always explicitly set and the browser
default never applies. On the other hand, let's change your example
a bit:
html body {font-style: italic; }
p.one {font-style: oblique; }
p.two {font: 100% sans-serif; }
p class=oneThis paragraph will be in the default font face and oblique./p
p class=twoThis paragraph will be in the browser's sans-serif
font face, which is probably not the browser default, because that
(required) value was explicitly specified. However, this paragraph
will also be in normal style rather than italic or oblique, because
that value has been reset by the algorithm and was NOT explicitly
specified./p
Hopefully, that example makes it more clear. If not, I'm happy to
try again, but it would probably be better to take it off list until
I can come up with an answer that you agree makes sense! :-)
--
-Adam Kuehn
__
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] Hardcore CSS problems - http://testdrive.whatcanido.com.au/
Ingo, hmm, do you expect this to work in IE ever ;) ? All working in IE6 and FF1.0.4 now Ingo (should still work in Safari and Opera but I haven't retested yet). :) Thanks for pointing me in the right direction. The mark-up isn't perfect anymore, but I'm on a deadline so it's going to have to do... Avoiding a.p. filter boxes with child links, as I suggested, seems not to help in your nested construct. Some guggling was required. Thanks, Tatham Oddie Technical Director, Fuel Advance www.fueladvance.com __ 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] Indicating external links, negating - SOLVED
bject: Re: [css-d] Indicating external links, negating
#topnav a[href^=http://www.;] {
padding-right: 0;
background: none;
}
might work
Thanks to all who replied. My brain is obviously disengaged today :-)
I ended up using:
#topNav a[href^=http://www.;] {
padding-right: 8px;
background-image: none;
}
The 8px padding is to reset the padding back to orginal button style and I
used background-image: none to remove the image but still preserve the
background color (background: none; removed everything).
Regards,
Ron
__
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] Wrapper won't center in IE
From: Linda Dunn [EMAIL PROTECTED] To: CSS-d List css-d@lists.css-discuss.org Sent: Tuesday, May 31, 2005 2:51 PM Subject: [css-d] Wrapper won't center in IE This one is really driving me nuts, because I do this all the time and it usually works fine -- why won't my divWrapper center in IE? http://www.seafoodlab.cmast.ncsu.edu/index.html Give text-align: center; to the body selector. IE doesn't handle auto margins properly. tim Tim Gallant http://www.pactumgroup.com Basic tutorials: http://www.pactumgroup.com/tutorials/ Web dev FAQs: http://www.pactumgroup.com/tutorials/faq.php Techblog: http://www.pactumgroup.com/techblog ** __ 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] Css help
On Tue, 31 May 2005 14:26:32 -0400, Angus at InfoForce Services [EMAIL PROTECTED] wrote: On a web page I am using two different .gifs. One .gif for my header and the other as a background from the top left where My heder ends to the bootom right. Can any one please help? Second I am trying to get the .gif in the header to end with the bottom of the flag. I am also lost why the h1 tag will not show. HTML: http://infoforce-services.com/personal/mackinnon_namehistory.htm CSS: http://infoforce-services.com/css/mackinnon_namehistory-css.css Angus, I don't think I understand. I see only one image in the source file img src=../images/scotlandflag.jpg align=right width=245 height=152 alt=This is the Scotland Flag /, and none called from the CSS file. Need the dimensions of the header image(or better yet upload it and provide an URI). Best, David -- http://www.dlaakso.com/ __ 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] Height issues - pic alignment and width problems
I'm having issues designing a page. The page is: http://www.steeloaklimited.com/houseplantrends/housetest.html . It's a work in progress..anyway. I want the page to be in 3 sections - the header (which I have fine) and the body which is divided into 2 sections - top content and bottom content. It's the last 2 sections that I'm having trouble with. I have 2 pics and a search box in the top content section. My two questions are: How do I align the 2 pics and search box to have the same height? How do I start a new row for the bottom content section like I used to do with tables? I can't figure either out. I've come across these problem so many times with CSS. In regard to the height problem. I tried making the 2 pics and searchbox the same height. But, the searchbox keeps some kind of magic bottom padding or margin that I can't get rid of by using margin-bottom 0px or padding-bottom 0px. So, I can never align the pics perfectly along the bottom. Plus, if I align them, should they be in percentages, to where they shrink when the screen shrinks, or a set size? I prefer liquid designs, so I don't know the best approach. Right now the pics have percentage widths according to their containing divs, and they shrink when the browser window is shrunk. My css for that page is: http://www.steeloaklimited.com/houseplantrends/housetest.css The 2 pics can be located at these 2 URL's: (They're in their original size dimensions there if needed) http://www.steeloaklimited.com/houseplantrends/jpgs/moneyShot.jpg http://www.steeloaklimited.com/houseplantrends/jpgs/kerlerec-PHOTO2.jpg Thank you so much in advance. I really need a hand figuring this CSS mystery out. - Chris _ Express yourself instantly with MSN Messenger! Download today - it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ __ 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] Wrapper won't center in IE
On Tue, 31 May 2005 16:51:46 -0400, Linda Dunn [EMAIL PROTECTED] wrote: This one is really driving me nuts, because I do this all the time and it usually works fine -- why won't my divWrapper center in IE? http://www.seafoodlab.cmast.ncsu.edu/index.html linda Add text-align: center; to body. Regards, David Laakso -- http://www.dlaakso.com/ __ 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] Wrapper won't center in IE
On 5/31/05, Linda Dunn [EMAIL PROTECTED] wrote: This one is really driving me nuts, because I do this all the time and it usually works fine -- why won't my divWrapper center in IE? http://www.seafoodlab.cmast.ncsu.edu/index.html Your XML prolog is putting MSIE into quirks mode. http://dorward.me.uk/www/centre/#ie -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] Expanding menu
Hi folks, I have a fledgling site, the template for which can be previewed at: http://84.18.198.72/84.18.198.70/rotarydistrict1290.org.uk/ The IP address are there because this domain is not yet live on this server. Everything ok in FF. In IE, when you cursor over the who's who link, which has a submenu, as well as the submenu appearing, the main menu expands with a space. Can someone tell me why this is? Regards Geoff -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.323 / Virus Database: 267.3.2 - Release Date: 31/05/2005 __ 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] OT When is the next version of CSS?
On 5/31/05, jordan WOLLMAN [EMAIL PROTECTED] wrote: I've heard a lot of rumor of a newer version of CSS on the horizon with a lot of really neat new features, but can't find any information on it to save my life. http://www.w3.org/Style/CSS/current-work -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] OT When is the next version of CSS?
I've heard a lot of rumor of a newer version of CSS on the horizon with a lot of really neat new features Don't forget though, new features are only as good as the amount of browsers supporting them. - Leszek http://leszek.swirski.co.uk __ 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] OT When is the next version of CSS?
From: jordan WOLLMAN I've heard a lot of rumor of a newer version of CSS on the horizon with a lot of really neat new features, but can't find any information on it to save my life. W3C site is a good place to start looking. http://www.w3.org/Style/CSS/#specs Browser support (lack of) will most likely to be a bigger roadblock to implementing CSS3 than any delay in finalising and releasing the recommendation though. We still can't usefully use parts of CSS2. -- Peter Williams __ 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] OT When is the next version of CSS?
Peter Williams wrote: We still can't usefully use parts of CSS2. We still can't usefully use parts of CSS1, either. background-attachment? -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! __ 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] Site check [divafoundationbg.org] on Mac /not urgent
Hi Michel, I have tested the website with different browsers on Mac. - Ok in Safari 2.0 - Firefox 1.0 does not display the header and the images in the menu. - Internet Explorer 5.2.3 seems ok except for the window title which doesn't show in Cyrillic - In Opera 6.3 there is a lot of blank space on the right, and the scroll-bar at the bottom of the window appears, not sure why. - Netscape 7.0 seems ok I have attached all screenshots to a second email that I am sending in private. Cheers, Luca On 01/06/2005, at 12:18 AM, Mikhail Bozgounov wrote: Hi, nice css people from everywhere!:) Could please someone check www.divafoundationbg.org on some Mac browsers (Safari, IE 5.2 for ex.) This is a website I just released, and on Windows Firefox is OK, IE 6.0 too, IE 5.0/5.5, too, and Opera 8.0 is OK, too. The only bug I see can be found at http://divafoundationbg.org/en/ sponsors.shtml I use there the CSS technique for shadow under all of the images, in the above page. In FF/Win all is OK (SCREENSHOT: www.divafoundationbg.org/i/screenshots/2005.05.31_FF1.0.4- win_bgshadow_correct.jpg) ...but in other browsers (IE 6.0, 5.5, 5.0, Opera) I can see a strange problem (EXAMPLE: www.divafoundationbg.org/i/screenshots/ 2005.05.31_IE6.0sp2-win_bgshadow_problem.jpg) ...namely, the shadow GIF image is not placed under the other images as intended. I suppose that this is because the main images' width and height are NOT specified, but this is on purpose (the website owners will be able to add/remove images from this page, using a CMS system, and this system CANNOT specify the IMG width/height, so these values are omitted - when every image loads, it takes the place it needs). Any ideas, though, how this could be corrected in IE and Opera? And why FF is showing the background as intended? Thx for any help/ideas! Michel PS This is NOT URGENT, just a question:) __ 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-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] using percentages, paragraph too small within tables
Adam Kuehn wrote: Hopefully, that example makes it more clear. If not, I'm happy to try again, but it would probably be better to take it off list until I can come up with an answer that you agree makes sense! :-) I tried for an offlist, but for some reason it bounced: The original message was received at Tue, 31 May 2005 20:53:47 -0400 (EDT) from smtp3.ij.net [207.100.203.151] - The following addresses had permanent fatal errors - [EMAIL PROTECTED] (reason: 550 Host unknown) - Transcript of session follows - 550 5.1.2 [EMAIL PROTECTED]... Host unknown (Name server: mt.nc.rr.com: host not found) It was actually a BCC on a post I made to [EMAIL PROTECTED] which can be seen at http://lists.w3.org/Archives/Public/www-style/2005Jun/.html -- Through Him all things were made; without Him nothing was made that has been made.John 1:3 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://members.ij.net/mrmazda/auth/ __ 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] Article: Equal Height Columns
http://www.projectseven.com/tutorials/css/pvii_columns/ DOM-Scripted. Also includes a zip archive of layouts. Enjoy. Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. __ 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] Reassurance on site design
Gunlaug Sørtun wrote: Try http://www.gunlaug.no/contents/wd_1.html instead. They are slightly more prepared for the future. Also, read them as 'dated' material, as 'search for better solutions' is the only constant you'll find on my site. Thanks Georg. I have just begun to dive into all the goodies you present ... ... You must also try to find the point when you say it's ridiculous to go any further at this stage, or else you'll never find solutions that are working in most cases. To quote myself: People who like to argue in length about lack of access for their preferred software, should be listen to--up to a point. If accommodating one small group, makes web pages less accessible for the larger groups, then some software should be fixed, not our web pages. See: http://www.gunlaug.no/contents/wd_1_03.html for more. I'm pretty relaxed when it comes to which solutions are better or worse, as web design is a bunch of compromises. The further we can push the limits, the better it'll work, but there will always be limits. Some of these limits are 'standardized', and some are best described as 'trends without foundations' (someone's untested personal preferences that are being copied, without further testing). Good luck, and share any findings with the rest of us. Frankly, I very much enjoy reading your perspectives on Web design (and cows, and gardens, and ...). In fact I agree with you on most everything. However I find myself overwhelmed with the complexity of your extremely innovative solutions. If one looks back to my earliest pages on the xps.org site you find a simple two column table that fit a 600 pixel wide browser window. Very simple, but sufficient to present the all-important content. I updated that design to present three columns in an 760 pixel browser window, using only CSS; but still very simple. The mhcug.org site is my testbed for further enhancing the design. Right now I'm satisfied that this design works in Windows 5, 5.5, and 6 through the full range of that browsers text sizes. It works plus or minus two size increments in Firefox. It does not pass the 200% zoom in Opera. My feeling at this point is that Opera represents a minority of my intended audience, so it is not a primary benchmark throughout the range of capabilities it offers. Don't misunderstand, I like Opera enough to have purchased my copy. I used it as my default browser for several months (since replacing it with Firefox). You have convinced me to delay implementing the proportional approach on my xps.org site. I will seriously explore a fluid design with max width (with IE work-arounds); but only if it meets my notion of simplicity. Otherwise I may just stay with a fixed width presentation. Thanks again for helping me to firm up my own objectives. Regards, Pat Patrick Mannix http://xps.org/ http://mhcug.org/ __ 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/
