Re: [css-d] How to get rid of gaps

Thank you both. Indeed whitespace in the markup was the problem. Firefox did not recognize multiple src attributes or my doc is missing some header info. s that an XHTML spec or HTML or ??? However eliminating the whitespace between the img tags did the trick. Also Thierry, i used your

[css-d] A 100% horizontal navigation bar

Hello List I'm trying to find an example of a horizontal nav bar that expands and detracts according to its width (there is no start width set). And is always 100% of the width, with the buttons filling up what ever space is available. Currently there are 7 buttons, written in the HTML as

[css-d] Columns with more than one element

Hello all, I have a document with 8 DIV elements. I want 4 to be in the left column and 4 to be in the right column. Now here is the fun part - I want to control which element is in which column, using style only. It seems simple: to move an element to the right column - just change its style

[css-d] Menu Problems

Hi At this site: http://www.staustellchamber.org/pages/pager.php the menu has overgrown the line. Is it possible to set a max width for each menu item? Or does anybody have a suggestion for a different menu implementation? Thanks Rich

RE: [css-d] Two pixel gap under flash in Firefox

Ricky, Changing the font-size does not seem to do anything for me here. However, when I set the line-height it actually makes the div bar below disappear. Following the suggestions of the other recent thread about extra white space causing gaps I removed all white space (which I really didn't

Re: [css-d] Now possible: CSS Constants

On Wed, 31 Aug 2005 18:01:46 -0400, Eric A. Meyer [EMAIL PROTECTED] wrote: @server constants { baseColor: #ABCDEF; hiliteColor: #0DECAF; baseFont: Helvetica, Arial, Verdana, sans-serif; } body {font: small baseFont;} a:link {color: baseColor;} a:hover {color: hiliteColor;} Perhaps

Re: [css-d] Now possible: CSS Constants

2005/9/1, Tom Livingston [EMAIL PROTECTED]: Perhaps I am just not as worldly as others (of of limited brain capacity), but I am having trouble seeing how the above would differ from this: html, body{color:#ABCDEF; font-family:Helvetica, Arial, Verdana, sans-serif;}/*or just body*/

Re: [css-d] Two pixel gap under flash in Firefox

Changing the font-size does not seem to do anything for me here. However, when I set the line-height it actually makes the div bar below disappear. Sorry-- I may have been unclear about what to set those attributes on. If you set font-size: 0; line-height: 0; on the container div, the gap

Re: [css-d] How to get rid of gaps

On Aug 31, 2005, at 9:51 PM, Thierry Koblentz wrote: Peter gave you the answer for the extra space already, but I'd like to add that you do not really need class=logo in the markup because you can get to the images through: .logobar img {} ...and, unless there are more than one logobar on

[css-d] 3 col fluid falling apart at 640x480

http://www.horseink.com/workroom/dgj/index_hmenu.html http://www.horseink.com/workroom/dgj/dgj_styles.css Is there any way to salvage this at the smaller screen size? Validates, looks as it should on Mac browsers, and from what I can see via BrowserCam, on the Windows browsers...but disarray

positioning inconsistencies between FF, IE, and Safari [WAS Re: [css-d] second try posting]

juliann wheeler wrote: I have a page that was previously created with tables www.ironies.com . Recently, I have re-created the entire page using css for the first time. You can see it at www.ironies.com/new.htm . I'm having problems with the positioning when I view from different

Re: [css-d] 3 col fluid falling apart at 640x480

wendy wrote: http://www.horseink.com/workroom/dgj/index_hmenu.html http://www.horseink.com/workroom/dgj/dgj_styles.css Is there any way to salvage this at the smaller screen size? Validates, looks as it should on Mac browsers, and from what I can see via BrowserCam, on the Windows

Re: [css-d] Columns with more than one element

Thursday, September 1, 2005, 6:17:35 AM, [EMAIL PROTECTED] wrote: It seems simple: to move an element to the right column - just change its style to float:right, and the same for left. It works fine in IE6, as you can see here: http://tora.us.fm/floattest.html IE breaks a rule of the float

Re: [css-d] Menu Problems

Hi Jon and Others Sorry about the 404 Ross answered the question rather neatly so I took the site off-line while I implemented various improvements. Thanks for checking though. Rich On 1 Sep 2005, at 14:23, Jon Trelfa wrote: 404 Not Found Jon

Re: [css-d] Two pixel gap under flash in Firefox

On 8/31/05, Jessica Mays [EMAIL PROTECTED] wrote: I have a flash swf movie that when viewed in IE there is no gap between the flash movie and the div below. However, when viewed in Firefox there seems to be a 2 pixel gap between the bottom flash swf and the top of the div. Hi, Jessica, This

Re[2]: [css-d] 3 col fluid falling apart at 640x480

wendy wrote: http://www.horseink.com/workroom/dgj/index_hmenu.html Ingo Chao wrote: At ~640px, the columns start to drop in IE/Win I think that's what she's referring to. She gives #wrapper a min-width, but IE/win doesn't support it. A few options I see: 1) Emulation min-width in IE with

Re: [css-d] 3 col fluid falling apart at 640x480

wendy wrote: http://www.horseink.com/workroom/dgj/index_hmenu.html http://www.horseink.com/workroom/dgj/dgj_styles.css Is there any way to salvage this at the smaller screen size? Validates, looks as it should on Mac browsers, and from what I can see via BrowserCam, on the Windows

[css-d] Suckerfish:target technique and Opera

I have stumbled onto a puzzle in Opera and was wondering if there was a link that would explain the behavior. In the test file http://tinyurl.com/8snt2, I am emulating the :target pseudo class on the speaker name links by using a variation on the Sons of Suckerfish:target approach where the

[css-d] content overflowing width problem

Hi all- I'm having problems with certain types of content (images, tables) that are simply too large for their containing area at various screen sizes (800x600 for instance). See the example at: http://tinyurl.com/7nngl I'm using a 3 (faux) column layout with negative margins and on some pages

[css-d] Header Width

Hi all, By default, a header element seems to take up the entire width of a page (or containing element). Does anyone know if there is a way in CSS to reduce the width to be only that of the actual width of the text? Thanks. -- Mr. Kim Siever http://www.hotpepper.ca/

Re: [css-d] Now possible: CSS Constants

On Thu, 01 Sep 2005 09:29:57 -0400, Rimantas Liubertas [EMAIL PROTECTED] wrote: Take any real big CSS file with the same five-six colors repeated tens of times for various elements and benefits will be obviuos. And thats very handy for color skining. Still, having Find And Replace in my

Re: [css-d] Header Width

The header elements are known as block level elements. You can turn them into inline elements to with the following style rule: h1, h2, h3, h4, h5, h6 { display: inline; } Simon Jessey Business Email: [EMAIL PROTECTED] Personal Email: [EMAIL PROTECTED] Business Site:

[css-d] Background bottom right problems

I am guessing, since this is also a problem on CSS Zen Garden, that it cannot be fixed but I thought it was worth a query before I ripped the design apart. I have a background image set at no-repeat right bottom and on IE5 Mac (yeah the client is on an old Mac using IE5 and this is a favor

Re: [css-d] Header Width

On 01/09/05, Simon Jessey [EMAIL PROTECTED] wrote: The header elements are known as block level elements. You can turn them into inline elements to with the following style rule: h1, h2, h3, h4, h5, h6 { display: inline; } Is that the only way? I had thought of this. I am developing

Re: [css-d] Header Width

The actual width of the element depends on the width of its containing block, so you can use all sorts of mechanisms to control a header's width, but without setting it to inline I can think of no way to make it the same size as the text (short of a combination of setting the width in ems and

OT: Re[2]: [css-d] Now possible: CSS Constants

Take any real big CSS file with the same five-six colors repeated tens of times for various elements and benefits will be obviuos. And thats very handy for color skining. Thursday, September 1, 2005, 1:23:09 PM, Tom Livingston wrote: Still, having Find And Replace in my editor seems easier

Re: [css-d] 3 col fluid falling apart at 640x480

On Thu, 01 Sep 2005 10:15:44 -0400, wendy wrote:  http://www.horseink.com/workroom/dgj/index_hmenu.html  http://www.horseink.com/workroom/dgj/dgj_styles.css  Is there any way to salvage this at the smaller screen size?  Validates, looks as it should on Mac browsers, and from what I can  see via

Re: [css-d] Header Width

At 10:11 AM 9/1/2005, Mr. Kim Siever wrote: By default, a header element seems to take up the entire width of a page (or containing element). Does anyone know if there is a way in CSS to reduce the width to be only that of the actual width of the text? Kim, Another way (besides making them

[css-d] Header Width

Thanks for all the replies. It appears, the way to do it in my siuation is to probably use JavaScript. -- Mr. Kim Siever http://www.hotpepper.ca/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d

Re: [css-d] Header Width

Another way (besides making them inline) is to float them right or left. Floated block elements shrink to the size of their contents. Then, of course, you need to cancel the float with the next element on the page so that it doesn't align next to the headline: h1 {

Re: [css-d] How to get rid of gaps

On Sep 1, 2005, at 11:34 AM, Peter Speltz wrote: If anyone cares to reply: Is using id just a matter of protection for the developer by limiting them or is there more to it than that? It makes a difference at the JavaScript DOM level. And there are maybe other differences that I don't know

RE: [css-d] Header Width

Wouldn't you be able to have { display: inline; clear: both; } instead of floating them? -Original Message- The header elements are known as block level elements. You can turn them into inline elements to with the following style rule: h1, h2, h3, h4, h5, h6 { display: inline; }

Re: [css-d] Header Width

Thierry Koblentz wrote: I'm not sure if this is a safe solution; I wouldn't use float without an explicite width... It is safe for all CSS 2 browsers with the sole exception of IE5/Mac. That browser, and only that browser, requires the explicit width. The strict width requirement has been

Re: [css-d] How to get rid of gaps

Peter Speltz wrote: If anyone cares to reply: Is using id just a matter of protection for the developer by limiting them or is there more to it than that? NEVER limit the developer. there is a time for a class and a time for an id. such as: .menuitem { color: #fff; } #menuholder { border:

Re: [css-d] How to get rid of gaps

On 9/1/05, Mark Lundquist [EMAIL PROTECTED] wrote: On Sep 1, 2005, at 11:34 AM, Peter Speltz wrote: If anyone cares to reply: Is using id just a matter of protection for the developer by limiting them or is there more to it than that? It makes a difference at the JavaScript DOM

Re: [css-d] Header Width

Adam Kuehn wrote: either. If shrink-wrapping is the preferred behavior, I would suggest leaving out the width for most browsers, and feeding the explicit-width approximations to IE5/Mac only. (For filters to use for this purpose, see the Wiki.) ... and using width:auto for NN4 only. NN4

RE: [css-d] Header Width

At 12:05 PM 9/1/2005, CJ Larson wrote: Wouldn't you be able to have { display: inline; clear: both; } instead of floating them? CJ, If you use {display: inline} to shrink the headline to its minimum width, you wouldn't need to use {clear: both;} -- unless some other element on the page

Re: [css-d] Header Width

Thierry Koblentz wrote: ... and using width:auto for NN4 only. NN4 takes width:auto, but not no width at all I qualified my remarks to limit them to CSS 2 browsers. I would not put NN4 in that group. However, if version 4 browser support is needed for your particular project, them the

RE: [css-d] Header Width

CJ Larson wrote: Wouldn't you be able to have { display: inline; clear: both; } instead of floating them? It is certainly possible to inline them, but floating can carry some important advantages, particularly if you are floating links. In that case, floating makes the items block display,

Re[2]: [css-d] Header Width

Thursday, September 1, 2005, 2:45:59 PM, Adam Kuehn wrote: Thierry Koblentz wrote: I'm not sure if this is a safe solution; I wouldn't use float without an explicite width... It is safe for all CSS 2 browsers with the sole exception of IE5/Mac. That browser, and only that browser, requires

Re: [css-d] content overflowing width problem

Thursday, September 1, 2005, 12:56:23 PM, Pringle, Ron wrote: http://tinyurl.com/7nngl My real question is, what can I realistically do about this content? One option would be to create a special template for certain pages that removes the right column. Is there some css/style solution I'm

Re: [css-d] Header Width

Hi Paul, On Sep 1, 2005, at 12:23 PM, Paul Novitski wrote: I was mentioning floating as an alternative method of shrinking blocks I've always had the impression that floated blocks are supposed to have an explicit width... can you explain? Or am I just hepped-up on goof balls? :-) —ml—

[css-d] design breaks upon text resize (IE 6 PC)

I am testing a site in IE 6 pc and noticed that when you resize the text, the Middle and right divs drop down below their container. I have all the position sizing set in pixels, except for the font sizes which are set in ems for resizability. I assume this is happening because the text is

Ok now Re: [css-d] Background bottom right problems

I am guessing, since this is also a problem on CSS Zen Garden, that it cannot be fixed but I thought it was worth a query before I ripped the design apart. I have a background image set at no-repeat right bottom and on IE5 Mac (yeah the client is on an old Mac using IE5 and this is a favor

[css-d] Site Check please!

http://www.phillyadclub.com/demo Thanks in advance! -- John Haas Web/Multimedia Designer [man][ape] design w: http://www.manapedesign.com e: [EMAIL PROTECTED] p: 215.868.2661 630 N. 17th St. #1 Philadelphia, PA 19130

Re: [css-d] design breaks upon text resize (IE 6 PC)

Hi Bruce I am testing a site in IE 6 pc and noticed that when you resize the text, the Middle and right divs drop down below their container. I have all the position sizing set in pixels, except for the font sizes which are set in ems for resizability. I assume this is happening because the

Re: [css-d] Site Check please!

http://www.phillyadclub.com/demo Hi Looks the same on IE5Mac and FireFox Mac OSX everything looks like it is in the correct places - but you have a font resize problem in the search box and at 150% in the top navigation. HTH Moira -- Moira Ashleigh. M.A. Lead Designer SolsticeSun Design

Re: [css-d] Header Width

You may be hepped up on goof-balls, but your memory seems intact -- people often recommend that we assign an explicit width to a block that's floated in many circumstances. However, doing so isn't (as far as I know) mandated by the W3C spec and therefore isn't a requirement but rather a

Re: [css-d] Site Check please!

John Haas wrote: http://www.phillyadclub.com/demo Thanks in advance! Hi John, - The Validator returns errors: http://validator.w3.org/check?verbose=1uri=http%3A//philadelphiaadclub.com/demo/ - Submitting the form leaving the field empty brings a weird page - You lose the headings with images

[css-d] 3-col layout auto-expanding DIV?

Hi, I've made a 3-col site for a client and am having problems with the middle column not accommodating it's content. The site is full-width with fixed width side columns and a flexible middle (http://eh0647.empetushosting.net/dataspring/test.asp). It's based on Paul O'Brien's template

[css-d] Syntax question

Hi, When trying to style children selectors should space come between the names? For example which is correct: div.fooBar #FOO #BAR 0r div.fooBar#FOO#BAR ?? Thanks, Bert __ css-discuss [EMAIL PROTECTED]

Re: [css-d] Syntax question

For example which is correct: div.fooBar #FOO #BAR 0r div.fooBar#FOO#BAR The first one is correct. The second would select a div with a class of fooBar and an id of both FOO and BAR (not sure if that's even allowed). Ricky

[css-d] Positioning Confusion

I could not find answers to my specific problem in past postings, so here is my situation: HTML: http://www.insidedesign.info/bck/index.html CSS: http://www.insidedesign.info/bck/css/internet-web-design.css I am trying to develop a simple centered layout with a flow like this: Header Menu

Re: [css-d] Positioning Confusion

Klear wrote: The layout should all fall within a width of 760 pixels. My problem comes down to positioning everything. I am not sure why my menu is not falling directly underneath the header. I thought I understood the box model, but I guess not =/ change padding-top:20px to margin-top:20px

Re: [css-d] Positioning Confusion

Using position: absolute for the menu is placing the menu in relation to the top left corner of the viewport. I would change the menu div to: position: relative;--could be deleted width: 760px; margin-left: auto; margin-right: auto; margin-top: -20px; padding-left: 5px; height: 25px; background:

Re: [css-d] Positioning Confusion

On 9/1/2005 7:53 PM Klear wrote: HTML: http://www.insidedesign.info/bck/index.html CSS: http://www.insidedesign.info/bck/css/internet-web-design.css The layout should all fall within a width of 760 pixels. My problem comes down to positioning everything. I am not sure why my menu is not