[css-d] feeding different body tag to different pages. How
Hi there,
I want to change the background image (used for faux columns) on certain
pages. The bg image is in the body tag like so ..
html, body {
background: #E0DDD6 url(/images/bbg.gif) repeat-y 50% 0;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
padding: 0;
margin: 0;
}
Can I have different body tags based on page requirements?
Many thanks
Karl Bedingfield
__
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] Site check - IE width problem
I have a problem with this page in IE. The page renders correctly in Opera and Firefox. There are three floated columns inside a container div. rightcol w=160px, leftcol w=160px, contentcol w=430px all have padding, margin and border =0. wrap has width 755px. IE renders the rightcol below the other two which appears to be related to the widths but I can't see why as the three total 750px. Can anyone comment? Also seems to be a problem with the top/bottom margins above and below the nav. list. Any help appreciated Page : www.integrawebdesign.co.uk/dunmaglass/dunmaglass.html css : www.integrawebdesign.co.uk/dunmaglass/dunmagla.css www.integrawebdesign.co.uk/dunmaglass/layout.css -- Mike Davies Integra Web Design, Huntly, AB54 4XP 01466 700213www.integrawebdesign.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] Site check - IE width problem
3px bug? __ 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] Two inline lists - one left, one right
On Thursday, May 12, 2005 4:51 PM [GMT+0100=CET],Ingo Chao [EMAIL PROTECTED] wrote: Rob Freundlich schrieb: I've been offered two approaches: My browser support requirements are IE 6 and Netscape 7. Both approaches work in both browsers. Given that, does either approach have an advantage over the other? I wonder why nobody has suggested: TILT: How to Stop Feeling Bad About Using Tables for Layout and Start Enjoying Your Markup http://glazkov.com/blog/archive/2005/05/02/476.aspx; That's a very interesting article. I'm always amazed at what people can come up with to work around incompatibilities ... I think the main problem with this and other ASCII art questions without an URL is that we truly cannot answer them nor discuss the answers because we don't know anything about a) the content, and b) the context. I generally agree with the above. However, this was a simple enough example that I did the quick easy thing instead of putting up a sample site and going into detail. (Rob's New Corollary to Murphy's Law: it's *never* as simple as it looks) Since it's clearly not quite enough (sorry about that!) to resolve my followup question, I'll add some detail now. I'm writing (or rather, revising) a web app for desktop intranet use, supporting IE6 and NS7. It emulates a semi-standard desktop app 3-panel layout: a nav tree on the left, and two panels (top for lists and bottom for details) on the right. In the list and detail panels, there are toolbars with actions that can be taken on the data in the panel. See http://home.comcast.net/~rob.freundlich/css/layout.png for a picture. The action items on the toolbar are grouped left and right. I'm implementing them as ULs. Under generally normal screen/window size, it is unlikely that the two lists will be large enough to meet in the middle. I'm fairly willing to accept odd appearance if the user decides to go small enough to violate that, since the data being displayed will not be useful at small window widths. As far as I can tell, the float method will degrade in the above violation to stacking the items vertically, and the pos:relative method will caue visual overlapping. Either one will tell my user that they need to make the window wider, so I can live with either one. So, given all of that, is there any reason to choose one technique over the other? Thanks, Rob __ 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] I hope this is the last time
On May 13, 2005, at 2:59 AM, Ingo Chao wrote:
Lorin Rivers schrieb:
Allright,
Design change required a little tweaking to get it to this point.
Now the top section is ~55px too tall. In IE6 only, of course.
I've taken all the heights, widths, and most padding and margin in
an effort to isolate the problem, to no joy.
http://mosasaur.com/clients/less
I fear this is not the last time for your layout in IE6 ;)
you have
div id=lessframetop
div.../div
h1.../h1
/div
div id=lesscontent
...
/div
In IE6, you can define
div#lessframetop { ... height: 15px; ...}
but IE6 will expand to fit the following div:
div#lessframetop div { ... height: 55px;... }
similar with h1:
div#lessframetop h1 { ... position: relative; ... top: -60px; }
* html div#lessframetop h1 {... height: 1%; }
Note the word /then/ here: The box's position is calculated
according to the normal flow ... Then the box is offset relative to
its normal position. When a box B is relatively positioned, the
position of the following box is calculated as though B were not
offset.
This makes it real hard in IE6:
#lessframetop is expanded by the height of div and h1
The dilemma in your design is that you have to assign a height in
#lessframetop to get a reasonable height for the bg-img. (So you'd
end in the very same problem by using floats: IE6 will auto-contain
these floats because of the layout #lessframetop.)
Sorry, before we start a. p. more and more or strike back with neg.
r.p. this and that, I think you should isolate the lessframetop/
lesscontent and(!) its nearest positioned ancestor for a simplified
testcase that works in FF and breaks in IE without debugging stuff
and perhaps less orange :)
Ingo
Ingo, you are the BEST.
OK, well I took out all the debugging borders out, as well as the
position info for h1. The question I should be asking I guess is how
do I get the h1 to be centered vertically in #frametop and more-or-
less aligned right?
In FF now, the h1 is left-aligned and below the div and in IE it's in
the same position, but also makes the containing div that much taller.
--
Lorin Rivers
Mosasaur: Killer Technical Marketing http://www.mosasaur.com
mailto:[EMAIL PROTECTED]
512/203.3198 (m)
__
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] feeding different body tag to different pages. How
Sure - body id=about, body id=contact etc. ... -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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] Safari 1.3 and a:hover question
Philippe: Updating the styles to use the complete set of pseudo-classes (link, visited, hover, active) has made it work for me as expected -- thanks for your help. Phillip On May 12, 2005, at 8:39 PM, Philippe Wittenbergh wrote: It works just fine here (both Safari 1.2 and 1.3), based on that little snipped of code. Do you have a url where it fails? There could be something else... __ 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] something weird in Linux
On 13/05/2005 15:54, Barbara Dozetos wrote: For some reason, the leftnav box appears too high on the page in Mozilla and FF on the initial load. A refresh of the page puts it where it belongs. I'm seeing the same problem on FF 1.0.4 in windows XP as well so I doubt its a linux specific bug. Marcus -- Marcus Williams -- http://www.cad-schroer.co.uk CAD Schroer UK, 39 Newnham Road, Cambridge, 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] something weird in Linux
FWIW, it does it in Firefox 1.0.4 on WinXP but only on the first load of the page, or if you clear the cache and the load the page. Not sure what's causing it but it could be that something is slow in loading above and the position on the page has no viable reference yet. I normally notice this kind of behavior when there is a floating image or height sized div that is delayed. Dennis -Original Message- From: Barbara Dozetos [mailto:[EMAIL PROTECTED] Sent: Friday, May 13, 2005 10:54 AM To: 'CSS Discussion Group' Subject: [css-d] something weird in Linux Hello again. This page is now live, but I'm seeing an intermittent weirdness with some browsers on Linux platforms. (Yes, this matters. We're a largely Linux company and many of our clients are there or headed that way, as well.) http://www.pcc.com/ For some reason, the leftnav box appears too high on the page in Mozilla and FF on the initial load. A refresh of the page puts it where it belongs. Does anyone have an idea as to why this is happening and/or how it might be fixed. Thanks, Barb -- Barbara Dozetos ~ Web Designer/Graphic Designer Physician's Computer Company 1 Main St., #7 Winooski, VT 05404 Pediatric Software Just Got Smarter (p)802-846-5532 Your Practice Just Got Healthier (f)802-846-8178 [EMAIL PROTECTED] www.pcc.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-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] Why isn't my active list item showing up properly?
Andrew Mason wrote:
Please take a look at this site: http://www.pandamouth.org/test/
I'm using a background image that I shift around to make the bullets.
I'd like the active link to have a white bullet point(just like it does
for a:hover), but for some reason when I assign the active_bullet
class to the appropriate link it has no effect.
Try:
#page_header li a.active_bullet {
background-image: url(bullet.gif);
background-repeat: no-repeat;
background-position: 0pt -18px;
}
My guess is that it has to do with cascading order.
Faust
__
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] PHP and CSS
Sarah Atkinson wrote on 05/13/2005 10:25:55 AM: Out of curiosity can you use PHP with in a CSS. Like maybe have a list of background images located in a DB and PHP select and insert on into the CSS. and possibly even have the user define things like font size, font color, background color, and typeface. Sarah It's my understanding that this is not possible, unless the PHP is in your .php document, as well as the CSS that is going to be altered. Placing PHP code in a .css file does no good unless your server knows the parse .css files as PHP. If that's the case, then I don't see why it couldn't work in an external file, though I don't have the resources to test it right now. __ 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] PHP and CSS
Sarah Atkinson wrote:
Out of curiosity can you use PHP with in a CSS. Like maybe have a list of background images located in a DB and PHP select and insert on into the CSS. and possibly even have the user define things like font size, font color, background color, and typeface.
Sarah
You can actually do a style.php and format it like a document specific
stylesheet but I think you then have trouble validating a stylesheet,
well maybe not it would be included in a page like ?
include('style.php') ;? and it would just look like this in the page:
head tags all up in here
style type=text/css
!--
.classofsomesorts {font-face: Geneva; etc}
--
/style
And when the php file is rendered the databased info and dynamic stuff
is of course not viewable to sneaky source readers.
Jack Keller | cell7.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] PHP and CSS
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Sarah Atkinson wrote: Out of curiosity can you use PHP with in a CSS. Like maybe have a list of background images located in a DB and PHP select and insert on into the CSS. and possibly even have the user define things like font size, font color, background color, and typeface. Sarah Of coure you can do this. There are two posibilities: - - Inline Css, that's the way Brian wrote about, and - - a separate stylesheet, If you use a separate stylesheet, who can use a php document (for ex. style.php) which gets parsed by the webserver, and then just include this file from your main (x)html file. (either with @import or a link tag, which ever you like more) Marko - -- Marko Locher Kollegium Kalksburg KKnet System Betreuung [EMAIL PROTECTED] http://www.kk.asn-wien.ac.at/kknet/ -BEGIN PGP SIGNATURE- Version: GnuPG v1.2.5 (GNU/Linux) Comment: Using GnuPG with Thunderbird - http://enigmail.mozdev.org iD8DBQFChNQRyja8NOV8jDYRAr/UAJsHHcSIRVawmuv7pzEriSNzlHcaGACfVJ2A KoBUvN9U7GE25kYkQG5Y+K4= =8bVr -END PGP SIGNATURE- __ 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] PHP and CSS
Quoting [EMAIL PROTECTED]: Sarah Atkinson wrote on 05/13/2005 10:25:55 AM: Out of curiosity can you use PHP with in a CSS. Like maybe have a list of background images located in a DB and PHP select and insert on into the CSS. and possibly even have the user define things like font size, font color, background color, and typeface. Sarah It's my understanding that this is not possible, unless the PHP is in your .php document, as well as the CSS that is going to be altered. Placing PHP code in a .css file does no good unless your server knows the parse .css files as PHP. If that's the case, then I don't see why it couldn't work in an external file, though I don't have the resources to test it right now. Actually, if you can set up your webserver to process you CSS files by PHP, it is possible. You just have to output the correct header first. See http://codewalkers.com/tutorials/75/1.html for a good write-up about this. Ken __ 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 and me
http://ben.web.arizona.edu/today/fixed.htm Here is the problem. I have been working on this site for a few weeks now, trying to lay the whole thing out using css. Every time I get the design to work properly in one browser, it breaks in another. Since I work for a public university, this is not acceptable. My director is now pressuring me to lay the new website out using tables and I would like to avoid that if possible. Actually, I am getting sick of the disappointment and frustration I encounter on a regular basis using css-based layout. Can any one out there give me any sort of advice on how to make this website work, without a hitch, across all browsers on all platforms? Small design differences are fine but things like navigation bars not floating properly and content columns getting pushed other columns is not acceptable. Thanks for any and all advice... I have included the css inline to make it easier to review. Ben __ 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 and me
Which browsers doesn't it work with? I can't see any problems with FF 1.04 and with IE6. Are you required to make it look good in older browsers? Can you look at the log files and determine what browsers visitors are using? __ 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 and me
Also, Validate code first. Your issues may be as easy as that? You have a bunch of xhtml errors. Most might not matter, but when I did a css validation it choked on the xhtml, so I think this is worth looking at first. Joel Goldstick __ 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] something weird in Linux
Barbara Dozetos schrieb: Great hint, Paul. Could those of you who saw the problem before please try this page and see if I've fixed the problem? http://www.pcc.com/welcometest.html From bad to worse in Moz1.6/Win. Now the leftnav stays wrong until reload. Outlined img here: Note that the height of the image is similar to the misalignment. http://www.satzansatz.de/cssd/tmp/welcometest.jpg If its still of interest: Note that the footer jumps while loading the second main picture (247supportemma. jpg) Still suggesting a height in all images. 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] something weird in Linux
As already posted it still doesn't work. Dennis -Original Message- From: Barbara Dozetos [mailto:[EMAIL PROTECTED] Sent: Friday, May 13, 2005 11:49 AM To: 'CSS Discussion Group' Subject: Re: [css-d] something weird in Linux Great hint, Paul. Could those of you who saw the problem before please try this page and see if I've fixed the problem? http://www.pcc.com/welcometest.html (PS -- I know about the IE6 problem with the smaller screens. Working on that, as well. Would be so much nicer if IE 6 would just honor the 'min-width' declaration.) Thanks, Barb Paul Debban wrote: You should move your inline styles with floats up into your style block. Firefox displays the page incrementally as it loads. Your inline styles with floats define the position of display blocks after part of the page is already rendered. --- Paul Debban. -- Barbara Dozetos ~ Web Designer/Graphic Designer Physician's Computer Company 1 Main St., #7 Winooski, VT 05404 Pediatric Software Just Got Smarter (p)802-846-5532 Your Practice Just Got Healthier (f)802-846-8178 [EMAIL PROTECTED] www.pcc.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-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] IE rendering bug, invisible text involving 3 divs and 3 CSS styles
FYI, I've posted this bug to quirksmode.org but it hasn't shown up yet. Hopefully it will soon. A short description: This rendering bug in Internet Explorer 6.0 causes text in a div with a background color followed by a div which floats to the left and another which is clear on the left to be invisible. This bug does not manifest in FireFox or Safari (although Safari renders the Hidden Text to the right of the float: left div). All styling on the text is also invisible (such as background colors and text colors). A longer description and (lots of) examples and a workaround: http://pear.reversefold.com/badIE/ -- Justin Patrin __ 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 - IE width problem
Hi! Mike Davies schrieb: I have a problem with this page in IE. The page renders correctly in Opera and Firefox. There are three floated columns inside a container div. rightcol w=160px, leftcol w=160px, contentcol w=430px all have padding, margin and border =0. wrap has width 755px. IE renders the rightcol below the other two which appears to be related to the widths but I can't see why as the three total 750px. Can anyone comment? In either #leftcol and #rightcol you have pictures in a p-tag. P has padding. So IE expands the cols to fit in the pictures. HTH Lothar -- www.markupmarks.de www.design-dragon.de -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.308 / Virus Database: 266.11.9 - Release Date: 12.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] ie6 problem w/ screen shots
ah Bruno how can I *thank you* fixed fixed fixed.
that's one i won't forget, you can count on that!
best regards and cheers!
Donna
Bruno Fassino wrote:
Donna Jones wrote:
i'm having a problem with ie6
http://www.westendwebs.net/litmed/lm_program.html
You have italics in that page, and these may produce, in IE/Win, boxes
larger then expected [1].
Try adding:
#contentwrapper {
overflow: visible;
}
Please note that this bug may show up in IE5.x also. You don't have it now,
probably because it also depends on the fact that some containers have or
not a dimension (hasLayout.) Should you change something, you may trigger
it, and if you care about IE5.0 the fix is a bit more complex.
hth,
Bruno
[1] http://www.positioniseverything.net/explorer/italicbug-ie.html
__
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/
--
Donna Jones
West End Webs http://www.westendwebs.com/ 772-0266
__
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] Head Scratchers
I'm new to CSS, so please forgive these very simple questions. I'm working on a CSS based site for a client and am : 1. Having problems in IE getting the boxes on the right to line up in the right column (#nextstep and #ebay) to line up and #submast to show up. 2. #nextstep and #ebay are correct in Firefox, but the #submast background image is still covered up. 3. Bottom of the page is cut off in IE. http://www.computerrecycling.us/subpage3.htm Please advise. Thanks, Frank __ 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 please!
On Fri, 13 May 2005 14:39:36 -0400, anthony croshaw [EMAIL PROTECTED] wrote: I have no way of checking macs, cheers Ant http://www.onceuponatimenursery.com http://www.onceuponatimenursery.com/ Looks good in Safari 1.3 and Opera 8b1 except in both, the pages scroll down much farther than needed past the IE7 bug. -- Tom Livingston Senior Multimedia Artist mlinc.com -- www.browsehappy.com www.opera.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ __ 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] I Need A Comparison
I need for someone to look at the following page. Please look at it with both WinIE6.0 and FireFox and tell me if it looks different in FireFox. http://dwight.tendirect.com/colorsafeie-2.htm Later when I'm finished the cursor won't appear as a hand when FireFox users move their cursor over it. I have to put two of these tables side-by-side when I'm finished. I don't think it will be a problem. -- Do you want a Gmail Email Address http://gmail.google.com/ If so send me your first and last name and I'll sign you up. Don't worry it's free. :) __ 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] centering nested list output...
I am working my way through TJKDesign's excellent tutorial on its TJK Dropdown Menu: http://www.tjkdesign.com/articles/dropdown/3.asp http://www.tjkdesign.com/articles/dropdown/demo.asp My sample page: http://www.shrikhande.us/CSSMenu/test.cfm The relevant CSS and js files: http://www.shrikhande.us/CSSMenu/css/basic.css http://www.shrikhande.us/CSSMenu/css/msie.css http://www.shrikhande.us/CSSMenu/js/js4msie.js http://www.shrikhande.us/CSSMenu/js/turnoffmsie.js The css and html pass the W3C validator. I am wondering if it is possible to center the second tier of links that popup - center them relative to the upper list. You can see the problem when the item in the parent-list is off the right and the child-list is so small it is delivered way-off to the right. You can see what happens when one moves their cursor over Academic, Activity Merit Scholarships link. Look forward to your assistance on this issue. Thanks! -dss- __ 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] Space below left nav
Thank you everyone for your help with my work on this page. The problem with the footer has been resolved. My remaining issue is with the space below the left navigation. I would love it if someone would point out how to get the grey background of the left navigation to continue to the bottom of the page. The page in question is http://www.otima.ca/blogs/default2.php which I have now separated the css into two files core.css and secondary.css ... much easier to read and modify. Thanks in advance for your help. Ian __ 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] Space below left nav
Thank you everyone for your help with my work on this page. The problem with the footer has been resolved. My remaining issue is with the space below the left navigation. I would love it if someone would point out how to get the grey background of the left navigation to continue to the bottom of the page. This is not an issue in Internet Explorer, but in Firefox and Netscape. The page in question is http://www.otima.ca/blogs/default2.php which I have now separated the css into two files core.css and secondary.css ... much easier to read and modify. Thanks in advance for your help. Ian p.s. sorry for sending this 2x ... I had forgotten a crucial point. __ 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] dumb question
That's just the way it's defined. Id's in HTML are comparable to variable
names in programming languages, which generally have similar restrictions.
From the HTML spec:
ID and NAME tokens must begin with a letter ([A-Za-z])
and may be followed by any number of letters, digits
([0-9]), hyphens (-), underscores (_), colons (:),
and periods (.).
http://www.w3.org/TR/REC-html40/types.html#type-name
Jon
-Original Message-
From: Marty Martin [mailto:[EMAIL PROTECTED]
Sent: Friday, May 13, 2005 2:02 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] dumb question
This may be a dumb question, but I noticed you can give an ID
(and I assume also CLASS) a solely numeric value. If I start
it with a alpha character then all is hunky dory, but I want
it to be a number. What gives? Is there rationale for this?
Just looking for an explanation if anyone knows, thanks!
ie:
div#01 { width: 100%; } == no good
--
Marty Martin
Senior Web Developer
ICONS, Inc.
Internet Development | Marketing | Support
e: [EMAIL PROTECTED]
p: 540.343.8322 | f: 540.343.0691
w: http://icn.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-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] Line-Heights
Hi I am trying to play with line heights on the following page: http://arts.cregy.net/pages/pager.php I would like the word Restormel to sit on top of the word Arts and I can't seem to achieve this. Can anybody help please? Css at http://arts.cregy.net/styles/pages.css Thanks Rich __ 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-filter MSIE 5/PC
Hi,
I try to use a filter in order to hide css from all of the browsers,
exept MSIE 5/PC.
Given is following HTML-markup:
div id='Nav'
ul
li item 1 /li
li item 2 /li
li item 3 /li
li item 4 /li
/ul
/div
#nav li {
margin: 0;
}
#nav li { /* MSIE 4 and 5 /PC only? */
margin-bottom: -3px;
}
MSIE 5/PC interprets it (wrongly) as: every descendant 'LI'
of an element with the ID 'Nav' or 'nav'.
This filter is tested under W2K only.
Does anybody know wether another browser
is able to interpret this too. (Mac especially!)
Thanks in advance,
Uwe Kaiser
__
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] transparent back ground patterns.. anyone?
Hello, I have been trying to find a good method to create (or a site thathas some tutes) tiling background images that are frequently seen on CSS based sites. I have a site I am working on right now and I cant seem to find a good source since the term back ground image is quite vague when searched. I am looking for some thing subtle and similiar to this: http://www.csszengarden.com/160/linklist_bg.gif which is from this site (located right under the header Road To Enlightenment: http://www.csszengarden.com/?cssfile=/160/160.csspage=0 and also found in the right and left backgrounds on this page: http://www.csszengarden.com/?cssfile=/151/151.csspage=1 I like these and similiar graphics that seem to work particularly well on CSS designed pages. Adam __ 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] Line-Heights
I'm no CSS expert by any stretch, but I think what you're wanting to do is to use margins for these two elements rather than line-height to achieve what you want. Set margin-bottom for the h1 and margin-top for the h2 to something explicit and play with the values until you get the desired effect. Chris -- Christopher Akins City of Springfield, MO Public Information Office www.springfieldmogov.org 417-864-1118 The box said Windows 98 or better. So I bought a Mac! On 5/13/05 4:15 PM, Richard Brown [EMAIL PROTECTED] wrote: Hi I am trying to play with line heights on the following page: http://arts.cregy.net/pages/pager.php I would like the word Restormel to sit on top of the word Arts and I can't seem to achieve this. Can anybody help please? Css at http://arts.cregy.net/styles/pages.css Thanks Rich __ 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] CSS-filter MSIE 5/PC
hey,
p\roperty: value; filter not approprate for your IE5 problem?
http://www.dithered.com/css_filters/css_only/simplified_box_model.html
~jeroen
On May 13, 2005, at 11:26 PM, Uwe Kaiser wrote:
Hi,
I try to use a filter in order to hide css from all of the browsers,
exept MSIE 5/PC.
Given is following HTML-markup:
div id='Nav'
ul
li item 1 /li
li item 2 /li
li item 3 /li
li item 4 /li
/ul
/div
#nav li {
margin: 0;
}
#nav li { /* MSIE 4 and 5 /PC only? */
margin-bottom: -3px;
}
MSIE 5/PC interprets it (wrongly) as: every descendant 'LI'
of an element with the ID 'Nav' or 'nav'.
This filter is tested under W2K only.
Does anybody know wether another browser
is able to interpret this too. (Mac especially!)
Thanks in advance,
Uwe Kaiser
__
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] Line-Heights
On Fri, 13 May 2005 17:15:14 -0400, Richard Brown [EMAIL PROTECTED] wrote:
I am trying to play with line heights on the following page:
http://arts.cregy.net/pages/pager.php
I would like the word Restormel to sit on top of the word Arts and I
can't seem to achieve this.
css
/*delete
#header .content{padding-bottom:0;}
*/
html, body { background-image: url(images/subliminal_spectrum.jpg); font:
100 100.01%/126% serif; margin: 0; padding: 0; text-align: center; }
h1 { color: #000; font-size: 0.95em; margin: 2em 0 0 20px; text-transform:
uppercase; }
h2 { color: #000; font-size: 5em; margin: .1em 0 0 20px; text-transform:
lowercase; }
html
div id=pagewidth
div id=header
h1Restormel/h1
h2Arts/h2
/div
div class=content
div id=navcontainer
note:
Use relative font- sizing rather than pixels so IE can zoom -- this gets
you started with % on the body and em's on selectors(1em=16px).
The number of comments does not match the number closed elsewhere on your
style sheet.
Also use and style p {..} rather than using a class with breaks on
your text.
Thanks
Rich
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] IE rendering bug, invisible text involving 3 divs and 3 CSS styles
Justin Patrin schrieb:
...
The Holly Hack probably does work, but I
stumbled across this page:
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp
which says that the zoom property also gives a box layout. So I tried
zoom: 100% in my div and lo and behold, it works.
Yes, but zoom is proprietary to MS and will not validate (I use zoom:1
for debugging).
The problem with this MSDN page is that it don't explain what layout /is/
The mechanism of the Holly Hack is the same as zoom:1; but validates:
/* hide from IEMac \*/
* hmtl .hack {height:1%;}
/* end hide */
The intention of the Holly Bergevin's hack was not to add a height
of 1%, but to add a dimension to the element, as any dimensioned element
gains the layout-quality.
regards, 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] something weird in Linux
On Fri, 13 May 2005 08:42:29 -0700, Ingo Chao [EMAIL PROTECTED] wrote: Barbara Dozetos schrieb: http://www.pcc.com/ For some reason, the leftnav box appears too high on the page in Mozilla and FF on the initial load. A refresh of the page puts it where it belongs. I can reproduce something similar with an old Moz1.6/Win/cleared cache too. Here, the a.p. positioned navbar jumps down while the images are loading (no reload is necessary to fix the position). I cannot reproduce it in Moz1.6 with a local copy of your page, so I think it's time/connection-critical. No problems with a Mar nightly. I have managed to reproduce it with FF 1.0.4. The problem is with how Gecko treats auto sides in position: absolute; Consider the following sequence of events: HTML and CSS are loaded. No images arrived yet, so header height is ALT text plus extra, not image plus extra Gecko determines the Y coordinate where box should be Images are loaded. Now, the header is quite a lot bigger Gecko does NOT recompute the coordinate. We get an overlap Reoccurence depends on user connection, browser settings and network gremlins. Possible solutions: Giving height to images that are above the sidebar, or the header. Giving position: relative to wrapper, and top: something real to misbehaving leftnav. This will make absolute positioning attach leftnav to wrapper instead of page, and as wrapper goes down due to reflows, so would leftnav. Switching to floats for columns (have you seen the ugly overlap of sidebar and footer when images are off?) Roman. __ 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] IE rendering bug, invisible text involving 3 divs and 3 CSS styles
On 14 May 2005, at 10:05 am, Ingo Chao wrote: There might come the day when IE7-8 interpret height:1% without expanding the container by childs. As this hack was used to bugfix countless pages ... uh. Conditional comments are your friend in all those cases, especially for those potentially quite destructive rules. !--[if lte IE 6] . /*styles for IE 6 and lower */ Philippe ---/--- Philippe Wittenbergh now live : http://emps.l-c-n.com/ code | design | web projects : http://www.l-c-n.com/ IE5 Mac bugs and oddities : http://www.l-c-n.com/IE5tests/ __ 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] auto width td's
I have tabular data: table tr tdfoo/td tdfoo/td tr /table The tr... /tr parts repeat a few times, but anyway, I want them to just snug up against the type in them, which I can not seem to make happen, whereas a normal html table will see to do this just fine. -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ 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/
