[css-d] IE 6/7 issues
Hi all, The following validates (before and after form submission), but (as usual) IE 6/7 are making my head hurt. http://www.cprtools.net/calc All is well in FF/Safari/Chrome/Opera. The first thing I noticed is that the two radio buttons and their labels aren't rendering as expected in WinIE6. This looks ok in IE7 After the form is submitted and the results are rendered, the 'summary' fieldset is (in IE6 and 7) set off to the right while I expected and wanted it to be centered. Any kicks in the right direction would be greatly appreciated. TIA, -Ray -- Non scholae sed vitae discimus __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 6/7 issues
Gunlaug Sørtun wrote:
the right direction would be greatly appreciated.
Try adding...
* html br {clear: left;}
div#results {text-align: center;}
div#results fieldset {margin: 0; text-align: left;}
html:lang(en) div#results fieldset {margin: auto;}
...will kick IE6 and 7 in the right direction. That last line gives
other browsers - including IE8 - back the original auto-centering that
older IE versions fail on.
regards
Georg
As usual, Georg...dead-on accurate. Thanks a bunch!
-R
--
Non scholae sed vitae discimus
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] table caption question - safari/chrome displaying differently
I've a question about the differing ways that 'caption' is displayed given this test case: http://www.swhidesigns.com/test.html css: http://www.swhidesigns.com/styles/test.css In FF (23) and IE (only tested in WinIE7.x) the caption appears as expected and desired. In Safari and therefore in Chrome as well, the caption is spaced well above the table to which it is attached. So, my question is: How can Safari/Chrome be made to display the caption as expected (as appears in FF/IEWin) Thanks in advance, -Ray -- Non scholae sed vitae discimus = __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] table caption question - safari/chrome displaying differently
Gunlaug Sørtun wrote:
table.dl caption {
margin: 0;
padding: 2em 0 0 3em;
}
...gives the same result in IEwin/FF/Op/Safari/Chrome, so obviously
WebKit has a problem with margins on captions.
regards
Georg
As always, Georg, thank you for your insight and answer. I'm a bit
embarrassed that I'd not tried that before posting.
-R
--
Non scholae sed vitae discimus
=
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] table caption question - safari/chrome displaying differently
And validate. ___ Roger that, David. The errant /a was left over from the actual page which served as the source of the problem. A simple matter of copy/paste/haste :) -R -- Non scholae sed vitae discimus = __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how to check for embedded styles when using external style sheet?
I need to eliminate all embedded styles from my site, but it would be tedious to do it manually. I'm using Dreamweaver CSS3 and don't see a way for DW to do it. Can anyone point me to an easier way than manual? Sorry for chiming in so late with this suggestion, but if you can download the (fully functional) trial version of phpEdit from waterproof.fr, I believe you'll find it useful. Features which will definitely help in your case are the fact that it allows search/replace over multiple documents, and uses regex (if selected) for search / replace runs. While a great php editor, phpedit also does really nice code highlighting for html, xhtml and css. (and no, I don't work for nor am I affiliated with the company). HTH, -Ray -- Non scholae sed vitae discimus = __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] image display issue...something silly, I'm sure
Philippe Wittenbergh wrote: please) nudge in the right direction. In the html code: div id=hcenterimage In the stylesheet: div#hcenterimg Philippe --- Philippe Wittenbergh http://l-c-n.com/ Hi Philippe, I did say I'd gone blind, eh? Thanks so much for the gentle nudge...another set of eyes was definitely needed. Now I'm off to get it in line and contained :) Kindest regards, -Ray __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] image display issue...something silly, I'm sure
Hi all, I'm fairly sure this is something simple that I've missed...but by now am blinded to the obvious: test case: http://www.swhidesigns.com/testindex.php css: http://www.swhidesigns.com/styles/style.css Issue: In the masthead (div id header) there *should* be an image displayed in the center (http://www.swhidesigns.com/image/251.gif) I've messed about with z-index and html manipulation/placement of the divs, but am stumped. Again, I'm sure this is something I've gone blind to, but would love a (gentle, please) nudge in the right direction. TIA, -Ray __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] OT: group browsercam purchase
Hi folks, Please forgive the offtopic post - please reply to me off-list to reduce clutter. I have 13 spots open on a browsercam premium account purchase which is underway using fundable.com. If anyone is interested in a year's worth of browsercam (including extended remote access for script testing), please take the following link. http://www.fundable.com/groupactions/groupaction.2008-09-12.3193716248/groupaction_view Cost is $US40.00. Nothing is charged if we don't meet our goal of 25 users. Apologies to the admins/mods for the OT post, but this type of account (which I became involved with last year from a post to this list) made my life far easier in testing on multi-platforms/versions/etc. Kind regards, -Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] content pushed down..by float?
Hi all, I'm in the final stages of design/rollout for a client. Site is http://www.sunbuild.biz. All appears well enough in most browsers when at 1024x768 or higher, but in 800x600, the floated image on the right of the masthead is causing the content to be pushed down. The client would rather see a horizontal scroll bar than the pushed content, so I'm hoping for either solutions to stop the 'pushing down' or advice on how to accomplish the scroll bar. I'm feeding a reset (http://www.sunbuild.biz/styles/reset.css) before the site styling (http://www.sunbuild.biz/styles/sunbuild.css) Thanks in advance, -Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] content pushed down..by float?
Ray Leventhal wrote: Hi all, I'm in the final stages of design/rollout for a client. Site is http://www.sunbuild.biz. oops...I'd removed the offending element. The test case is at http://www.sunbuild.biz/indextest.php Thanks, -Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] content pushed down..by float?
David Laakso wrote: Ray Leventhal wrote: http://www.sunbuild.biz. big snip An easy out for float drop at 800 is to consider adjusting the content to a set fixed 980 width. This will clear the v-scroll bar at 1024 (you'll still get an h-scroll at 800). David, Thanks for your reply. The URL I gave above was changed to remove the image which was causing the issue. The test case is at http://www.sunbuild.biz/indextest.php However, I like the idea of setting the fixed width, but am uncertain if a) it should be set on #container and b) if doing that will limit the scalability of the site when under font-resizing stress. I welcome your thoughts, -Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] horizontal menu centering issue
Hi all, I'm continuing to work on a project: http://www.swhidevel.com/ The project uses a lovely horizontal menu structure from Project7. My issue is I cannot seem to get it to center. Any ideas on the subject would be greatly appreciated. Thanks in advance, -Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] horizontal menu centering issue
Al Sparber wrote: From: Ray Leventhal [EMAIL PROTECTED] Hi all, I'm continuing to work on a project: http://www.swhidevel.com/ Any ideas on the subject would be greatly appreciated Al, Because the root menu items are set as blocks and floated, the only way to center the menu would be to assign a width to each root menu item, then assign a width to the root UL based on the aggregate widths of the menu items, then use auto left and right margins. Not a good solution. Menus like that tend to look very nice as they are. It would take some complex hacking to center the entire menu. That makes so much sense, I'm upset I hadn't come to that conclusion myself. I've applied the background to the entire bar and it sure does look nice as is :) Thanks again for the help! -Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] horizontal menu centering issue
2008/5/5 Ray Leventhal [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]: Hi all, snip Any ideas on the subject would be greatly appreciated. Thanks in advance, -Ray vincent pollard wrote: if you give the Ul #p7menubar a width - e.g. 460px - it will centre, at least in IE7. hopefully in everything else too. Hi Vincent, Thank you for that, though I could not get it to work. In the end, I wound up applying the same background to the entire bar (not just the li and a elements). I believe the client will like them left justified with that change. Kind regards, -Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] new design, horizontal menu issues
Al Sparber wrote: From: Ray Leventhal [EMAIL PROTECTED] Hi folks, I'm using a nice drop-down menu from Project7 on a new project. snip Any pointers would be greatly appreciated. Hi Ray, You need a min-width on the body element and/or to apply the menuwrapper background to the root menu items (a) so that when your menu does wrap, you will be able to read the text. The tutorial example for this particular menu uses em widths to prevent wrapping: http://www.projectseven.com/tutorials/navigation/auto_hide/workpage.htm You might want to consider that approach or perhaps pare down the number of root menu items you have. It's a lot for a horizontal menu. Hi Al, Thanks for the reply. Nothing like getting help from the source :) I'll have at rearranging the bg as recommended. I have discussed the number of root items with the client. They're certain they'd rather have that many, but I'm pushing for a bit more nesting to limit the root quantity. I'll read through the tutorial again. Thanks for a great framework. Big time saver! Regards, -Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] new design, horizontal menu issues
Al Sparber wrote: From: Ray Leventhal [EMAIL PROTECTED] To: css-d css-d@lists.css-discuss.org Sent: Thursday, May 01, 2008 5:00 PM Subject: [css-d] new design, horizontal menu issues Hi folks, I'm using a nice drop-down menu from Project7 on a new project. snip Site: http://www.swhidevel.com/ snip You need a min-width on the body element and/or to apply the menuwrapper background to the root menu items (a) so that when your menu does wrap, you will be able to read the text. The tutorial example for this particular menu uses em widths to prevent wrapping: http://www.projectseven.com/tutorials/navigation/auto_hide/workpage.htm You might want to consider that approach or perhaps pare down the number of root menu items you have. It's a lot for a horizontal menu. Having worked through the initial issues (still working on using ems in place of px), I'm now needing to center the menubar itself. Can't seem to get that to go...if anyone has a suggestion, I'd be very appreciative. Thanks, -Ray Site: http://www.swhidevel.com/ Style: http://www.swhidevel.com/styles/sunbuild.css -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] new design, horizontal menu issues
Hi folks, I'm using a nice drop-down menu from Project7 on a new project. When viewing at 1280x1024 or greater, all works as expected (for a very early markup draft). However at resolutions like 1024x768, I'm getting menu wrapping which is definitely affecting the usability of the site, not to mention the aesthetics. Site: http://www.swhidevel.com/ I'm feeding it a css reset (http://www.swhidevel.com/styles/reset.css) before handing off the site styles (http://www.swhidevel.com/styles/sunbuild.css). Any pointers would be greatly appreciated. Thanks in advance, -Ray -- Non scholae sed vitae discimus = __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] form/fieldset alignment in IE
David Laakso wrote: Ray Leventhal wrote: http://www.cprtools.net/reg/regform1.php snip Assuming you can mess around and play games with the html: snip /select br / :: add :: /fieldset div!-- --/div :: add :: And you may want to pay a visit to the Markup Validation Service. Hi David, Thank you :) The addition of the markup div!-- --/div between the fieldset tags did, in fact, do the trick. Regarding validation, I was appalled to see that I'd submitted a page with so many errors, but in retrospect, I'd be messing with DTD to try to get IE to 'work' and have since fixed all but one. On a side note (definitely OT - any replies to this, please send directly to me), how does one validate with an onSubmit() call in a submit button tag? Thanks again, -R -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] form/fieldset alignment in IE
Hi all, Once again, our problem child is IE. The page at: http://www.cprtools.net/reg/regform1.php looks and performs as expected in Opera, FF2, Webkit28233 (Win, MacOS 10.5). IE7, is moving the topmost fieldset to the right edge of the viewport, leaving the 2nd fieldset where it belongs. IE6 (WinXPSP2) is doing much the same as it's older sister, but leaving some space to the right of the fieldset as compared to the viewport edge. I'm feeing first E.Meyer's reset.css (http://www.cprtools.net/reg/reset.css), then styling with http://www.cprtools.net/reg/style.css after. Any pointers are, as usual, greatly appreciated. Kind regards, -Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] form/fieldset alignment in IE
Ray Leventhal wrote: typos abound...thankfully not in my code: I'm feeing first E.Meyer's reset.css s/feeing/feeding -R __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Margin (?) problem with menu.
rollandburn wrote:
Hi everyonecan anyone spot the Waldo in my css on this page... my
dev site is athttp://public.alliancepacific.com/Corporate/About_Us
I am having a hard time finding out why the top level UL's appear to
have a margin which does not allow the menu to squeeze up to the header.
If anyone could give me a hand I would really appreciate it.
Thanks!
rolland
From what I can see, it's the h3 element in sidebar which has the space
above it, just below the menu:
you have:
#sideBar h3 {
border-bottom:1px solid #CC;
color:#003462;
font-size:1.1em;
margin: 10px; /* adds 10px all around */
padding:0px;
I changed that commented line (in Firebug) to
margin: 0 10px;
And things looked a bit more 'together'.
I'm sure more advanced minds will have better answers :)
HTH,
-Ray
--
Non scholae sed vitae discimus
=
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Position image at bottom of cell containing text
John Nichel wrote: Hi, With our company being between designers at the moment, some of the day to day tasks of our site have fallen into my lap (hey, you're in IT, you fix the web site). What I'm trying to accomplish seems like it should be pretty simple, but the solution has escaped me. If you look at this page here: http://www.kegworks.com/product.php?productid=18754 you will notice that the Add to cart buttons under If You Like This, You May Also Like... do not line-up across the page. I've been trying to force these input images to line up with the bottom of the table cell containing them, but nothing I've done seems to have worked. I have tried using an 'inline style', tried creating a new style, etc. I've used things like align=bottom, vertical-align: bottom|baseline|absbottom, etc. However, the images stay in their current position. Can anyone give this old sysadmin some pointers, or point me to some documentation which will explain this to me (even if it cannot be done)? Thanks. Hi John, As this was thrown into your lap, I'll refrain from commenting on the tables within tables within tables withinad nauseum design If you change the following: td width=149 valign=bottom height=190 align=center style=border-right: 1px solid rgb(203, 192, 167); padding: 0px; /td td width=149 valign=top height=190 align=center style=border-right: 1px solid rgb(203, 192, 167); padding: 0px; /td td width=149 valign=top height=190 align=center style=border-right: 1px solid rgb(203, 192, 167); padding: 0px; /td td width=149 valign=top height=190 align=center style=border-right: 1px solid rgb(203, 192, 167); padding: 0px; /td by changing all the 'valign=top' references to 'valign=bottom' your buttons will line up evenly. HTH, -Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE issues
Lisa G. Wilcox wrote: Happy holidays everyone,I have this site… HYPERLINKhttp://www.familyfirstdocs.comwww.familyfirstdocs.com I have validated it and ran all the checks in DW CS3 however the clientsstate that when they select a link, a horizontal line across the entire pageappears. Also the menu up top get’s botchy. I can’t seem to recreate it on my computer. Can someone please take a look and let me know how it’s reacting for you? Thank you in advance,Lisa Hi Lisa, I've had a quick look at your URL in FF2/Win, IE6/Win and IE7/Win and I don't see the 'line' or 'botchy'ness your client is describing. What browser is your client using? On what OS? ~Ray -- Non scholae sed vitae discimus === __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] div appears to close before /div
Hi all,
I'm having a strange problem with this page:
http://www.cprtools.net/downloads/dl4.php
in that the series of tables are all wrapped in a div (#container)
which has its background set to white (css in
http://www.cprtools.net/downloads/dl.css):
#container {
margin: 3em 10em;
background-color: white;
height: 100%;
min-width: 770px;
border: 1px black solid;
}
The idea is that the white background will be behind all the listed
tables, right through the end of the content.
The issue, in each browser I have checked in (FF, Opera, Safari - all
Win) is that 'container' seems to close after the caption on the VDx
ViewDisk table (about 3/4 the way down the page).
I've traversed through the markup and definitely do not see a /div for
that box until just before the /body tag, but it sure seems as if the
div is closing early.
I realize that the page markup doesn't validate at present due to the
use of two deprecated tags in td id=foot which is being pulled in as
an include, but I don't think that has anything to do with this issue.
CSS seems to pass validator muster.
Any suggestions would be greatly appreciated.
Kind regards,
~Ray
--
Non scholae sed vitae discimus
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] div appears to close before /div
Subject: [css-d] div appears to close before /div
Hi all,
I'm having a strange problem with this page:
http://www.cprtools.net/downloads/dl4.php
in that the series of tables are all wrapped in a div (#container)
which has its background set to white (css in
http://www.cprtools.net/downloads/dl.css):
#container {
margin: 3em 10em;
background-color: white;
height: 100%;
min-width: 770px;
border: 1px black solid;
}
Colin Clark wrote:
Hi Ray,
I tried removing height:100% from the container div and it appears to
solve your problem.
Colin
Hi Colin,
Thanks for that! I don't know why 100% would cause the div to truncate,
but your solution sure worked.
Anyone know why that would cause the displayed behaviour?
Kind regards,
~Ray
--
Non scholae sed vitae discimus
=
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] creating navigation in css
juliann wheeler wrote: Does anyone know how to create a drop-down navigation in CSS? Here is the link to the nav that I have built so far: http://www.pcg-advisors.com/tests/test8.html Thanks! _ Hi Juliann, One quick google search on CSS Drop Down Navigation will return a link to 'A list apart', a great resource for things design/css related. [1] HTH, ~Ray [1] http://www.alistapart.com/articles/horizdropdowns -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Missing Texts
Mauro Lages wrote: Hi; I would like to know if anynone have seen a strange error in IE 6 where the texts are desappearing, but appear when you scroll the page, or press alt+tab twice backing to the original window or select the text's area. Cya! Mauro Lages Hi Mauro, Can't be sure without a test case, but it sure sounds to me like the dreaded IE peek-a-boo bug [1]. HTH, ~Ray [1] http://www.positioniseverything.net/explorer/peekaboo.html -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] table woes...IE/Safari
Philippe Wittenbergh wrote: On Dec 5, 2007, at 5:34 AM, Ray Leventhal wrote: snip Vertical margins on captions or margin handling in the table/caption combo is completely br0ken in Safari. Nothing you can do about it. For IE Win, I found that wrapping the contents of the caption in a span, and styling that as display:block + margins to taste usually gives decent result. (note: I said usually). In your case, I'd go for margin-bottom on the table(s) and the h2 that precedes the tables. Hi Philippe, Thank you for your advice; all is working as expected in those browsers which respect caption styling. Is there a way to conditionally hand-off CSS directives to browsers other than IE? (e.g. Safari?) Regards, ~Ray -- Non scholae sed vitae discimus = __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] how to achieve space between ul ul li
snip
I have been trying for some time to get some distance
between
ul
li
li
ul
li
li
/ul
li
the last two li's and have had NO success. I have
tried ever which way that I can think of and nothing
happens.
Hi,
I'm sure wiser minds than I will find a more elegant solution, but using
Firebug, this seemed to do the trick for me
change this:
nav li {
font-size:1em;
line-height:1.6em;
list-style-type:none;
padding:0pt .2em; /* wrong order, gives 0.2em width to l/r instead
of top/bottom which is what you want.
padding: 0.2em 0;
}
I hope this helps...but was only a quick try.
Kind regards,
~Ray
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] tables, forms and layout issues
Hi all, I'm trying to wrap up the page located at: http://www.cprtools.net/international/inquiry.php CSS: http://www.cprtools.net/international/international.css Issues I seem to be having: 1) Ideally, I'd like #head #general and the table to all appear as one unit, with a white background, centered in the viewport. I've managed to mangle this a few different ways and have finally gotten it to where there are gaps but they're not horribly ugly. Still, finding out why/how is my goal. 2) Until I placed the submit button in a cell which is marked-up with colspan=4, I couldn't get the button to center. Clearly the button isn't tabular data, so I'd rather it not be in a cell, but would like it centered. 3) and somewhat OT; my JS email checker isn't working; I'm willing to blame it on tired eyes, as this is the same script I've used in myriad places without issue. (any kind replies to this one, offlist is fine). Thanks in advance for any advice offered, ~Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] tables, forms and layout issues
Hi all, I'm trying to wrap up the page located at: http://www.cprtools.net/international/inquiry.php CSS: http://www.cprtools.net/international/international.css Issues I seem to be having: 1) Ideally, I'd like #head #general and the table to all appear as one unit, with a white background, centered in the viewport. I've managed to mangle this a few different ways and have finally gotten it to where there are gaps but they're not horribly ugly. Still, finding out why/how is my goal. 2) Until I placed the submit button in a cell which is marked-up with colspan=4, I couldn't get the button to center. Clearly the button isn't tabular data, so I'd rather it not be in a cell, but would like it centered. 3) and somewhat OT; my JS email checker isn't working; I'm willing to blame it on tired eyes, as this is the same script I've used in myriad places without issue. (any kind replies to this one, offlist is fine). Thanks in advance for any advice offered, ~Ray (apologies if this is a double-post) -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] tables, forms and layout issues [SOLVED]
Ray Leventhal wrote: Hi all, I'm trying to wrap up the page located at: http://www.cprtools.net/international/inquiry.php CSS: http://www.cprtools.net/international/international.css snip With thanks to Mr. Laasko for his reply on the WSG list, this issue is mostly solved :) Thanks, ~Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] FF/IE layout issues with a table and a float
Hi all, I've got a page with some static content and a set of dynamic tabular data is being pushed into a table structure. We've got a mix of form and text elements. Markup: http://www.cprtools.net/international/inquiry.php CSS: http://www.cprtools.net/international/international.css I've worked through some validation issues and the page now validates for both CSS and XHTML, but as you may have guessed from the subject, there are layout issues, some in FF and some in IE. Problem 1: I'm looking for the div id=right to float right within div id=general. In IE7, I see the text at the bottom of the form fields within #general. In FF, well...it's mangled, displaying under the table. Problem 2: In Win/IE 67, I am seeing a gap between the bottom edge of #head and the start of #general. I'm sure I've overlooked something fairly simple, and I know that the CSS does need some trimming out of redundancies and likely some unneeded code. Any suggestions for layout would be greatly appreciated. Thanks in advance, ~Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FF/IE layout issues with a table and a float
snip Problem 1: I'm looking for the div id=right to float right within div id=general. In IE7, I see the text at the bottom of the form fields within #general. In FF, well...it's mangled, displaying under the table. Problem 2: In Win/IE 67, I am seeing a gap between the bottom edge of #head and the start of #general. Jim Davis wrote: For problem 1, in div general try adding display: table;. This should fix the table problem in FF. If it were me I would not set a margin value in the body or html to anything other than zero.. You currently have a 40 px top margin set in the body which could be inherited by other divs. You may want to remove that margin rule from the body and apply it only to your header div. This may help with problem 2. Jim Thank you Jim, setting display:table did help some, and removing the margin-top on body did remove the separation between #general and the table. I've a bit more to do but your suggestions have moved me along some :) ~Ray -- Non scholae sed vitae discimus -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Global CSS conflicts
Ben Clarke wrote:
Hi Christine,
Could you not create a separate stylesheet for the ticker if you don't
have access to the main stylesheet, and specify the elements you want
to style differently there? Or, not ideal, place those styles in the
head of the page?
eg.
#yourticker .someclass {
}
Ben
snip
To further Ben's comments and in addressing one of the initial concerns:
Is there any change I can make to the widget so that it can NOT be touched
by global CSS?
Perhaps include, prior to any styles for the div which will contain the
widget, a reset like Eric's [1] or others? Just a thought.
HTH,
~Ray
[1] http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
--
Non scholae sed vitae discimus
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] variables in CSS - changing background image by page
Rick Lecoat wrote: On 6/11/07 (18:20) Ray said: Wow...I can't believe I hadn't thought of that :) sure beats adding scripting when it's not otherwise needed! Thanks, Rick! Well, Ray, most of the time I'm the one asking for help (and lots of it) on this forum (and others), so it's just nice to able to contribute something back now and again. Plus it reassures me that I *am* learning this stuff, even if most of the time I feel like a total CSS newbie. Best... ditto to the 'most of the time' comment. I'm a coder mostly, PHP these days, and am loving the control and elegance of CSS. When combined with server side scripting (and now - for me - js...a whole new world) I find myself fighting to keep it simple, since it's more fun seeing what can be done :) Kindest regards, ~Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] variables in CSS - changing background image by page
Anne E. Shroeder wrote: I need to be able to change the background-image value for one of my divs by page. In other words, every page needs a different background-image for the #util_header id. snip I'm wondering what the most efficient way would be to call up the proper image for each page without building separate classes (or ids) for every single page? Here are two graphics to give an example of what I'm working with. http://www.serendipitycreative.com/goetz/test.htm Hi Anne, I'm not sure the answer is on topic, but it seems that I've done this with a bit of server side scripting (I'm sure js would work too, but I am not a js coder). If you'd like more info, I'd be happy to answer off-list as my reply isn't CSS based, but uses PHP to generate an ID for any ID-able element. HTH, ~Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] variables in CSS - changing background image by page
snip
Yeah, it's totally possible, unless I'm misunderstanding your needs.
If you have a unique id for each page's body and a div that reoccurs on
each page (using the same ID each time) for the image, then you simply
define css for each combination. The css might get a little verbose if
you have lots of pages to account for, but the only extra markup is the
id on the body tag.
PAGE 1
---
body id=home
div id=imageholder/div
/body
PAGE 2
body id=about
div id=imageholder/div
/body
CSS
#home #imageholder {
background: url(myHomeImage.jpg) left top scroll no-repeat;
}
#about #imageholder {
background: url(myAboutImage.jpg) left top scroll no-repeat;
}
Wow...I can't believe I hadn't thought of that :) sure beats adding
scripting when it's not otherwise needed!
Thanks, Rick!
~R
-- Non scholae sed vitae discimus
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Horizontal list is vertical in IE?
[EMAIL PROTECTED] wrote: I have a simple test file, which tries to make a horizontal list, with images and text, full code below. In FF, the choices display horizontally, but not in IE. What am I missing? - html head snip --- Mark Wilson, Computer Programming Unlimited Hi Mark, First, a link would make things a bit easier to look at and debug; that having been said, and without my having posted your code to my dev server, I'm going to guess that a full DTD will get IE behaving in ways that, while not necessarily compliant, are consistent. I'd start there and see if that clears up your IE issue. Having read (a lot) on this list of how bizare IE's Quirks mode can be, I'd bet that'll help some. I do hope this helps some. Kind regards, ~Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Test in IE 6 and IE 7 please
Georg Portenkirchner wrote: Hello all! As I have no PC by hand right now, it would be nice to get feedback what are the problems in IE for this site: http://www.theaterjugendring.de/index.php http://www.theaterjugendring.de/wp-content/themes/tjr/style.css Georg, I've taken screenshots in WindowsVistaIE7 and XP/IE6/7 of your site. Browsercam should have them avail within 30 mins of this mail (or so). HTH, ~Ray http://www.browsercam.com/public.aspx?proj_id=385146 -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Test in IE 6 and IE 7 please
Apologies to all for the multi-post. seems my mail server hiccuped at just the wrong moment -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Best option for simple contact form?
On Sun, 14 Oct 2007 13:38:21 +0530, Rahul Gonsalves replied: I have had good results with this form. It seems well thought out. http://green-beast.com/blog/?page_id=71 After building my own PHP-driven form that got spammed within a week, I came across the form script that Rahul refers to. I agree with his recommendation. My .02: I'd not seen M. Cherim's solution (link in above quoted text) but it's not only elegant, well documented and simple, it really does all it says it will. I'll be forwarding that to any client who asks about forms and security and putting it in my bi-monthly design promo/newsletter to clients. Thank you Rahul, for the link...and, as always, to this list for the amazing amount of knowledge shared. Kind regards, ~Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Weird IE6 Navigation Issue
Jeph wrote: Any CSS people out there have time to look at a problem I'm having? http://omnidev2.com/MOAA/1.html The navigation on this page works well in IE6 except for the last menu item. No dropdown appears but the hover image does. We've been looking at it for days we're stumped - it makes no sense. Is anyone out there not stumped and know why this is happening? snip Hi Jeph, I can't say I know the answer, but there's another oddity that was either left out or overlooked. Your horizontal nav items are set to turn red on hover. That's what I'm seeing in FF2/Win or IE7/Win - the dropdowns do work on those browsers. When looking on IE6/WinXPSP2, as you rightly mentioned, the dropdowns work for all but the last 'About Us'. However, I did notice that none of the working dropdowns are turning red on hover. What's weird is that the last one, 'About Us', that /isn't/ dropping down, is turning red. Perhaps that will lend a clue? HTH. Kind regards, ~Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] cursor: url('/path/to/cursor.cur/'); support in 'browser land'
Philippe Wittenbergh wrote: On Gecko, it is currently only implemented on Windows (and maybe Linux for the nightly builds, not sure). Philippe Thanks, Philippe...much appreciated. ~Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] cursor: url('/path/to/cursor.cur/'); support in 'browser land'
Hi all, Is there a resource anyone is familiar with where I might find a list of browsers that support the cursor: CSS directive? TIA, ~Ray -- Non scholae sed vitae discimus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] cursor: url('/path/to/cursor.cur/'); support in 'browser land'
Gunlaug Sørtun wrote: http://www.webdevout.net/browser-support-css regards Georg Thank you, Georg. ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] frames vs. CSS
Jay Rabe wrote: Hi all, I'm a total neophyte at HTML and CSS programming, but I've been learning fast thanks to the help of the many excellent on-line tutorials. Anyway, here's my situation: I have two websites that I maintain, and one of them uses frames. I've got a top banner, a left menu column, and a main content area in the center. Switching between pages loads new content in the main frame, keeping the banner and menu unchanged. I want to convert the site to CSS, and have figured out how to do the banner, menu, and scrollable content area, but as near as I can figure, the only way to duplicate the content-switching in the main frame with CSS is to duplicate, on each page of the site, the coding for the banner and menu sections, which sort of negates the promise of CSS being so easy to make global changes. So I figure I must be missing something, and there must be an efficient and elegant way to have the frame-switching functionality with CSS. So the question is! , how? Thanks for your help, J _ Hi Jay, The answer to your question is that it's best handled with some scripting, which is off topic for this list. I've written to you off-list and will gladly provide some direction. Kind regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Margin vs. Padding
Scott Povlot wrote: I think this is a simple question. And perhaps there is no straight answer. If I don't have a border, what is the difference between using padding or margin to add space around an element? Is there any reason to choose one over the other? Hi Scott, I guess it depends on what will be adjacent to the element and how the current element needs to interact with it. In some cases, the visual aspect of margin or padding are identical, but the underlying structure is not. A paragraph within a div which has padding: 20px; declared, will be 20px from the div edge. margin: 20px; will make sure the /div/ is never closer than 20px from an adjacent element. At the risk of stating what's clear, margin pushes the element from it's adjacent cousins while padding refers to the usable space within the element. More info on the box model is avail at w3.org [1] and many other places. I hope this helps. Kind regards, ~Ray [1] http://www.w3.org/TR/REC-CSS2/box.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] centering a horizontally styled ul
Hi all, I'm putting together a little backend control site for a company's manipulation of their customer email list. http://www.cprtools.net/adminemail/test.php un: test pw: test css: http://www.cprtools.net/adminemail/adminstyles.css Layout wise, I'm struggling to get the bottom nav centered, and haven't been able to get that positioning even though I've /margin: auto;/ where I thought it needed to go. Any suggestions would be greatly appreciated. TIA and Best Regards, ~Ray PS This page and it's 'family of like pages' will be password protected and only used by the client's admin people. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] centering a horizontally styled ul [SOLVED]
On 26/9/07 14:54, Ray Leventhal [EMAIL PROTECTED] wrote: Hi all, I'm putting together a little backend control site for a company's manipulation of their customer email list. http://www.cprtools.net/adminemail/test.php un: test pw: test css: http://www.cprtools.net/adminemail/adminstyles.css Layout wise, I'm struggling to get the bottom nav centered, and haven't been able to get that positioning even though I've /margin: auto;/ where I thought it needed to go. Any suggestions would be greatly appreciated. TIA and Best Regards, ~Ray PS This page and it's 'family of like pages' will be password protected and only used by the client's admin people. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Phil Holt wrote: Try adding .nav after the id: #bottom_nav .nav This does it for me in FF. Phil Thanks for the lightening fast reply...AND the solution :) Much much much appreciated. ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] centering a horizontally styled ul
Karen Healey wrote: I'm putting together a little backend control site for a company's manipulation of their customer email list. http://www.cprtools.net/adminemail/test.php un: test pw: test css: http://www.cprtools.net/adminemail/adminstyles.css Layout wise, I'm struggling to get the bottom nav centered, and haven't been able to get that positioning even though I've /margin: auto;/ where I thought it needed to go. Zero out the padding on the ul and the nav will center. adminstyles.css (line 71) ul.nav padding:0px; text-align:center; } Hi Karen, Thank you for your reply :) I'll play with your (and Phil's) solution to see what's most efficient. I do appreciate your input! Best regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] using a header inline in a paragraph
[EMAIL PROTECTED] wrote: Hello all, I'd like to enclose the first sentence of my paragraph in a h2 tag and have it display inline. But I know I can't have a h2 tag inside a paragraph, but I want it to look like I can. :) For example, this is what I WANT to do: _ pimg class=floatleft src=images/frenchie.jpg width=190 height=147 alt=French Bulldog / h2I am a hobby breeder of French Bulldogs in California./h2 I acquired my first French Bulldog... /p _ But I know that I'll need to do it this way instead: _ pimg class=floatleft src=images/frenchie.jpg width=190 height=147 alt=French Bulldog //p h2I am a hobby breeder of French Bulldogs in California./h2 pI acquired my first French Bulldog... /p __ But, as expected, that floats my image to the left, gives me my header and then the paragraph starts below it. I want the paragraph text to start up against the header text. I tried using display:inline in my css for my header, but that didn't do it for me. Any suggestions on how to get what I'm attempting??? Thanks in advance! Hi Erin, I'd do an inline span style=whatever style you'd like for h2 for the first sentence within the paragraph, to achieve that goal easily. There's likely a more elegant solution; I'm not a big fan of inline styles, but at first glance, that'd be my suggestion. I'm looking forward to others' replies here! HTH, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] using a header inline in a paragraph
__ [EMAIL PROTECTED] wrote: Yes, that is correct. It's not the text styling (larger, bolder font, etc.) that I'm looking for, it's the SEO purpose of having a proper outline from the heading tags. I'm trying to design for the spiders and the humans. :) No URL yet, although I can pop up a temporary one if necessary. Thanks, Erin Spangler www.thedogsonline.com Web Design and Hosting for the Dog Enthusiast Erin, If it's for SEO and no other purpose, consider a class for h2 that's display:hidden. Then you can span within your p for the desired visual effect (if any). ~R __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 'sticky' footer - fixed at bottom of viewport
[EMAIL PROTECTED] wrote: I have a tutorial for one on my site: http://anekostudios.com/2006/05/12/sticky-footer/ ~Shelly Shelly, Thank you! Best, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 'sticky' footer - fixed at bottom of viewport
[EMAIL PROTECTED] wrote: I have a tutorial for one on my site: http://anekostudios.com/2006/05/12/sticky-footer/ ~Shelly Shelly, this is /definitely/ going to do the trick for me. Thanks so much! ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 'sticky' footer - fixed at bottom of viewport
Gunlaug Sørtun wrote: Ray Leventhal wrote: I seem to recall someone pointing to an article or site which outlined a method for creating a footer div which would /always/ be at the bottom of the viewport, without regard for the volume of content above. You can fix anything anywhere with 'position: fixed', and a workaround for IE6 and older vin-versions. Article on how-to: http://www.gunlaug.no/contents/wd_additions_15.html Live example: http://www.gunlaug.no/contents/toc_7a.html regards Georg Hi Georg, Thanks (again!) for the much needed direction and sample. Best regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] font :wqx-height
david wrote: snip While in a perfect world I'd agree with David, it's not so much the 'tender egos of folk involved in designing the site' it's usually, imnsho, the un- or refused-to-be-educated folk who actually pay for the site to look/feel a certain way. 0.02 delivered :) Part of this business is education. It may take awhile. Reinforced with factual information demonstrating how customers unhappy with their mousetype are happily shopping at their competition's websites sometimes helps. ;-) david: Without at doubt, educating clients is truly the hardest part of my job. But nonetheless the one I do most often. Sometimes they're agreeable and open to suggestions for reasons of browser compatibility or accessibility. Other times they're um...less reasonable :) Either way, I agree that getting people to 'see right' is the key...and that often means defending the 'reasons that separation of content and layout is a good idea'. Thankfully, I am a true believer in that, now (amazing since a year ago I'd have fought diligently for my ol' tables!). I generally preach standards adherence, but since reading some really good things from this list about serving XHTML as XML, I've worked towards getting clients to understand a bit more of the how and why rather than the this is just good practice. Regards, ~R kudos and credits: http://www.gunlaug.no/ (Gunlaug Sørtun) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] font :wqx-height
To make the font size reasonable to his (or his boss's) eyes, an author who makes such a font the primary one will usually set font size to something fairly small. Then people using systems where that font is not available will see some different font in a size that may be much too small for them. There's no good solution to this at present. Yes, there is. Assume your visitors' font preferences are what they want, and DON'T SPECIFY A FONT SIZE Happy visitors are far more important to a web site than the tender egos of folk involved in designing the site. While in a perfect world I'd agree with David, it's not so much the 'tender egos of folk involved in designing the site' it's usually, imnsho, the un- or refused-to-be-educated folk who actually pay for the site to look/feel a certain way. 0.02 delivered :) Kind regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] liquid 3col - header questions
Hi all, I'm developing a site based on the 'holy grail' 3col liquid layout [1]. Site: http://devel.legionpost130.org/ sub-page url: http://devel.legionpost130.org/index.php?history (for long content) CSS: http://devel.legionpost130.org/styles/legionpost130.css I've added a min-height and min-width setting to #header to accommodate the header graphic. Herein lies my issue. Header graphic is 535px wide, 102px high. On screen resolutions of 800x600 and 1024x768 I see strange results and would like to avoid them if possible: Screenshots: http://captures.swhi.net/WinXPFF2.1024x768.jpg shows 'clipping' of the left and right edges of the graphic http://captures.swhi.net/WinXPIE7.800x600.jpg shows loss of right column (which isn't an issue for this site, but i'm curious as to why. Any suggestions will be greatly appreciated. The css is still a bit messy, containing directives which are not used by the markup - all to be cleaned up before we go live. TIA, ~Ray [1]http://www.alistapart.com/articles/holygrail __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] liquid 3col - header questions
snip Because you have used min-height and min-width, the log doesn't appear in IE6 at all. (IE6 doesn't recognise min-width or min-height). In fact the whole site looks, well, odd. In the header div there is an extraeneous */ at line 131 which may be affecting things thereafter. Ian IY e-Solutions http://www.iyesolutions.co.uk Hi Ian, Thanks for your reply...especially for the */ which I clearly missed. Is there a better way to work with this layout and still have my header? I guess that's the question - or I'll find a less imposing way to do this. I had considered putting each of the 'emblem' graphics to the right and left of the graphic text in their own rfloat/lfloat divs, but that made a bit more of a mess than I'd wanted :) (pebcak, i'm sure). ~R __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] liquid 3col - header questions
I don't often speak up against a solution, but I'd advice you to stay as far away from the mentioned 'holy grail' as you possibly can. It is one of the least tested, prepared and cross-browser reliable solutions released onto the web in later years. It provokes too many bugs and differences between browsers, and few of them are cared for. This hits all versions of IE/win hard. You can hack and tweak your way around most weaknesses in that 'holy grail' layout, but you'll end up with a completely different layout-solution before you've made it anywhere near cross-browser reliable anyway, so I don't think it is worth it. The 'negative margins' solution... http://www.alistapart.com/articles/negativemargins ...will work in your case, as will just about any... - header first. - followed by 3 columns float and/or non-floats. - maybe with a footer at the bottom. ...except the mentioned 'holy grail'. HI Georg, It's not often that one person's opinion is enough to influence me to change my mind, but when we're talking about web layout and you have strong feelings, I'd be a fool not to heed. Thank you for that insight and your opinions which I always find valuable. I'll post again regarding this site when I've reworked the css and markup a bit. Again, my thanks, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Are table-based layouts still needed
snip Yes, there's a steep learning curve with css layouts (and it seems you're considering avoiding that climb) but once you've gotten over the hump you'll never look back. CSS is a different way of thinking. Once the language is learned it's actually, in most ways, less complex than table based layouts. It's layers rather than a grid, and different types of layers (floats, absolutes, etc) have predictable behaviors. Truer words have not been often said: 'but once you've gotten over the hump [learning curve] you'll never look back'. CSS is a blessing which frees us from having to 'make do' and 'force' layout issues into markup language. Browser cross-compatibility? Well, that's not a blessing, it's a fantasy, but the experts here have never failed to provide concepts and understanding to help with those issues, including the e-ville IE. My first CSS based layouts were simple...learning more about what can and can't be (easily) done is what we're all here for (at least in part, imnsho). These days I'm actually quite happy with how things come together. I find I code faster and more creatively now than ever. Personally I hope you don't avoid 'that climb'. I think you'll find the support mechanisms here and elsewhere rather helpful...and, the best part is that you'll be able to do more, more creatively...AND remain accessible. $0.02 delivered :) Kind regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Underlining back a text inside an a
Marcelo de Moraes Serpa wrote: Hello list, I'm creating a horizontal icon-based menu. Each item has an icon and a legend. Here's the XHTML: snip The question is: How can I get this legend link to be underlined like any other default link text? You can see the rendered menu in the attached JPG. Thanks in advance, Marcelo. Hi Marcelo, This list, like most, strips out binary attachments, so your jpg file was not received. Might you include a link to the problematic page for us to review? Kind regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Links within UL not clickable
Von: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Im Auftrag von Pete Harrison Gesendet: Donnerstag, 30. August 2007 10:23 An: css-d@lists.css-discuss.org Betreff: [css-d] Links within UL not clickable I have a UL with a list of links, some of which are clickable and some are not. For some reason, the first two work OK when I move the mouse over them, the third seems to have a thin line just above the text (if you move your mouse very slowly up through the 'Team Spits' text you will see the pointer change), and the last 2 don't seem to be there at all. The site is at http://www.hhhconsulting.co.uk/dev/bedales/newsite/ http://www.hhhconsulting.co.uk/dev/bedales/newsite/ click on the 'out team' link then look at the 5 white links starting 'Steve Richard' The CSS is at http://www.hhhconsulting.co.uk/dev/bedales/newsite/templates/css/bedales.cs s http://www.hhhconsulting.co.uk/dev/bedales/newsite/templates/css/bedales.css Many thanks Pete PS. I have noticed that there are different links working under IE6 to IE7 and FF! I'm assuming that the links are there but somehow the mark-up is incorrect. Christian Kirchhoff wrote: Do you have the web developer toolbar for Firefox. It's pretty handy. Choose CSS-View Style Information from it's toolbar, and the move your mouse over the links you mentioned. You will recognize that the 3rd to 5th link are covered by the div.page_nav and therefore don't seem to work correctly. Hope that helps. Best regards, Christian Kirchhoff Directmedia Publishing GmbH · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski · Erwin Jurschitza In addition to the WebDev toolbar, Firebug is a great addition to debugging, imnsho. To borrow a sig file: A: Because it messes up the order in which people normally read text. Q: Why is top-posting a bad thing? ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alignment position - liquid layout issues
Rob Unsworth wrote: On Mon, 27 Aug 2007, Ray Leventhal wrote: Mine is based (very strongly) on the 'holy grail' of liquid layouts, from ALA [1]. We're early enough in the dev cycle to switch layouts, but as I consider each challenge a learning experience, I'd love to know what triggered IE7's failure to display the left column. Ray, The *html hack is known to cause problems with IE7. Try putting IE6 and below specific css in a conditional comment. You could try testing in IE7 with the hack removed. Hi Rob, Making the *html hack a conditional lte IE6 did the trick for IE7. I did as you suggested and first tested without the hack..voia la! amazing. Thanks for your input and the suggestions by all. @Michael, I'm looking at the layout gala styles right now...not as well documented in the code, so I'm hacking at it a bit, but it's as elegant as my current solution (was before I started messing G). Again, my thanks, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alignment position - liquid layout issues
snip This aricle [1] may help with regard to some of your issues? [1] http://www.satzansatz.de/cssd/hgjump.html Best, ~dL HI David, Thanks for that awesome article by Ingo :) I'll be diving into that heavily as time permits today and /hopefully/ will be able to discern exactly what element is in need of IE fix. In case I didn't make it clear, the issue I seem to be having is with Win/IE7. I'm awaiting browsershots' queue to see how horrific it may look in the dreaded IE6. Kind regards, ~R Sadly, still no joy in WinIE7 land for my nav div. I've probably not 'gotten' something easy here...and would appreciate any guidance offered. http://devel.legionpost130.org/ Appears as expected in WinFF 1.x and 2.x, Safari, etc. No joy in WinIE7. Haven't checked in the dreaded IE6 yet. Regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alignment position - liquid layout issues
E Michael Brandt wrote: I am sure that your CSS layout is overall perfectly up to the task, and could be made to work. But I am just thinking that others have cracked this nut with more easily used layouts. Like take a look at this one: http://blog.html.it/layoutgala/LayoutGala13.html Within a few minutes I think you could switch over to this and your problems would, i hope!, be solved. Just a thought. Hi Michael, et al, and thanks for the link. Very nice layout indeed. Mine is based (very strongly) on the 'holy grail' of liquid layouts, from ALA [1]. We're early enough in the dev cycle to switch layouts, but as I consider each challenge a learning experience, I'd love to know what triggered IE7's failure to display the left column. Switching may be the way to go here...I'm not ruling it out, but I would definitely appreciate anyone more experienced in CSS to point me in the direction I need to go to determine what's missing for IE7 to render that column. I'll simplify the page and try the layout provided, just to see. Thanks. Kind regards, ~Ray [1]http://www.alistapart.com/articles/holygrail __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alignment position - liquid layout issues
Ray Leventhal wrote: Hi all, I'm implementing a layout based (Strongly) on the holy grail liquid layout[1]. snip grr...i hate it when I forget the reference :) [1] http://www.alistapart.com/articles/holygrail __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] alignment position - liquid layout issues
Hi all, I'm implementing a layout based (Strongly) on the holy grail liquid layout[1]. Site: http://devel.legionpost130.org/ CSS: http://devel.legionpost130.org/styles/post130.css (contains some unneeded redundancies, I'm sure) Layout issue1: The center column text is aligned to the same height as the topmost nav item in the left column. The desired effect is to have the text in the center column line up with the top of the nav div itself. Layout issue2: IE, at least WinIE7, does not display the nav at all. Ideas, suggestions and general comments are more than welcome. Thanks in advance for any offered advice. Kind regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] alignment position - liquid layout issues
David Laakso wrote: Ray Leventhal wrote: Ray Leventhal wrote: Hi all, I'm implementing a layout based (Strongly) on the holy grail liquid layout[1]. snip grr...i hate it when I forget the reference :) [1] http://www.alistapart.com/articles/holygrail This aricle [1] may help with regard to some of your issues? [1] http://www.satzansatz.de/cssd/hgjump.html Best, ~dL HI David, Thanks for that awesome article by Ingo :) I'll be diving into that heavily as time permits today and /hopefully/ will be able to discern exactly what element is in need of IE fix. In case I didn't make it clear, the issue I seem to be having is with Win/IE7. I'm awaiting browsershots' queue to see how horrific it may look in the dreaded IE6. Kind regards, ~R __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] css frames problem
vwf wrote: Hello, I am trying to convert my (very) old website from a frames-site to a css version. http://www.umantec.nl/test/ With Firefox 2.0.0.6 and Opera 9.23 it looks as intended. With IE6 it is big mess (I do not have IE7). The number of validator-reported errors is limited, and they are not grave (I think). Can someone tell me what I do wrong? Thanks, Fulko Hi Fulko, I haven't checked the 'innards' of your site thus far, but so that you know, it looks great in IE7/Win (much the same as in FF2/Win). That you have IE6 issues is not at all rare :) Will inspect with Firebug to see if anything IE6 specific jumps out, but I'm sure that others with more depth and experience will be able to help. Kind regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Beginner layout suggestions?
Allison Kelly wrote: Hi all, I am re-learning CSS and XHTML after not using it for a few years and am in need of some suggestions. I have created a layout in Photoshop and am now ready to move onto the next step. I just can't decide which step that is! I decided to give CSS a shot to get some experience, but I'm not sure where to begin now. Here is a jpeg of the layout to follow: http://www.skeetrbeatronline.com/testpage.html Does anyone have any suggestions of how to tackle this? I am a bit confused as to what the best practice would be here and what I can actually do with CSS, or if I will need to use some simple tables as well. Major questions for me: Does CSS use slices the same way that tables do? Should I keep the slices for the tables that I had in mind when I started or should I take that green circle picture out and just reposition it after I create a two-column with header layout? I'm imagining using the slices that I have created as the background in a div tag and then superimposing text over those. Does that make sense, and is that the best way to go about this? Now that I have decided to go with CSS, I am at a loss as to where I should begin with the rollover menu buttons. I know these are general questions, but I guess I am looking for help for a place to get started. Any help/opinions/suggestions would be greatly appreciated. Allison Hi Allison, Doing what you've done - making a site 'image', then designing is, IMNSHO, the way to go, so step one is done and done well. Were I you, I'd layout the site without the image and place it afterwards in a floated div with a z-index sufficient to keep it on top of the other divs in your layout. Seems to me that the first step would be creating 3 main divs, one for the 'banner' area, and the other two as left and right columns. Inside your banner div, a styled ul structure for your nav buttons. For the menus, how they're done will depend greatly on at least these two factors: 1) is the menu a single level or are there sub menu items for some/all? 2) will you use straight css or images with css? I know this isn't much, but I do hope it helps get you started and I hope that you'll keep us posted. I'm looking forward to seeing it develop! (btw, as a fellow SW Floridian, welcome!) Kind regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Loading CSS background images
Bruno Fassino wrote: Mark Weiss wrote: Let's say a style sheet for an entire web site has 22 background images it references. However on one of the pages in the web site it only uses 5 of those background images. So does the site make 22 http requests to download all of those background images from the style sheet or does it only make 5 http requests and only download the 5 background images actually used on the page.. I'm new to CSS-Discuss, so if I'm doing this wrong I apologize. Welcome! Yours is an interesting question, even if I believe the CSS specs say nothing about this, so browsers are free to do what they prefer. As far as I know (checked looking at server's logs and/or http traffic) all the current browsers (and probably also older ones) do not make requests for not used background images (i.e. mentioned in CSS rules whose selectors do not match any element on the page.) The only exception is IE5.2 on Mac (which is not a current browser.) (Don't take this as a definitive answer, things may depend on circumstances that I have overlooked.) Browsers behavior is more different in the case of background images attached to elements with display:none. In this case some (IE, Safari) seem to request the image anyway, others (Gecko, Opera) do not. Bruno -- Bruno Fassino http://www.brunildo.org/test Welcome Mark! Bruno, I wholly agree. Very interesting question and, as usual, your answer was thoughtful and logical. I'll do some scouring of the logs on my testbed machine while browsing there and will post the results. I'm looking forward to finding out as well. Regards to all, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 will not drop down a list.... please help
Roelf D. Kuitse wrote: I have been working at converting our webpage to pure xml and css and I though I had accomplished this until yesterday. I have a drop down horizontal menu at the top of my page that I created with css and xml but IE6 will not drop the list down when you hover over it. Any Ideas??? www.autodata.com/test/test snip Hi Roelf, I ran into something like this recently and with the moderator's permission, I'll post this though it is a markup issue, not a CSS issue. As it happens, when you nest one ul within another, the nested ul must be in an li from the parent ul: example ul id=parentlist liSome item/li liSome item/li liSome item/li li ul id=childlist liSome child item/li liSome child item/li liSome child item/li ul !--end child list -- /li /ul --end parentlist -- This should help, at least somewhat. Regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Menu broken in IE - Please help!
Timothy Burgin wrote: Hi all, I have a double horizontal drop down menu that I've finally gotten to work in Firefox and Safari, but fails miserably in MS IE 5.5-7. It seems I have 2 issues: 1. The background behind the menu bar repeats itself and is not properly positioned under the above background image. 2. The menu items do not list horizontally, but vertically. The site is at: http://www.yogabasics.com/cms Any ideas on what the problem could be??? Thanks, Timothy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Hi Tim, A couple of things. I looked at the code and css, but the fact that your css has many errors [1] will definitely inhibit any debugging, or at very least, make it much more difficult to obtain help. Of particular concern are the errors regarding margin syntax which should not have commas between the values, but spaces. Perhaps some of the IE woes will go away when this is straightened out. [1] http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri=http%3A%2F%2Fwww.yogabasics.com%2Fcms%2F HTH, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Menu broken in IE - Please help!
Timothy Burgin wrote: Hi Ray, I thought I had validated the CSS before, but now all is fixed and validates fine. I don't have MS IE on my iMac yet, so I'm waiting on a screen shot from browsershots.org to see if this has helped. Thanks, Timothy Hi Tim, Sadly, even though the CSS does now validate, I'm still seeing the same vertical layout of your menus as before. (Win/IE7) I really love the look of your double horizontal menus in FF (and Opera and Safari), though, and am eagerly waiting for someone who's more experienced than I am at this to help find a solution. Best, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] scrollbars and 'overflow'
Hi all, I've a site with a moderate amount of content in each page, with one exception. Markup: http://www.newlifemontessori.org/index.php?why CSS: http://www.newlifemontessori.org/styles/newlifemontessori.css I've got overflow-y: auto; on div id=main, so I certainly expect to see the vertical scroll bar. I was going to ask: Must I explicitly add overflow-x: hidden; to that element to prevent the horizontal bar at bottom? but even with that added, the horizontal bar appears. The content doesn't appear to come close to the div boundaries, so this one has me a bit puzzled. TIA for any comments/suggestions. Best regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] scrollbars and 'overflow'
From: [EMAIL PROTECTED] on behalf of Ray Leventhal Sent: Tue 8/7/2007 8:28 AM To: css-d Subject: [css-d] scrollbars and 'overflow' Hi all, I've a site with a moderate amount of content in each page, with one exception. Markup: http://www.newlifemontessori.org/index.php?why CSS: http://www.newlifemontessori.org/styles/newlifemontessori.css I've got overflow-y: auto; on div id=main, so I certainly expect to see the vertical scroll bar. I was going to ask: Must I explicitly add overflow-x: hidden; to that element to prevent the horizontal bar at bottom? but even with that added, the horizontal bar appears. The content doesn't appear to come close to the div boundaries, so this one has me a bit puzzled. TIA for any comments/suggestions. Best regards, ~Ray [EMAIL PROTECTED] wrote: Set overflow-x:none Thanks, Scott. Sadly that didn't fix the problem. Since my original post, I realized I was 'overflow'ing the wrong element. The scrolls were appearing on 'container' not 'main'. I've adjusted my css, but alasthe content of main is now breaching the lower boundary on this page. Looking forward to the solution of what is surely a newbie issue :) ~R __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] scrollbars and 'overflow'
Hi all, I've a site with a moderate amount of content in each page, with one exception. Markup: http://www.newlifemontessori.org/index.php?why CSS: http://www.newlifemontessori.org/styles/newlifemontessori.css I've got overflow-y: auto; on div id=main, so I certainly expect to see the vertical scroll bar. I was going to ask: Must I explicitly add overflow-x: hidden; to that element to prevent the horizontal bar at bottom? but even with that added, the horizontal bar appears. The content doesn't appear to come close to the div boundaries, so this one has me a bit puzzled. TIA for any comments/suggestions. Best regards, ~Ray big snip Andrea Black wrote: Hi, I'm not sure if I understand your problem correctly... but if you do not want the length to overtake the 800px that you've forced the container to be then put a fixed width (no sense having a percentage if your ultimate container is fixed width!) on the #main and have overflow:auto ... don't worry about any fancy overflow-x or anything. And then you'll only see the vertical scrollbar. Let me know how this works for you. ~ Lacuna Hi Lacuna, I will certainly try that as it sure sounds reasonable. Thanks for the input. ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] scrollbars and 'overflow' [SOLVED]
Ray Leventhal wrote: Hi all, I've a site with a moderate amount of content in each page, with one exception. Markup: http://www.newlifemontessori.org/index.php?why CSS: http://www.newlifemontessori.org/styles/newlifemontessori.css I've got overflow-y: auto; on div id=main, so I certainly expect to see the vertical scroll bar. I was going to ask: Must I explicitly add overflow-x: hidden; to that element to prevent the horizontal bar at bottom? but even with that added, the horizontal bar appears. The content doesn't appear to come close to the div boundaries, so this one has me a bit puzzled. TIA for any comments/suggestions. Best regards, ~Ray big snip Andrea Black wrote: Hi, I'm not sure if I understand your problem correctly... but if you do not want the length to overtake the 800px that you've forced the container to be then put a fixed width (no sense having a percentage if your ultimate container is fixed width!) on the #main and have overflow:auto ... don't worry about any fancy overflow-x or anything. And then you'll only see the vertical scrollbar. Let me know how this works for you. ~ Lacuna Hi Lacuna, I will certainly try that as it sure sounds reasonable. Thanks for the input. ~Ray Thanks to all, this site is now doing what the client was requesting. I wound up moving 'main' down a few pixels so that when the vert scroll appears it's nearly in line with the nav separator on the left, then added overflow: auto to 'main' after adjusting it's overall size. All the help is very much appreciated! Regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] scrollbars and 'overflow'
Philippe Wittenbergh wrote:
On Aug 7, 2007, at 10:55 PM, Ray Leventhal wrote:
Markup:
http://www.newlifemontessori.org/index.php?why
CSS:
http://www.newlifemontessori.org/styles/newlifemontessori.css
I've got overflow-y: auto; on div id=main, so I certainly
expect to
see the vertical scroll bar.
I was going to ask: Must I explicitly add overflow-x: hidden; to
that
element to prevent the horizontal bar at bottom? but even with that
added, the horizontal bar appears.
Since my original post, I realized I was 'overflow'ing the wrong
element. The scrolls were appearing on 'container' not 'main'.
I've adjusted my css, but alasthe content of main is now breaching
the lower boundary on this page.
Looking forward to the solution of what is surely a newbie issue :)
This is causing problems:
#container {
width: 750px;
height: 800px;
Do you really want to lock down the height of the container ?
Removing the height will allow the content to flow correctly. What
exactly you want to do with the overflow property, I'm not clear.
Hi Philippe, et al,
I appreciate your reply.
Yes, the locking down of 'container' was a solution the site owner
wanted. They insisted on a border to the overall content ('container')
so that the site wasn't floating on (in their words) 'an ocean of beige'.
That being the case, when bordered, the container div appropriately
swells for more content, but also shrinks for less content; they didn't
like the moving of the border as the div grew or shrank, so I set a
fixed size within the boundaries for an 800x600 display understanding
that it will break if enough font resizing is happening.
So, the goal now is to have the 'main' div scroll on Y axis when needed.
I hope this explains the intent...and again, my thanks for the input.
~Ray
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] validation errors
Jukka K. Korpela wrote:
On Tue, 7 Aug 2007, Matthew Ohlman wrote:
Brian Cummiskey wrote:
snip
USE css classes or IDs, or gloabl elements.
ie, instead of body bgcolor, use
body { background-color: #ff; } in your css sheet.
instead of font, use span class=myclass
and
.myclass { color: #ff; }
for example.
big snip
A good reference/tutorial to see this in more detail is W3Schools. You
can access the CSS tutorial at:
http://www.w3schools.com/css/css_intro.asp
I'm afraid someone needs to remind that W3Schools is regarded as
unreliable source of information by many experts. And this time, that
someone seems to be me...
Not to beat a dead horse, but I agree with Jukka.
I was a wholly table-based designer and held on to that far too long.
Reading this list, books by the inimitable Mr. Meyer[1] and sites like
PIE[2] were and continue to be a great source of info. Personally, I
played a LOT with the first example in Meyer's Eric Meyer on CSS [3]
to get my teeth well cut on concepts and implementations in converting a
table-based site to CSS. I still refer to that book on a near-daily basis.
There's no doubt that CSS's strength is in it's complexity at
times...but taken as a formulaic, thought-through approach like any good
project should be, and it's the key to freedom in design and
accessibility *with* aesthetics!
That's my official .02 on the subjectfrom a far-from-expert
designer, loving CSS
~Ray
[1] meyerweb.com
[2] positioniseverything.net
[3] http://www.ericmeyeroncss.com/
http://www.peachpit.com/store/product.aspx?isbn=073571245X
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Layout fixed, new problem with background-position
Nicholas Karnick wrote: Andrea, I owe you an apology! Your removal of the padding suggestion was exactly correct. Somehow, between working on two laptops and 10 different browsers, I must not have uploaded those changes properly. In any case, it work. Thank you. There is a new problem now. For the menu on the left, I'm using background-position to change the button image on a mouse hover. As you will see, anytime you move your mouse over the menu, it kicks everything on the page down about 1000px. It works fine once it's kicked down, but you can imagine why I don't want that to happen. Any thoughts anyone? Thanks, Nick __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Hi Nicholas, I'll assume the issue is IE6 only as I've just looked in Win/FF2, Win/FF1.5 and Win/IE7 and the site looks great. ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check Major blow out in IE6 and 7
Terri Chicko wrote: Hi Friends I'm ready to pull my hair out. My new site works great in FF and mac programs, but it's really on the fritz with IE 7 and 6 It is mostly the table that is giving me headaches. I need to use a table in this site. So... any help would be appreciated. www.hotniniz.com Also, doesn't IE 6 see PNGs? Thank you in advance Terri Terri Chicko [EMAIL PROTECTED] Illustration, Graphics and Web Design www.chickoart.com www.hotniniz.com www.incense-salishwinds.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Hi Terri, Given the number of html validation errors, it's difficult to determine what's pushing the table down below the navigation. I've taken a screenshot of my view of your site in Win/FF2.0 here, for your review: http://captures.swhi.net/hotniniz.com.screenshot.jpg My native resolution is 1280 x 1024. The image has been reduced for ease of viewing, but kept proportionate so that you could see what the native viewport was able to display. I hope this helps, at least a little. Regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background-image issues
On 8/3/07, Ray Leventhal [EMAIL PROTECTED] wrote: Hi folks, http://wh1.swhi.net/~admin27/index.php CSS is in: http://wh1.swhi.net/~admin27/styles/newlifemontessori.css Basic layout: The overall content area is in a div with an id of 'container'. Within 'container' are other divs, 'head', 'nav', 'main'. new issue: background-image for #head isn't displaying. Might just be lack of sleep, but this seems very strange. TIA for any comments, ~Ray/ _ Hey Ray, 'background: transparent;' in same rule is actually overiding background tag from 'background-image: url(images/site_header2.jpg);' You probably want 'background-color: transparent;' or just let it get default value. good luck, Arian Hojat Arian, Thank you again and again. That certainly did the trick! ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] div element seemingly incorrect
Hi folks, I'm putting together a template for a friend. http://wh1.swhi.net/~admin27/index.php CSS is in: http://wh1.swhi.net/~admin27/styles/newlifemontessori.css Basic layout: The overall content area is in a div with an id of 'container'. Within 'container' are other divs, 'header', 'nav', 'main'. The issue: The 'container' div needs a border. When I style 'container' with a border, only the 'header' div seems to get the border when I'd expect the border to encompass 'container' in full, encircling all the other divs within container. I've validated both the markup and CSS to be sure I'd not forgotten a close tag somewhere. I'm pretty sure this is going to turn out to be a major PEBCAK issue...please be kind :) Thanks in advance, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] div element seemingly incorrect
Ricky Zhou wrote: Ray Leventhal wrote: The 'container' div needs a border. When I style 'container' with a border, only the 'header' div seems to get the border when I'd expect the border to encompass 'container' in full, encircling all the other divs within container. Since #nav/#main are floated, they are taken out of the layout, so you need to make #container contain the floats. The easiest way to do this is to add overflow: auto; to #container. A fuller explanation (with some alternative methods) is at http://css-discuss.incutio.com/?page=ClearingSpace Hope this helps, Ricky Hi Ricky, I knew it was PEBCAK :) Thanks for the reminder. ~R __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] background-image issues
Hi folks, http://wh1.swhi.net/~admin27/index.php CSS is in: http://wh1.swhi.net/~admin27/styles/newlifemontessori.css Basic layout: The overall content area is in a div with an id of 'container'. Within 'container' are other divs, 'head', 'nav', 'main'. new issue: background-image for #head isn't displaying. Might just be lack of sleep, but this seems very strange. TIA for any comments, ~Ray/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 issues, float related? - [Re-post]
Hi all, Thanks to browsershots, I see I've an issue in Win/IE6 (at least) with form fields acting strangely near a float. Page: http://www.cprtools.net/datarecovery/requestform.php CSS: http://www.cprtools.net/datarecovery/styles/style.css WinIE6 Screenshot: http://www.cprtools.net/datarecovery/win.ie6.issue.png The page validates for CSS and XHTML Strict, and looks as I expected (intended) for it to look in most browsers other than WinIE6. There, the portions of the form to the left of my right floated div, is misaligned as are the labels for the form elements. I'm thinking this is a 'has layout' issue, but am just not sure how to 'fix' it. The page does break on UA resizing, but I've been told not to worry about that (by the guy who signs the check), so I'm not (for the moment). This is not a crucial issue as usability isn't at stake, but any suggestions will be greatly appreciated. Thanks in advance, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 issues, float related? - [Re-post]
Arian Hojat wrote: hey Ray, Try setting #header padding to 0? or most 2ems somewhere else are showing up. i would focus on trying to get the right float to line up flush against container's right side as thats what firefox is doing. Havent looked at your stuff detailed myself. Might wanna look around for any float that has margins, cause IE will double float margins unless u put display: inline for them. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Thanks again, Arian. I will have at all this 1st thing in the morning. Your help is greatly appreciated. ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 issues, float related? - [Re-post]
Arian Hojat wrote: If you look at that top right image float in IE6 with the IE developer toolbar, i think the right image slightly tips over the input fields, so since those are regular in flow content, floats can push them over (just like text wraps around an image float). Not sure why this occurs in IE, probably something with margins or padding or width is a little bit higher than in FF. Look at that image is way more to the right in IE, than FF. good luck, Ari __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Thanks Arian, I'll widen the containing div and hit it again. I'd done this already, but perhaps didn't widen it enough. I appreciate your input! Best regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6 issues, float related?
Hi all, Thanks to browsershots, I see I've an issue in Win/IE6 (at least) with form fields acting strangely near a float. Page: http://www.cprtools.net/datarecovery/requestform.php CSS: http://www.cprtools.net/datarecovery/styles/style.css WinIE6 Screenshot: http://www.cprtools.net/datarecovery/win.ie6.issue.png The page validates for CSS and XHTML Strict, and looks as I expected (intended) for it to look in most browsers other than WinIE6. There, the portions of the form to the left of my right floated div, is misaligned as are the labels for the form elements. I'm thinking this is a 'has layout' issue, but am just not sure how to 'fix' it. The page does break on UA resizing, but I've been told not to worry about that (by the guy who signs the check), so I'm not (for the moment). This is not a crucial issue as usability isn't at stake, but any suggestions will be greatly appreciated. Thanks in advance, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Gary Benson wrote: Hi all, Could I trouble you for site check of http://www.relaxshiatsu.co.uk/ please? I use Firefox on Linux so Windows and Mac checks are especially welcome, as are any general comments and suggestions you may have. If it helps, this is what I see when I look at it: http://www.relaxshiatsu.co.uk/links/70f13fd1.png Thanks in advance, Gary -- Bath shiatsu -- http://www.relaxshiatsu.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Hi Gary, Looks as good in FF/Win as it does for Linux. In IE7/Win, it looks 'pretty' good, but there's an issue with the curve at the lower left of your content area. screenshot: http://www.swhi.net/css-d/relaxshiatsu.jpg Hope this helps. Regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Explorer bug or poor css technique?
rollandburn wrote: Hi everybody, I wonder if a kind soul could take a look at ... http://www.discandmore.com ...to help me figure out why internet explorer doesn't allow vertical scrolling past a certain point effectively 'cutting off' content at the bottom of the page, such as the footer. Firefox shows the page as it should be for reference. Thanks __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Hi, The site does, as you say, look great in FF/Win. Frankly, it looks good and scrolls all the way to the end of the footer in IE7/Win as well. I'm not able to duplicate the scrolling issue you describe. Hope this helps, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Companion column method
Ingo Chao wrote: Hi, this draft http://www.satzansatz.de/cssd/companions.html introduces a technique for equal heights aspect of columns. Comments and corrections are appreciated. Thank you for your time. Regards, Ingo Hi Ingo, et al, A really concise and interesting presentation of truly requisite knowledge! Thank you (again!) for sharing the wealth. Best regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] page check :: ~dL
David Laakso wrote: I get frequent reminders from the guy that the thing [1] is supposed to work in all versions of win/ie. Comments, suggestions, and links to an anger management seminar appreciated. Thanks. [1] http://www.chelseacreekstudio.com/ca/ct1/ Best, ~dL Hi David, The layout looks good in Win: FF1.5/2.0 IE 6/7. In WinFF 2.0, the link for GF Safe Lists shows GF underlined. Not so in my view in FF1.5 or IE 6 or 7. Linux FF 1.5/20, no issues, all appears well. Looked in Linux Konqueror as well, no issues. A site check is, I feel, the least I can do...having garnered and put into use *so* many of the things I read on this list. It's amazing how many of those things are made better/easier/more understandable because of your posts. Thanks and best regards, ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] div text centering issue, IE layout issues (gee, really?)
Hi all, It's always the freebies that give me a headache :) I'm working on a site which amounts to a simple 3 column layout in appearance. My current issues are 1) the text in h1 and h2 aren't centering despite text-align: center; being stated and 2) IE7 drops the 'content' div way down in the viewport. It's been a long weekend of non-coding and I need to hit this hard today. Any/all help is greatly appreciated. site: http://devel.legionpost130.org/index3.php css: http://devel.legionpost130.org/styles/legionpost130-3col.css Best regards for a layout-incompatibility-free week :)) ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] iframes - who still uses them
Russ Peters wrote: Hi, Looking at the last post it got me thinking. Does anyone still use frames or iframes? Is it a valid development technique? R. We are using an iframe on our homepage to incorporate a secure page for login purposes. I will say that this has proved to be a challenge with the new browsers disabling navigate sub-frames across different domains and with McAfee disabling the iframe tag altogether with their Privacy Service. I love the function of them but it's been frustrating. I haven't found a good alternative. Russ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Sadly, I've been forced into working with an iframe-based design due to a previous designer's penchant for them. When I'm able (it's a time thing...), I plan to re-do my data recovery client's website using a div with overflow: auto; to take the place of the iframe where, in this case, it's not really needed at all. So, yes, there are iframes out there...but for many reasons including validation and SEO, to my mind, iframes are a big no-no. ~Ray __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] div text centering issue, IE layout issues (gee, really?)
Alan Gresley wrote:
Ray wrote:
Hi all,
It's always the freebies that give me a headache :)
I'm working on a site which amounts to a simple 3 column layout in
appearance. My current issues are
1) the text in h1 and h2 aren't centering despite text-align:
center; being stated
and
2) IE7 drops the 'content' div way down in the viewport.
It's been a long weekend of non-coding and I need to hit this hard
today. Any/all help is greatly appreciated.
site:
http://devel.legionpost130.org/index3.php
css:
http://devel.legionpost130.org/styles/legionpost130-3col.css
Best regards for a layout-incompatibility-free week :))
~Ray
Hi Ray
Looking at your layout in FF first. The content (text) within your div#header
and div#content will naturally be displaced by the div#nav float. This float
is floated right and has a width of 140px and it's margin left is 450px. So
the content within your div#header and div#content will be displaced by
590px, leaving only about 140px of the content still showing beside the float
with a viewpoint of 800px in width. Please note that I have said that the
content of the div#header and div#content will be displaced and not the divs
themselves. The margin left for the div#nav should be much smaller like 20px.
IE will behave differently. The div#header and div#content themselves will be
displaced by the float since they both have haslayout since they have a width
of 800px.
http://www.satzansatz.de/cssd/onhavinglayout.html#nextfloat
In IE, you would need a viewpoint of at least 1450px wide
(140px+450px+800px+scrollbar) before the div#header and div#content could
rise up to sit beside the float. Remove both the widths from both the
div#header and div#content and use a margin left or padding left to keep
their content from going over the emblem.
The background images need to be applied to different elements since the flag
sit over the emblem. The flag could be applied to the body element and the
emblem to the container. Test this slimmed downed CSS.
body {
font-family: Century Gothic, Helvetica, sans-serif;
font-size: 1em;
background: #FFF url('/images/American-Flag.gif') no-repeat 50% 100px;
color:#00;
}
h1 {
font-size:1.5em;
text-align: center;
}
h2 {
font-size: 1.3em;
color: blue;
text-align: center;
}
p {
line-height: 1.2em;
}
#header, #content {
margin: 20px 165px 0 230px;
}
#container {
background: url('/images/AmericanLegionColorEmblem.png') no-repeat 20px 0;
}
div#nav {
width: 140px;
float: right;
margin: 0 0 0 20px;
}
ul.navbar {
font-size: 95%;
}
ul.navbar, li.navitem {
padding: 0;
margin: 0;
list-style: none;
font-weight: bold;
}
li.navitem {
margin: 0 3px;
}
a.menu:link, a.menu:visited {
color: blue;
text-decoration: none;
}
a.menu:active, a.menu:hover {
color: red;
text-decoration: none;
}
Kind regards, Alan
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Alan,
Thanks for your reply. I am reading (and will continue to). I'll post
results and new URLs once I've played with it a bit.
Truly thank you for your input. I learn more and more here each day!
Regards,
~Ray
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
