[css-d] Top border of fieldset missing in IE6, IE7
Hi. In IE 6 and IE 7 , can anyone tell me how to get my top border on my fieldset to go over to the legend at this page: http://www.pogoe.org/ask/cancer-pain works great in Safari and FF. This old post may be similar but I could not see a demo and none of the suggestions helped me. http://archivist.incutio.com/viewlist/css-discuss/99213?highlight=Fieldset thanks Peter peterspe...@gmail.com __ 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] layout inline elements in block
Hello wonderful list. I have a simple problem i think. I've tried for an hour to get a good solution. Basically i want a Heading bar that has the Heading TEXT left justified and menu links right justified. The number of links is unknown. here is sample html: HEADING TEXT item1 item2 ... So it looks like: HEADING TEXT item1 item2 item3 The best solution I came up with is to set a big left margin on the span . But this does not right justify or compensate well for a few more menu items. Can someone show me a dynamic solution? Thank you. pjs __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Email post
-- pjs __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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 -- ancientstones.com
Typo in main paige in the find "ouri" where it should be "our" On 4/27/06, Rahul Gonsalves <[EMAIL PROTECTED]> wrote: > tedd wrote: > > Hi gang: > > > > Please review the following site: > > > > http://ancientstones.com > > > > Suggestions and comments welcomed. > > > > Thank you. > > > > tedd > > > Sweet! > > Has David Laakso seen this site? > > Nothing constructive to add, however, some of your images seem to need > the background changed to match the wrapper div. > > Regards, > Rahul. > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- 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/ > -- pjs __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] invalid: nesting a div inside a dt-- alternative?-- SOLVED
You probably know this but in case not, it looks like you have a typo in your name "projectdddress". Should it be "projectaddress" with an 'a'? That could hang you up later maybe if you were to make something for "projectaddress". cheers, Peter On 10/20/05, Lisa Hoppes <[EMAIL PROTECTED]> wrote: > Thanks to Paul Debban, who suggested that I associate the help text > with the input rather than the label. This validates: > > Street Address: > > > If known. id="projectdddress" name="projectdddress" > size="50" value="" maxlength="1" /> > > Lisa > > On 10/20/05, Lisa Hoppes <[EMAIL PROTECTED]> wrote: > > > The validator is not liking this: > > > > Street Address: > > If known. > > > > > size="50" value="" maxlength="1" /> > > > > What is a good solution? I'd like to have: > > label (break) > > help text (break) > > input > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > -- pjs __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Floating divs moved out of parent. Puzzzled???
On 9/19/05, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Peter Speltz wrote: > > > Now for some reason when I float the *obj_links* right, both the > > *obj_title* and *obj_links* jump out of the container div. > > > See www.cafes.net/peter/css/snapshot4.png > > > I do not understand this. > > Hard to debug an image, but it looks like 'standard-compliant behavior': > "default; containers won't expand to contain floats." > You are right. After re reading, this is seems to fall under the domain of *bottom edges being deliberatly left out of CSS specification*. Since there is no other content besides floats in the parent div, the floats appear to jump out of it. CSS2.1 specifies that a floated parent has to expand to contain floated children so I could float the parent (obj_bar). However I actually like the the thin line better that the thick backgound bar so I got lucky here. :) Thanks all for your help. Thanks for the link too, __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Floating divs moved out of parent. Puzzzled???
Hi all. I request the wisdom of the list again. I'm having some fun with css and have run across something I do not understand no matter how muck I read CSS The Definitiev Guide. I'm using FireFox 1.0.6 on Suse 9.1 Pro. The issue is i have 3 divs. obj_bar is a container for the obj_title and obj_links. Its width is auto so it is as wide as parent lets it be. The parent , the main div that takes up most of the page, is 70% of the body so it is fluid and floated right. I want obj_title to be filled arbitrarily with content but be only ~50% the width of the obj_bar. So i float it left. On the other ~50% of the obj bar I want obj_links so I float that right. The top border is black and the bottom border is red on the obj_bar so you can see what is happening.. Now for some reason when I float the *obj_links* right, both the *obj_title* and *obj_links* jump out of the container div. The borders of the container(*obj_bar*) smash together and no background is visible. They (*obj_title* and *obj_links*) are both floated perfectly below their container(*obj_bar*). See www.cafes.net/peter/css/snapshot4.png I do not understand this. If i do not float the obj_links right, they both stay in the container, albeit the obj_links drop below the obj_title no matter how small i make its width. I do not understand this either. I expected it to be next to the left floated div as long as there was enough width in the parent to accomodate them both. See www.cafes.net/peter/css/snapshot6.png Why are they jumping the container div? Why does obj_links seem to clear itself from the left floated div unless i float it also? I'm using FireFox 1.0.6 on a Suse 9.1 Linux box. Below is the css and html bits. Thank you. div.obj_bar { margin: 1%; width: auto; border-top: solid 1px #000; border-bottom: solid 1px red; background-color: #80CF67; } div.obj_title { /*margin: 2% 2% 10% 0 ;*/ padding: 2px; width: 50%; float: left; font-size: 14pt; /*font-family: Arial; */ font-weight: bold; } /* object menu */ div.obj_links { width: 40%; float: right; /* this makes both jump container */ margin: 0 ; font-size: 9pt; font-family: Arial; font-weight: bold; text-align: left; } (0004) Aaron Tyler Speltz http://localhost/customer/new_service/0004> New Internet Service http://localhost/customer/view2/0004> View2 Thanks again. -- pjs __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 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 level. And there are maybe > other differences that I don't know about. > > But, perhaps most importantly I think, it serves to communicate > _intent_, e.g. to a future maintainer of the CSS (and remember, that > future maintainer might be you a few months down the road, when the > details are no longer fresh in your mind!), or to someone else, e.g. > who's helping you. > > cheers, > ml Ahh, yes. Intent. That is the word i was looking for rather than *limit*. As a programmer , i fully appreciate code that demonstrates how it is intended to be used. Thanks all and i will check out the wiki when i get a chance. -- pjs __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How to get rid of gaps
On 9/1/05, Mark Lundquist <[EMAIL PROTECTED]> wrote: > > 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 a page, it should > have id="logobar" instead of class="logobar"... > ml > > Wow! This list rocks. I will look up the differnces of id and class. The only difference i know of is you can have only one instance of any given id on a page. 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? cheers, -- pjs __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 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 suggestion and went with the descendent selector for the images. Less typing is good. Thank you for pointing that out. Cheers, Peter On 8/31/05, Thierry Koblentz <[EMAIL PROTECTED]> wrote: > Peter Speltz wrote: > > Hi all. I'm having a similar problem. I'm using Firefox on a PC for > > starters. Despite 0margins, 0 padding,I have gaps that i do not > > understand between images that make up my banner. I've been reading > > > img.logo { > > border: none; > > margin:0px ; > > padding: 0px; > > /*float: left; fixes it in Firefox PC */ > > } > > > 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 {} > instead of: > img.logo {} > > HTH, > Thierry | www.TJKDesign.com > > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] How to get rid of gaps
Hi all. I'm having a similar problem. I'm using Firefox on a PC for starters. Despite 0margins, 0 padding,I have gaps that i do not understand between images that make up my banner. I've been reading CSS , The definitive guide for several weeks and from what i can tell, if margin is 0, there should not be space with background showing through between inline elements. Is that right?If i float them it looks as it should in Firefox however my new Opera browser :) insists on gaps either way.Am I missing something? Confused, Pjs P.S. Here is the style used for all three images: img.logo { border: none; margin:0px ; padding: 0px; /*float: left; fixes it in Firefox PC */ } div.logobar { width: 800px; height: 84px; padding: 0; margin:0px auto; } Here is the markup: __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/