Re: [css-d] my divs refuse to nest!

On Wed, 12 Oct 2005, Alvin A ONeal Jr wrote: I'm trying to create a page [http://tinyurl.com/7k3xx] with a header, 3 columns nested in a container, and footer -- all using divs. When I'm accesing the page with Firefox I can't get the 3 columns to stay in container. I have no idea what it

[css-d] Re: A cross browser problem

Hello All, Thank you for your responses Ist off Thanks Christian Heilmann I've applied your changes to test2 and now opera, netscape and Firefox all look good and identical, but if you now look at it with ie6 you will see why I made %%left%% position: absolute. I think David Laakso has a sound

[css-d] IE Fix Needed - REPOST

Posted this earlier - thank you to Jim, who helped out with problems 1 and 2. I need to get this site working today, and it needs to look good in IE 6 at the very least. Dear All: I'm having a couple of problems with a page in IE. The page in question: http://janaagraha.org/rahul/John/

[css-d] Re: A cross browser problem

Ooops sorry I ommitted to put the url to the site in this reply test page: http://devnz.scripterz.org/test2.html css file: http://devnz.scripterz.org/test2.css Thats better Thank you for your responses Ist off Thanks Christian Heilmann I've applied your changes to test2 and now opera,

Re: Need more help Was: [css-d] List with hover background images

A url might make things a lot easier. Generally you can only keep a padding when the link breaks into a new line when you set the background image on the parent element of the link, in this case the LI. Then you apply the hover effect to the LI and not to the link and all is fine. You could do

[css-d] My nav bar doesn't show up

What am I doing wrong with my nav bar? It shows up in Dreamweaver, but not on the site? http://www.doloresmission.com/wmipage.htm# Am I doing my css properly? Thanks in advance. Nancy Smith __ css-discuss [EMAIL PROTECTED]

[css-d] IE Fix Needed - REPOST

http://janaagraha.org/rahul/John/ Rahul, IE is wrongly centering the content, .inner { ... text-align: left;} does not wrap the link text after the image (at inline-level) .nav img { ... display: block;} and needs some layout to make the whole link area clickable .nav a {zoom:1;} [1]

Re: [css-d] Site feedback please :)

Georg, David Chris, Thank you SO much, guys, for your feedback. I've emailed you privately. :) Lorraine Re: http://www.alamug.com site check __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d

[css-d] Strange IE Link behaviour

In the middle of the page in the green box, the list of subsections. When you mouse over them the hand does not change to signify a link. Clicking on the images doesnt not trigger the link, only clicking on the text, even though the link started before the image and ends after the text.

Re: [css-d] Condensed font

on 10/12/05 9:41 PM, Jan Brasna at [EMAIL PROTECTED] wrote: The MS typography pages suggest that Arial Narrow is likely to be available on Mac OS too, but I have no recent experience of Mac type choices. Arial Narrow as well as Impact is OK on default OSX 10.4.2 setup. Cept for me, on

Re: [css-d] IE6 and hover - csshover.htc problems

Diane Tomlins wrote: Christian, Yes, I've tried double quotes, single quotes, and no quotes - - none of it makes the slightest difference. :( I did manage to load the problem page up on my personal web space. The whole thing is a mock-up so there are a lot of comments in the html and the css,

[css-d] IE6 and hover - csshover.htc problems

http://home.comcast.net/~drt603/dallas/index4.htm Diane, in fact I don't see the reason for the need of the htc behavior, as all hover rules are defined on links, or am I missing something? div#subNav a:hover {... background-position: 0 0;} /* [1] */ Ingo [1]

[css-d] CSS and select boxes - two questions

Hi all, I've been reading on this list for a while now, taking my time before opening my mouth :) I came across an interesting problem last night, while skinning the front end of a tool we're going to be using here at work. I created a mock-up design which you can view here

Re: [css-d] CSS and select boxes - two questions

ian wrote: Hi all, I've been reading on this list for a while now, taking my time before opening my mouth :) Welcome! You should know, though, that you started this thread incorrectly -- you replied to an existing message instead of sending a new message to [EMAIL PROTECTED] So, your

Re: [css-d] CSS and select boxes - two questions

I know someone on this list, Christian Heilman, I think, has a Javascript solution to create something that looks and acts like a select box but isn't a select box, so it can be styled at will. Perhaps http://icant.co.uk/forreview/tamingselect/ It does not really act the same, as you cannot

Re: [css-d] Please help ie box hack question

Carol F. Swinehart wrote: I just started doing css sites and the box hack is messing me up. snip Can it be applied to % - I know what % works in IE so can I use the % there or do I have to calculate the actual px??? You can use a box model hack if the box has its width set in a

Re: [css-d] Hiding table footer in some pages

pankaj singla wrote: Is there any way to control the printiing of footer in table to last page only. I am using footer to print the Sum of each column in the last line. I am using display:table for the table. But while IE is only showing the footer on last page, Mozilla shows footer on each

Re: [css-d] Avoid Row splitting on two pages in IE

pankaj singla wrote: If I am using IE, my last row in a table gets split on two pages. But mozilla is showing right i.e. not splitting the row. How to avoid row splitting in IE. I assume you mean when you print the page? The rule page-break-inside: avoid is designed to stop this sort of

[css-d] help lining things up

Hi Everyone: I'm trying to convince people to get rid of tables and go to CSS. Here is the original: http://web.princeton.edu/sites/ArtandArchaeology/julie/hdrive.html Here is mine: http://web.princeton.edu/sites/ArtandArchaeology/julie/helpdesk.html

[css-d] navbar float broken in IE

I used the three column layout from positioniseverything.nethttp://positioniseverything.netfor my site build, and have everything working just fine except the top ul on the right (which isn't a part of the orignial design) is pushing content down in IE. works fine in FF 1.7 and Opera 7. Don't know

[css-d] Print Style not winning

I have a #printheader that I have told to not display in the browser {display: none;} In the print.css, I tell it to {position: static} which has always worked in the past for me, except this time for some reason. If I remove the display: none, it appears in print preview as planned, so my

Re: [css-d] Css rows and columns

Wednesday, October 12, 2005, 6:16:09 PM, Scott Haneda wrote: I really don't want to jam this one in a table, but I need 5 divs across, butted right up against each other, after the 5th one, I need a new row. The width of each of the 5 items is fixed, the height is not. There's a relatively

RE: [css-d] Print Style not winning

Yes, and to no evail. Hi, Have you tried { display: block; } on the print stylesheet? That's what I use and it works for me. Ali :o) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d

Re[2]: [css-d] IE6 and hover - csshover.htc problems

Wednesday, October 12, 2005, 10:06:21 PM, Diane Tomlins wrote: The test page is here: http://home.comcast.net/~drt603/dallas/index4.htm I haven't looked into your CSS, but have you tried the CSS popup IE fix? http://www.quirksmode.org/css/ie6_purecsspopups.html Steve -- http://mrclay.org/ :

Re: [css-d] Print Style not winning

That did it - Thanks! -- but I don't know why the !important declaration is required in this case. Adrienne Latimer wrote: I have a #printheader that I have told to not display in the browser {display: none;} What about {display:block !important} Thierry | www.TJKDesign.com

Re: [css-d] Print Style not winning

Adrienne Latimer wrote: I have a #printheader that I have told to not display in the browser {display: none;} What about {display:block !important} Thierry | www.TJKDesign.com __ css-discuss [EMAIL PROTECTED]

Re: [css-d] Print Style not winning

Adrienne Latimer wrote: I have a #printheader that I have told to not display in the browser {display: none;} http://www.florida-agriculture.com/fifnc/css/print.css http://www.florida-agriculture.com/fifnc/css/main.css print.css should always be the last style sheet in the list. Otherwise

Re: [css-d] Print Style not winning

Adctually, you are looking at the main.css for that entire site, not for the 'fifnc' directory. But... it does raise an interesting point. For the stylesheet linking you site below, In IE, main.css isn't overriding print.css with respect to #printheader as you point out that it should. It

[css-d] CSS for shadows around thumbnails (tight wrap of DIV around image)

I'm trying to accomplish a drop-shadow effect on a table of image thumbnails. I have looked at various ways of doing this (especially ALA's articles) and they all seem to use float: to wrap the DIV tightly around the image. My thumbnail generator puts the images into a TABLE, so I am tied

[css-d] Firefox content displacement

Hello you all At whttp://www.grossfeld.com/wellness/wellness.htm (and other inside pages) the content at the right side often gets displaced some 400 pixels to the right. Reloading the page clears this problem, but how to avoid the initial displacement? It doesn't happen in IE ... -- OMdesign -

Re: [css-d] My nav bar doesn't show up

On 10/13/2005 1:22 AM Nancy Smith wrote: What am I doing wrong with my nav bar? It shows up in Dreamweaver, but not on the site? http://www.doloresmission.com/wmipage.htm# I don't see a nav bar in your source code. Maybe you are looking at two different versions of the file. -- Steve Clason

Re: [css-d] Print Style not winning

print.css should always be the last style sheet in the list. Otherwise anything after it that calls #printheader will override print.css. (hence cascading!) Adrienne Latimer wrote: Adctually, you are looking at the main.css for that entire site, not for the 'fifnc' directory. i'm not

[css-d] Site Check: Internet Exploder Web madness

Hi all, Thanks for the great list. I'm delurking in the hopes that you guys might have some advice. I've posted a new page design for my employer (corp. ID removed for nondisclosure reasons). http://www.geocities.com/jimcomx/1012.htm As expected, it's behaving... * well in Firefox for

[css-d] Strange IE Link behaviour

The problem does indeed lie with the height and width declarations of the span elements inside the link tag. What I am trying to achieve is this. I would like the images to align along the row at the bottom of each image. I would also like the text to align up to the bottom of the image. So

[css-d] Ensure no wrap for div content?

Hi all is there a way to stop the image on the right from wrapping down when the browser window is resized smaller in the following link http://www.rollandburn.com/css-d/nsep/index.php i have read a few suggestions, two of which are adding a white- space: nowrap; and/or a

Re: [css-d] CSS and select boxes - two questions

Welcome! You should know, though, that you started this thread incorrectly -- you replied to an existing message instead of sending a new message to [EMAIL PROTECTED] So, your message got threaded on to the old thread, which messes up the archives and makes it less likely that others will

Re: [css-d] CSS and select boxes - two questions

The example that Chris Akers sent me off-list (http://neb.net/nlog/2005/04/14/what-a-drop/) is going to work perfectly for what I need, except that it's also gonna have to code some clever JavaScripting to automatically pull the li values and put it in hidden checkboxes or something to allow

Re: [css-d] CSS and select boxes - two questions

Chris wrote: It is a very sexy example, however without JavaScript, there is no functionality at all... Also, you need to explain how to use the system, and you make yourself dependent on a mouse. Luckily the user base for the application is quite limited (at least for the time being) and

RE: [css-d] Strange IE Link behaviour

Sorry, I thought it would get tagged with my earlier post. URL: http://cmc.vanguardia.co.uk/products/section-home.asp?SectionID=19 It now looks roughly how I wanted it to look, though achieved through a strange solution. Original Problem: -- Evening all, Has anyone seen

Re: [css-d] Ensure no wrap for div content?

Paul Gaudet wrote: is there a way to stop the image on the right from wrapping down when the browser window is resized smaller in the following link http://www.rollandburn.com/css-d/nsep/index.php Yes. Since it's a float you can just add: #headerRight {margin-left: -300px;} ...or some

Re: [css-d] Ensure no wrap for div content?

I think a better solution would be to take the second header div out of the group, and then absolute position it on the page, so it sits on top of the other stuff. You can do: div div id=headerleft /div /div div id=headerright /div Then: #headerright { position:absolute; top:0; right:0; } It

Re: [css-d] help lining things up

Julie, text-align:right on the left, text-align:left on the right. -- - C Montoya rdpdesign.com http://rdpdesign.com ... liquid.rdpdesign.comhttp://liquid.rdpdesign.com... montoya.rdpdesign.com http://montoya.rdpdesign.com __

[css-d] rounded corners

Hi, I've reviewed some rounded corner tutorial and think I'd like to develope a site using this technique. I've only used existing .gif/or .psd files to create the rounded corners effect. I'd like to create my own color (and hense my own file) instead of someone elses. Has anyone ever created

Re: [css-d] Ensure no wrap for div content?

Christian Montoya wrote: I think a better solution would be to take the second header div out of the group, and then absolute position it on the page, so it sits on top of the other stuff. Yes, and that's what I tried *not* to do, so to avoid more overlapping than necessary. Looking slightly

Re: [css-d] CSS for shadows around thumbnails (tight wrap of DIV around image)

Thursday, October 13, 2005, 10:48:06 AM, Jeff Shepherd wrote: http://www.ashep.com/test/shadow/thumbnail.html Simply put, I want a DIV that wraps tightly around a linked image See http://www.brunildo.org/test/shrink_img.html or check some of the other shrink-wrapping IMG methods:

Re: [css-d] rounded corners

Patrick Have a look at this site: *http://tinyurl.com/ch8st *(Apologies for the tinyurl usage). I used rounded corners here. If you have any questions let me know.* * Patrick Roane wrote: Hi, I've reviewed some rounded corner tutorial and think I'd like to develope a site using this

Re: [css-d] rounded corners

Patrick Roane wrote: Has anyone ever created there own rounded shapes? If so, how do I know how small or big to create the shape and what I can do to create a shadow effect? I got tired of image-shaped corners a long time ago, and now I've even got tired of rounded corners :-)

[css-d] list styling

Hello there, I'm new to the list and appreciate in advance any assistance with this. A client of mine has a list to display of about 300 magazine titles. I'd like to set these up for her using CSS lists so they can be in columns. The problem is the way in which CSS sorts the list into

[css-d] Firefox content displacement

Hello you all At whttp://www.grossfeld.com/wellness/wellness.htm (and other inside pages) the content at the right side often gets displaced some 400 pixels to the right. Reloading the page clears this problem, but how to avoid the initial displacement? It doesn't happen in IE ... -- OMdesign -

[css-d] Bug or standards compliant? Applied margins to an inner div cause outer div to weirdly collapse if it has no borders.

Dear list, I have been working around this behaviour (bug?) for quite some time now. I can't take it anymore :) Let me explain. Or better yet give you a barebones example. Please have a look at the fully commented testcase I have here:

Re: [css-d] list styling

A couple of weeks ago A List Apart covered multi-column lists. http://www.alistapart.com/articles/multicolumnlists CSS Swag: Multi-Column Lists by Paul Novitski Great samples and examples, along with things to be careful with.

Re: [css-d] rounded corners

I use them on our internal site at work. http://www.456bereastreet.com/archive/200505/ transparent_custom_corners_and_borders/ This is the best way I have found IF javascript is a requirement on your site.. if not... http://www.456bereastreet.com/archive/200406/

Re: [css-d] Bug or standards compliant? Applied margins to an inner div cause outer div to weirdly collapse if it has no borders.

The moment this email left my colleague sent me this via im: http://www.andybudd.com/archives/2003/11/no_margin_for_error/ and http://www.w3.org/TR/CSS2/box.html#collapsing-margins But still. I added position: relative to the elements in question to no avail. -- Sascha Ebach

[css-d] Vertical alignment

Hi, I’m trying to vertical-align the button to the middle of the textbox http://www.selfinflicted.org/css/quick.html but since the vertical-align css is based on the elements parent, it doesn’t position as wanted. As you can see from the HTML, I’m trying to keep it a simple as possible and

Re: [css-d] rounded corners

At 12:08 PM 10/13/2005, Patrick Roane wrote: I've reviewed some rounded corner tutorial and think I'd like to develope a site using this technique. ... Has anyone ever created there own rounded shapes? If so, how do I know how small or big to create the shape and what I can do to create a

[css-d] In search of 2-column, fluid, equal length layout.

Browsing around in the wiki, none of the fluid two column layouts seem to have equal length. What I'm looking for is: Two content columns, equal width, % based with % gutter. (see my current css below): Left column to come first in source, either column may contain more content. Browsers are in

Re: [css-d] IE6 and hover - csshover.htc problems

Diane, I've been struggling with this full time for 2 days and cannot make IE work with the .htc file. !--[if IE] style type=text/css body {behavior:url(csshover.htc);} /style ![endif]-- I've run into similar problems when using csshover.htc. IE seems especially picky about

Re[2]: [css-d] Bug or standards compliant? Applied margins to an inner div cause outer div to weirdly collapse if it has no borders.

Thursday, October 13, 2005, 5:13:15 PM, Sascha wrote: http://www.andybudd.com/archives/2003/11/no_margin_for_error/ But still. I added position: relative to the elements in question to no avail. Position:absolute /does/ eliminate the collapsing, but you're right, relative doesn't. This may be

Re: [css-d] Vertical alignment

Thursday, October 13, 2005, 6:09:31 PM, Andreas wrote: I’m trying to vertical-align the button to the middle of the textbox http://www.selfinflicted.org/css/quick.html http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align This property defaults to baseline so although your #button is

Re: [css-d] Condensed font

Peter Williams wrote: From: Scott Haneda Cept for me, on Windows, Arial Narrow is less narrow than normal Arial, OS X pseudo narrows it, but windows is actually less condensed. That seems odd, I wonder if you have somehow written the declaration wrong and gotten the system default

Re: [css-d] Condensed font

on 10/13/05 5:58 PM, Peter Williams at [EMAIL PROTECTED] wrote: That seems odd, I wonder if you have somehow written the declaration wrong and gotten the system default sans-serif in place of the intended Arial Narrow? I just made a quick test case in a local file and used the following to

RE: [css-d] CSS for shadows around thumbnails (tight wrap of DIVaround image)

Hi there, Steve, I followed this link, http://www.brunildo.org/test/#cen http://www.brunildo.org/test/%23cen . Some interesting examples there. Can someone explain one of the examples to me, though? On this page -- http://www.brunildo.org/test/ImgHoverTest.html -- in the example labeled

RE: [css-d] IE6 no change in text with a:hover

From: Charles Dort ...it does what I've asked it to quite nicely so far in Firefox, but in IE6 there's no change on hover. It seems to me that I've read something about IE not recognizing hover on this list... HTML: http://tinyurl.com/8a4au CSS: http://tinyurl.com/deo29 Charles,