[css-d] How can I put 2 columns inside this div?

Hi all - I'm sorry to repeat my question, and it was my bad for not realizing you can't embed links in text on this list, but I can't seem to figure out how to do this right - the content in the columns always busts out of the surrounding div when I try to have 2 columns inside it. When

Re: [css-d] Site check for good housekeeping

On 09-Jul-07, at 8:54 AM, Frank Burleigh wrote: Rahul Gonsalves wrote: On 09-Jul-07, at 5:13 AM, Frank Burleigh wrote: Hello, list. We've been working on this site: http://firms.law.indiana.edu/about/blank.shtml I'd appreciate your review. I'm interested in any critique you'd care to

[css-d] Companion column method

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 -- http://www.satzansatz.de/css.html

[css-d] Suckerfish Challenge

I am preparing a site for a redesign. For now I am just trying to make the site more accessible while keeping the old design (it isn't mine) in place so I am reworking one element at a time. I am starting with the top navigation menu, which is a horrible (in terms of being accessible)

Re: [css-d] Suckerfish Challenge

You have done well so far. I have always found it is a bit of trial and error to get these working the way you want it. If you use the list id's then you can set the width of each dropdown. e.g ul#programs_submenu li a { width:20em; background-color: orange; } You will also have to tweek the

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 Nice job, Ingo The technique brings new thinking to the

[css-d] Collapsing blocks within floats

I've hit this problem before, but have always ended up using deplorably complicated workarounds to avoid it. How can I avoid block elements inside floated blocks collapsing to the minimum height? I am using a two column setup (navigation and content) as follows: div#column-left { float: left;

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

Re: [css-d] Companion column method

Alex Robinson pointed me to a similar, very interesting layout by Paul O'Brien: http://www.search-this.com/2007/02/26/how-to-make-equal-columns-in-css Thanks! Ingo -- http://www.satzansatz.de/css.html __ css-discuss [EMAIL

Re: [css-d] Companion column method

On 09/07/2007 08:03, 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 Great, thanks Ingo. I really

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

Re: [css-d] page check :: ~dL

Ray Leventhal wrote: David Laakso wrote: [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. ~Ray

Re: [css-d] Companion column method

http://www.satzansatz.de/cssd/companions.html introduces a technique for equal heights aspect of columns. I'll have to come back and give it a thorough read rather than just scanning, but I have to say, this graphic http://www.satzansatz.de/cssd/companions/co-pedestal.png is a

Re: [css-d] textarea with fixed width, but auto height

Bartłomiej Kozielski wrote: what must I do for the textbox to automatically set its height depending on the number of lines in it? Is there any CSS rule? No rule via number of lines, (well, perhaps if you calculated the height of each line in the textbox and applied it.. but would probably be

[css-d] Problem with paragraphs and headers

Hi all, I'm trying my first liquid layout and have run into a couple of snags. Forgive me if I'm totally going about this the wrong way, but I had to start somewhere. First, here are the links: http://dev.tonedeafdesign.com/ob/test.html http://dev.tonedeafdesign.com/ob/css/global.css The

[css-d] Normal bulleted lists... with smaller bullets

There's at least one thing I don't know how to do well with bulleted lists. I would like to make normal unordered (bulleted) lists using smaller bullets. I'd really like the smaller bullets to increase in size when you increase the text size -- just like the default bullets, only smaller. I'd love

[css-d] What is happening to my navbar in IE? Very strange problem.

Help! What is happening to my navbar in IE? A big space appears between the first letter and the rest of the letters of each link. For example: It should be Contact but looks like this: C[big space]ontact Here is a screenshot which show what it looks like in Firefox (correct) and IE (wrong!) -

Re: [css-d] What is happening to my navbar in IE? Very strange problem.

Well, I think I may have fixed it, although I cannot understand what was going wrong... All I did was change one thing in the CSS styling the navbar: From my CSS - all I did was change the background-color of the ul to transparent. How would that have been causing that problem?? /*

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 and fellow contributors, well done! Give me a few years

Re: [css-d] What is happening to my navbar in IE? Very strange problem.

Brooke Nelson wrote: Well, I think I may have fixed it, although I cannot understand what was going wrong... All I did was change one thing in the CSS styling the navbar: From my CSS - all I did was change the background-color of the ul to transparent. How would that have been causing

Re: [css-d] Companion column method

I haven't had time yet to read through it thoroughly, but the illustrations are fantastic!! On 7/9/07, Ingo Chao [EMAIL PROTECTED] wrote: Hi, this draft http://www.satzansatz.de/cssd/companions.html introduces a technique for equal heights aspect of columns. Comments and corrections are

Re: [css-d] Bottom Chunk of Site Content Not Showing in IE6

On 7/8/07, Jade True [EMAIL PROTECTED] wrote: I'm working on http://www.zencart137.jadetrue.com. I recently made some changes as I wanted the site to be source ordered; now I'm using some absolute positioning, and for some unbeknownst reason, IE6 isn't scrolling all the way down the page.

Re: [css-d] Normal bulleted lists... with smaller bullets

On Mon, 9 Jul 2007, Complex wrote: There's at least one thing I don't know how to do well with bulleted lists. I would like to make normal unordered (bulleted) lists using smaller bullets. You're not the only one with the problem, and I'm afraid there's no one with a solution. It's possible

Re: [css-d] Normal bulleted lists... with smaller bullets

Jukka K. Korpela wrote: On Mon, 9 Jul 2007, Complex wrote: There's at least one thing I don't know how to do well with bulleted lists. I would like to make normal unordered (bulleted) lists using smaller bullets. You're not the only one with the problem, and I'm afraid there's no

Re: [css-d] Suckerfish Challenge

Jennifer Knowles wrote: I am preparing a site for a redesign. snip I have a basic Son of Suckerfish experiment here http://www.thecentersd.org/navtest.html and the problems I am facing should be obvious. I need the sub-item ul's to be wide enough not to wrap (I have specified 10em per the

Re: [css-d] Normal bulleted lists... with smaller bullets

Yes, this was Jennifer Ham's solution, too. It looks like a working solution. Good, except for the extra span tags. Since I'm working in a collective environment, I think asking for extra span tags might not be workable; on the other hand, that might be the solution to take. One note for both

Re: [css-d] Resizing leads to big trouble in little china

On Mon, 9 Jul 2007 09:49:56 +0800, Edward Spodick wrote: Hello all! I have been working on a design mockup - a copy of which is now at http://lbzm02.ust.hk/pagetest/mockup2.html Currently it validates for css and xhtml 1 transitional, and people here are mostly very happy with it. The

Re: [css-d] Companion column method

Thanks to all for sharing your impressions! If you are testing the experimental method: let me know if you've encountered major problems - and how you've fixed them :) There is a glitch with the correct vertical alignment of the companions in Opera 9 in some of the examples, they do not

Re: [css-d] Normal bulleted lists... with smaller bullets

On Mon, 9 Jul 2007, Complex wrote: It looks like a working solution. - - ul {font-size: 0.5em;} li span {font-size: 2em;} I'm probably missing something, but I cannot see the effect, using e.g. default settings on IE. The bullet size is the same, independently of the font size of the li

[css-d] CSS image rollovers

On 7/5/07 2:43 PM, Mark Finney [EMAIL PROTECTED] wrote: Is there a way to change the image in one div by clicking a link in another using purely css? What should I be searching for to find this? The best link for this I have found from: http://wellstyled.com/css-nopreload-rollovers.html

[css-d] Footer alignment problem

Hi friends, I'm new to this mailing list. I've been struggling with this footer alignment problem for more than a day, tired of different combinations such as* auto*, *absolute*, *100%* etc The structure of my page is as follows div id=wrapper div id=center_col style= div

[css-d] Left 50% margin- 497

Looking at the css of a website I was visiting i noticed the following page layout. #page { position: absolute; width: 994px; left: 50%; margin-left: -497px; } I can follow the logic of this but is it better than left 0 margin 0

[css-d] Viewport width vs. 100% page width

Hi When I resize the browser so that it is smaller than the content, I get a horizontal scroll bar. The problem is, the banner at the top fits to the viewport width, not the content width. I've played with the width values but can't get it to work. What's the best way to make sure all

[css-d] Aligning an img element with an input element?

Hi all. I have the following html / css: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd; htmlheadtitleexample/title style type=text/css img { border: none; } p { border: 1px solid black; } * { margin: 0; padding: 0; }

Re: [css-d] How can I put 2 columns inside this div?

Hi Alicia, At Ruthsarian Layouts Tank! there is a two column css that can be used in any element. I have used this in some of my pages it seems to work play with all the browsers. Variations of it are in www.vtneaprofessionalprograms.org. The 3 boxes in the center are using a 3 column

[css-d] Sidebar content linked to main text

Hello, all, I'm not sure this is even possible--in a three-column (blog) layout, is there a way to link side-column content with the content of the center column? The purpose would be to create sidebars (left or right) that elaborate on a reference in the main text and that are horizontally

[css-d] Floated sidenotes: safari vs. gecko

I am trying to float sidenotes. Here is the example I'm working on. http://carneades.pomona.edu/rutter.html (There is a background gif that marks off the desired line-height). Safari and (Mac) Opera do what I want: they put the sidenote on the same baseline as the note's marker in the text.

[css-d] CSS Menu not Layering over Flash

I have a CSS Menu that is not layering over Flash. I tried using the wmode preference and that fixed it in IE but the CSS is still layering behind the flash in Firefox. Does anyone know what the fix might be? Echo __

Re: [css-d] Left 50% margin- 497

-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Colin Mcgarry wrote: Looking at the css of a website I was visiting i noticed the following page layout. #page { position: absolute; width: 994px; left: 50%; margin-left: -497px; } I can follow the logic of this

Re: [css-d] CSS Menu not Layering over Flash

-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Echo Schmidt wrote: I have a CSS Menu that is not layering over Flash. I tried using the wmode preference and that fixed it in IE but the CSS is still layering behind the flash in Firefox. Does anyone know what the fix might be? As a side note,

Re: [css-d] Sidebar content linked to main text

On 7/9/07, Don Zochert [EMAIL PROTECTED] wrote: Hello, all, I'm not sure this is even possible--in a three-column (blog) layout, is there a way to link side-column content with the content of the center column? The purpose would be to create sidebars (left or right) that elaborate on a

[css-d] ie7 problem

Hi, Can someone please tell me why this site is centered: www.snugglebugkids.net and this site using the same style is not in ie7 only? www.fitness909.com I have looked and looked and cannot find any problems. These are php pages and the beginning div is in the header and the ending in the

Re: [css-d] ie7 problem

Melinda Odom wrote: Hi, Can someone please tell me why this site is centered: www.snugglebugkids.net and this site using the same style is not in ie7 only? www.fitness909.com Because the first site has text-align: center; in the body declaration of the css. If you were to add that

Re: [css-d] ie7 problem

This is fixed now! Thanks Matthew! Sincerely, Melinda Odom Design Hosting, Inc. www.designhosting.biz 479-471-0891 -Original Message- From: Melinda Odom [mailto:[EMAIL PROTECTED] Sent: Monday, July 09, 2007 6:52 PM To: css discuss Subject: ie7 problem Hi,

Re: [css-d] Sidebar content linked to main text

Don; Maybe I wasn't way off base after all; it looks like Michael Green is doing something similar in another thread: Floated sidenotes: safari vs. gecko. Saw it just after I'd send off my first reply to your post. -- Rick Lecoat -- **ORIGINAL MESSAGE** Received from Don Zochert on 9/7/07 at

Re: [css-d] Left 50% margin- 497

On Sat, 07 Jul 2007 12:28:20 +0200, Colin Mcgarry wrote: Looking at the css of a website I was visiting i noticed the following page layout. #page { position: absolute; width: 994px; left: 50%; margin-left: -497px; } I can follow the logic of this but is it better than left 0 margin 0

Re: [css-d] Aligning an img element with an input element?

On Mon, 09 Jul 2007 14:07:49 +1000, George Bills wrote: [code snipped] When displayed, the bottom of the img is above the bottom of the input. It looks like the img aligns to the top of the enclosing p (given a black border for identification), and the input aligns to the bottom of the

Re: [css-d] Problem with paragraphs and headers

On Mon, 9 Jul 2007 11:17:05 -0700, Mark Wheeler wrote: Hi all, I'm trying my first liquid layout and have run into a couple of snags. Forgive me if I'm totally going about this the wrong way, but I had to start somewhere. First, here are the links:

Re: [css-d] Normal bulleted lists... with smaller bullets

On Mon, 9 Jul 2007 14:21:24 -0400, Complex wrote: There's at least one thing I don't know how to do well with bulleted lists. I would like to make normal unordered (bulleted) lists using smaller bullets. I'd really like the smaller bullets to increase in size when you increase the text size

Re: [css-d] Resizing leads to big trouble in little china

Thanks David, I think you are being very polite. :) I will rework the underlying structure and styles instead of contuing to kludge my way piecemeal through committee outputs. -Edward Hi Edward, You have widths in pixels and padding in EMs. I think that is what is causing your float to drop

Re: [css-d] Problem with paragraphs and headers

Hi David, Thanks for the education. I just googled it and came across this link: http://www.communitymx.com/abstract.cfm?cid=CB7B3 Thanks for the push in the right direction. I've made the changes to css file. You can see the changes now. http://dev.tonedeafdesign.com/ob/test.html

Re: [css-d] Problem with paragraphs and headers

Hi All, I just changed it from what I just said to adding a: padding: 1px 0; /* This is needed to get rid of the escaping margins. Just add a 1px padding-top and padding-bottom to the div.*/ to the #main_content div. This seemed a bit cleaner and allows me a bit more flexibility with my P

[css-d] white or #FFFFFF?

Hi: I've been working on another css drop-down menu and encountered a problem where my menu won't work in IE 6 if I use white for background-color, but will work if I use #FF. For example: background-color: white; /* if used, my menu won't work in IE 6 */ background-color:

Re: [css-d] white or #FFFFFF?

Hi, You talked about drop-down menu, so I'm assuming there's some sort of hover rule involved...? Smells like an issue with the IE6 hover cascade rules detailed here, I had a similar issue which manifested itself in the same way. http://www.quirksmode.org/css/ie6_purecsspopups.html