Re: [css-d] CSS Validation
Many thanks Christian, It's certainly off-putting when the pages showed without the warnings and then suddenly, boom! David sent a link to a previous post which I hadn't received explaining the warnings. Now I've gone through them and yes you are quite right, about the warnings and my CSS is fine. Thank you again, it's certainly good to have something confirmed. Regards 8-) Vicki At 03:15 PM 25/10/2005, you wrote: The answer to put a background color into everything doesn't quite work for me, when I get the error: 'You have no background-color with your color : p ' Vicki, that's not an error, it's a warning. And warnings do not mean that your page doesn't validate. To be more specific, that particular warning is a bug. The validator can't actually see that your page has the correct colors. It just sees that a property is not defined. But if you know that your pages look correct, even with images disabled, then you've heeded the warning, and there's no need to worry. -- C Montoya - I hate dash dash rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.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] problem with caption box
Hi all, I've spent all afternoon studying how to do a box with a caption in it, following the advice at http://css.maxdesign.com.au/floatutorial/tutorial0208.htm However, I'm running into a few problems/questions. So I must be missing something... First off, because you have to specify the width of the box, how can you accommodate pictures of different sizes? I can't image making a new set of styles for every size photo? I did find that making the height of the div auto seems to work. But making the width = auto would mean I would have to put in line breaks in the caption, otherwise the div expands to fill the text. My first attempt is online at http://www.socahort.org/awardsbanquet.html The CSS is at http://www.socahort.org/stylesheets/schs.css go to very end, I used .captionbox as my div style (the tutorial used .floatright): .captionbox { float: right; margin: 0 0 10px 10px; background-color: #FF; padding: 10px; border: 2px solid #F6B534; width: 320px; height: auto; } div.captionbox img { border: 1px solid #250066; } div.captionbox p { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 50%; text-align: center; color: #250066; } ? I can't figure out how to get the caption text to be a different size? I make it 50% which should be very small, but it's showing up as 100.1%, which is what the Body is? And yet, changing the font style works, and the text-align, just not the size. I don't usually style a div like the tutorial suggests, I usually give each div a name. But if I name the div (i.e., div#captionbox) then I can only have one div with that name, right? I'd like to be able to reuse this design over and over. as usual, I've ended up more confused than when I started...G thanks in advance, Trish -- ___ \ Trish Chris Meyer/CyberMotion: Motion Graphics Design Effects \ recent projects clients: http://www.cybmotion.com/projects \ books, video, articles: http://www.cybmotion.com/sharing \ music (including Alias Zone): http://www.cybmotion.com/music \__ __ 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/
SV: [css-d] Delivering a site on a PDA (How does Google do it?)
Hi, You could perhaps do with some Javascript like navigator.userAgent combined with navigator.appVersion to find out what OS and browser your visitors are using, and then redirect accordingly. script language=javascript var useragent = navigator.userAgent; var browser = navigator.appName; var version = parseInt(navigator.appVersion); alert(useragent); alert(browser); alert(version); /script I normally check for this server-side using ASP, so I can't really help you with a working example, and I wouldn't know what useragent I should check for in regards to your specific needs (My Windows XP Pro. tells me I'm running Windows NT 5.1). This is a nice javascript ressource; http://www.irt.org/script/script.htm - and google is your friend. hth :-) Regards, Anders. -Oprindelig meddelelse- Sendt: 24. oktober 2005 22:35 Yes, they are using another mechanism to achieve this. They are likely using PHP or some other language to browser sniff and redirect users who are using PDA's. Other sites, such as Yahoo and Kodakgallery do this too. -Estelle I know that you can use the media 'handheld' in your stylesheets but are Google using another mechanism/script to achieve this ? If so what script achieves this ? __ 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] Why oh why :(
hi all... i have struggled to figure out what this is displaying wrong :( arg it just wont work could someone please send me a life line please css #CntBody { Margin:0px; Padding:0px; Width:760px; border:1px solid #000; } #CntBodyText { Background-Image: URL(../../ws_files/img/All/CntBody.jpg); Background-Position: Left; Background-Repeat: repeat-y; Padding: 10px; Width:760px; border:1px solid #000; } #CntBodyHeader { Background-Image: URL(../../ws_files/img/All/CntBodyHeader.jpg); Background-Position: Left; Background-Repeat: no-repeat; Height:18px; Width:760px; } #CntBodyFooter { Background-Image: URL(../../ws_files/img/All/CntBodyFooter.jpg); Background-Position: Left; Background-Repeat: no-repeat; Height:22px; Width:760px; } web div id=CntBody div id=CntBodyHeader/div div id=CntBodyText h1Notice/h1 p Everyone keeps asking me why the website is taking such a long time to develop - its very simple, there is 1 of me and 20 tasks to be done. Not only that no-one has the money to pay me to complete this task so it gets done in my spare time(sadly it is at the bottom of the list). I hope you understand. /p h1Notice/h1 p p text text text texttext text text texttext text text texttext text text texttext text text texttext text text text text text text texttext text text texttext text text texttext text text texttext text text texttext text text text text text text texttext text text texttext text text texttext text text texttext text text texttext text text text ./p p text text text texttext text text texttext text text texttext text text texttext text text texttext text text text text text text texttext text text texttext text text texttext text text texttext text text texttext text text text text text text texttext text text texttext text text texttext text text texttext text text texttext text text text ./p p text text text texttext text text texttext text text texttext text text texttext text text texttext text text text text text text texttext text text texttext text text texttext text text texttext text text texttext text text text text text text texttext text text texttext text text texttext text text texttext text text texttext text text text ./p h1Notice/h1 p text text text texttext text text texttext text text texttext text text texttext text text texttext text text text./p p text text text texttext text text texttext text text texttext text text texttext text text texttext text text text./p /div div id=CntBodyFooter/div /div problem: what the problem is if i place a padding:10px in the CntBodyText then it forces the box out in firefox..causing it too be outside the background image (image images are the same width as described) it displays beautifully in IE (which is scarey..) can anyone suggest a cross browser solution to this? thanks heaps Abyss __ 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] Mac Problem (site causes browser crash)
Hi all, Following a site check (thanks everyone), it transpires that the site: http://www.freshclickmedia.com/previews/endo/home.htm causes a browser crash on the Apple Mac (reported specifically on IE 5.2.3, but I'm now concerned about other mac browsers.) The CSS is at: http://www.freshclickmedia.com/previews/endo/css/endo.css (default stylesheet) http://www.freshclickmedia.com/previews/endo/css/highcontrast.css (high contrast version) http://www.freshclickmedia.com/previews/endo/css/print.css (print stylesheet) I also use a stylesheet switcher (taken from http://www.alistapart.com/articles/bodyswitchers/) A mac-related browsercam project has been set up at http://www.browsercam.com/public.aspx?proj_id=201431 (thanks a lot David Laakso.) I don't have a Mac to test the site, so any help would be extremely useful. Regards, Shane. __ 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] Why oh why :(
what the problem is if i place a padding:10px in the CntBodyText then it forces the box out in firefox..causing it too be outside the background image (image images are the same width as described) I did not test your code, but it seems obvious to me that you are not taking into consideration the box-model. The reason IE is displaying it 'correctly' is because it calculates the box-model differently. This article will explain it to you. http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41 __ 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/
FF display problems was: Re: [css-d] Why oh why :(
Abyss Abyss Information wrote: what the problem is if i place a padding:10px in the CntBodyText then it forces the box out in firefox..causing it too be outside the background image (image images are the same width as described) it displays beautifully in IE (which is scarey..) can anyone suggest a cross browser solution to this? It would be alot more helpful, if you posted a URL and/or a screenshot showing what you are trying to achieve. Also an appropiate subject for your question will give it alot more chance of being read by the people on this list. atb Kristina __ 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] CSS Validation
The answer to put a background color into everything doesn't quite work for me, when I get the error: 'You have no background-color with your color : p ' Note that it isn't an error: it's just a warning. Try introducing some non-valid CSS into a stylesheet, then validate it: the invalid bit will appear as an error (red heading), and then the multitude of warnings (blue heading) will be below it. As long as you don't have any errors, you're valid. Frankly, it's a pretty useless warning in most cases. It would be better to describe it as a hint: Make sure you're really doing what you wanted to do, and if you are, ignore this. HTH, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ 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] Good looking fluid-width sites
Christian Montoya wrote: No, really, I swear this flubber layout is fixed on IE 6, 1600px resolution. Did you do something wrong? I mean, I see the Javascript in the source that should make it fluid, but it's really not doing anything! Max-width: #pagewrapper { margin: 0 auto; width: auto; min-width: 720px; max-width: 1000px; } If you really wanted it to stretch the full width of a 1600px wide window, then you would remove the max-width property. Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. __ 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] Good looking fluid-width sites
Al Sparber wrote: Christian Montoya wrote: OK, but when testing this flubber layout in IE, I see that it's fixed. LOL, it's not fixed :-) Test it again. Do you have an unfixed stanalone IE installation per chance? Hi, I thought the layout was fixed in IE myself until I reloaded the page. It seems that, at least in my Win XP, SP2, IE 6 installation, when I first load the page all is well regardless of my browser size. If, however, I resize the browser (especially when I maximize, then resize), the page snaps to what looks like about 1000px fixed width. If I refresh the page everything falls into place. @ 800x600 After initial load http://www.961media.com/__temp/ll1.png After initial load and manual resize: http://www.961media.com/__temp/ll2.png After initial load, manual resize, and manual (F5) refresh: http://www.961media.com/__temp/ll3.png -- Best regards, Michael Wilson __ 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] CSS Validation
Nick Fitzsimons wrote: Frankly, it's a pretty useless warning in most cases. It would be better to describe it as a hint: Make sure you're really doing what you wanted to do, and if you are, ignore this. IMO: the same can be said about all [error] and [warning] messages. If you know what you're doing, then the whole validation-issue comes down to whether or not you want a [valid-badge] from W3C. Validation can assist us by pointing out weak points, typos and errors in our coding. 'Valid' or 'not-valid' has little or nothing to do with 'working CSS', and the quality of our code is not depending on what the validator tells us. To give a clear example: W3C are accepting the use of browser-specific, not normative, CSS-properties, and have even documented how to name and use such CSS-properties. W3C is also defining how browsers should use and/or ignore certain things. Some of these are related to older CSS-parts and some are 'possible' future parts. They are exceptions, and documented as such on the W3C site. It doesn't make them valid, so the validator may protest wildly. However, there's no other way to allow for 'real world' CSS and pre-testing in browsers, and coders should learn to recognize these [errors] and [warnings] for what they are, just as W3C does. regards Georg -- http://www.gunlaug.no __ 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] CSS problem in IE
Hi, I'm new to the group and have recently started on CSS positioned sites. I have stumbled across a problem with floating an image and wondered if anyone here can help because i haven't had much luck anywhere else. The problem only happens some of the time and ONLY in Internet Explorer. It involves an image loading and occasionally jumping across the page to the left and covering up the navigation. You can see the problem here: http://www.colourgen.com/printers/kodak_1200i_offer.php (keep refreshing the page until it goes wrong) I have been changing the CSS and trying numerous box hacks and other things suggested to try and stop the jumping but haven't been able to fix it. The weird thing is that when you copy the files onto your hard drive then apparently the problem doesn't occur. I'm guessing that it's likely to be do to the left hand column causing a problem somewhere and what i think is happening is that the image is loading first, positioning itself and then the left column loads behind it. If the image is out of place, right click on it and select properties and it jumps back into the correct position - strange!! any help is greatly appreciated thanks in advance Matt __ 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] Mac Problem (site causes browser crash)
On 25 Oct 2005, at 4:40 pm, Shane Porter wrote: Following a site check (thanks everyone), it transpires that the site: http://www.freshclickmedia.com/previews/endo/home.htm causes a browser crash on the Apple Mac (reported specifically on IE 5.2.3, but I'm now concerned about other mac browsers.) IE Mac is crashing indeed. have a look here for the reason: http://www.l-c-n.com/IE5tests/misc/#crash I tracked it down to these two rule blocks div#header h1 and div#header h2 where you use the 'text-indent' property and/or 'letter-spacing' in combination with 'background-color:inherit'. Deleting the background-color rule, makes IE mac display your page. (you can use a 'real' colour, or the keyword transparent instead of 'inherit'). Philippe --- Philippe Wittenbergh http://emps.l-c-n.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] problem with caption box
Trish Meyer wrote: I've spent all afternoon studying how to do a box with a caption in it, following the advice at http://css.maxdesign.com.au/floatutorial/tutorial0208.htm [...] Trish Trish. You might take a look at these methods for setting images and captions(note the file is 4.01 consequently the p is not closed): http://www.w3.org/Style/Examples/007/figures.html Regards, dL -- David Laakso http://www.dlaakso.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/
[css-d] Positioning in Opera
Hello, I was trying to be tricky and I created a site with both a border, then an image of a line that faded from the border color to black over it for illusion sake. I absolutely positioned the line over the part of the border I wanted to fade out. It works in IE, Firefox, but it is off a few pixels in Opera. www.amongthievesmovie.com Anybody know why? Thanks, Denise __ 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] Re: safari unordered lists--margin left
From: webmaster [EMAIL PROTECTED] Hi there Reese, I'm pretty new to CSS AND I don't have a MAC to test this on. I'll just put it out and take my lumps as they come. I put a margin-right on the feature box (the box floated left) and removed the left-margin on the li (margin-left: 0;). Just for everyone's FYI, Bill's suggestion worked for me. (Gosh, I hope I formatted this email ok!). Anyway, I'm still puzzled over why margin-left is not working on li tags in Safari, but his solution looks good, didn't mess up the design/layout and is cross-browser consistent. Thank you! Reese __ 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] Using of tbody.
* Graham Cook [EMAIL PROTECTED] on [24-10-05] wrote: Your problem cannot be solved without adding a class to the cells you want to have with the border-top. The basic problem is that IE doesn't recognise child selectors. Refer my example below. Ffox will show the first td with red top border, IE does not show the border. If you add a class=firstrow to the cells you want with a border then the style tr td.firstrow will change the borders to green in both FFox and IE (as this has higher specifity than tr:first-child td. If however you use the style td.firstrow then IE will show the border in blue and FFox will show the top border in red. style table{ width:100%; border: 1px solid gray; border-collapse: collapse; } td{border: 1px solid gray;} tr:first-child td{border-top:5px solid red;} tr td.firstrow {border-top:5px solid green;} /*td.firstrow {border-top:5px solid blue;}*/ /style Hope this clarifies your problem. Hi Graham, Thanks for the example. Its a shame that IE doesnt support direct styling of tbody... I didnt want to alter my markup to apply a class to each cell in the first row of the tbody, so I used the IE7 JS to make IE understand first-child. (http://dean.edwards.name/IE7/) I have added an example of this in action on my original test page: http://sindar.net/tabletest.html What is the groups opinion of the IE7 JS library? Good thing? Bad thing? Does anybody have the real IE7 (the beta from Microsoft)? It would be interesting to see how it renders my test page. Thanks, Brian. __ 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] Positioning in Opera
Tuesday, October 25, 2005, 10:36:39 AM, Denise Hartmann wrote: It works in IE, Firefox, but it is off a few pixels in Opera. Without too much investigation I'm guessing you're running into Opera's use of padding instead of margin on BODY. Replace: body { background-color: #22; background-image:url(images/gradbg1200.jpg); background-repeat:repeat-y; background-position: 0px 0px; margin: 0px 0px 0px 0px; } with (some shorthand): body { background:#244 url(images/gradbg1200.jpg) 0 0 repeat-y; margin:0; padding:0; } FYI, Opera 9 is overhauling its default CSS values, one of which is to use margin on BODY like most other browsers. Steve -- http://mrclay.org/ : http://thefrenchhorns.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] CSS problem in IE
Matthew Hackett wrote: I'm new to the group ... Hi Matthew. ... It involves an image loading and occasionally jumping across the page to the left and covering up the navigation ... http://www.colourgen.com/printers/kodak_1200i_offer.php (keep refreshing the page until it goes wrong) div class=content h1.../h1 pimg src=... class=float_img height=152 width=200 Take advantage of one of our two great offers when you ... /p You had to relatively position the floating image to prevent it from disappearing, but now its positioned with no stable origin in IE: its parent P is not positioned nor dimensioned. So the options are at least A: add position:relative to the parent P B: add a dimension to the parent P and remove the position:relative from the IMG C: Take the image out of the P and remove the position:relative. div class=content h1.../h1 img src=... class=float_img height=152 width=200 p Take advantage of one of our two great offers when you ... /p I doubt if option A is a good one. In IE, position:relative is just too buggy, but it depends. As in this case and in several others [1], applying position:relative to a float to fix one bug often leads to another bug which needs consecutively position:relative on the parent ... And you have to add an inline style or a separate class just to fix it. Option B will end in containing the float, that means, the subsequent paragraphs will start beyond the image's lower edge. Not good. And C leads to the question why you initially had placed the image inside the p. For vertically aligning the image and the first paragraph, you should zero the margins and paddings of the H1 and P to bring all the browsers in par, and then apply appropriate margins to the H1, P and the img.float_img Ingo [1] http://archivist.incutio.com/viewlist/css-discuss/64573 -- http://www.satzansatz.de/css.html __ 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] New article on PIE - In Search of the One True Layout
Position Is Everything has just published an article by me that should be of interest to people on css-d. It's titled In Search of the One True Layout and explains how you can: * display columns (as many as you like) in any order * have equal height columns without having to use faux columns * align elements vertically across columns * do all of the above at the same time without having to litter your source code with presentational markup http://www.positioniseverything.net/articles/onetruelayout It's pretty big, so anyone who wants to cut to the chase should skip right to the examples http://www.positioniseverything.net/articles/onetruelayout/examples where you can find some examples (doh!) including an interactive demo that let's you have a play with the techniques. Plus there's a new take on the old favourite, the holy grail of css layouts aka 3 columns liquid center, fixed width sides: http://www.positioniseverything.net/articles/onetruelayout/appendix/holygrail __ 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] Mac Problem (site causes browser crash)
Shane Porter wrote: Following a site check (thanks everyone), it transpires that the site: http://www.freshclickmedia.com/previews/endo/home.htm causes a browser crash on the Apple Mac (reported specifically on IE 5.2.3, but I'm now concerned about other mac browsers.) The CSS is at: http://www.freshclickmedia.com/previews/endo/css/endo.css (default stylesheet) First, don't worry about other Mac browsers. They work fine on your site, and Mac IE is known to be quite quirky by today's standards. Second, you have made extensive use of the inherit keyword. As you can read about here http://www.l-c-n.com/IE5tests/misc/#crash, Mac IE does not like that keyword. As an experiment, I simply searched for and commented out all instances of that keyword and your site worked just fine. I expect you are using all those inherits in order to placate validator warnings about color and background-color. If so, I would suggest simply ignoring the validator. You still have valid code, and all your backgrounds are working just fine at any zoom level that doesn't cause element overlap (which for me occurs at 300%). A warning means something could go wrong that can't be mechanically checked. If a human check shows everything is fine, the warnings can be safely ignored. If there is some other reason for having all those inherits in there, hopefully Phillipe's pages will suggest some useful workarounds. HTH, -- -Adam Kuehn __ 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] What happens to form input
I am trying to layout the form in an application that I have built. The basic page layout is (currently - I can change it if I want) div id=outer form ... input type=submit ... div id=inner div id=fieldname input type=text value=... My inner div is position:relative As soon as I do something like this in my css #inner #fieldname { position:absolute; top:10px; right:20px; ... Two things happen a) The original value attribute of the input text field is not displayed b) Text I enter into the text field does not get used in my application (I should use it to update a database). This happens with both Konqueror and Mozilla Firefox. Are they strange limitations in the use of divs inside forms? -- Alan Chandler http://www.chandlerfamily.org.uk Open Source. It's the difference between trust and antitrust. __ 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] 3-col problem - won't align at top
I am cleaning up this site done by someone else. The client really likes it and doesn't want to change it...much. I'm going to break the contact info and form onto a different page, and make the site a little more search engine friendly. I have this one area that is causing me no end of trouble. I've outlined the divs in different colors so you can see where the edges are. I've even referred to my handout on liquid three-column layout by Floatutorial. Don't worry about the rest of the page. Why in the *bleep* can't I get the right column to come up where it's supposed to be? I have futzed with this in more ways than I care to think about, including using absolute positioning, which I didn't want to use for a liquid layout, which is my ultimate goal. I'm certain it's something stupid and simple, but I haven't slept much in the last few days and my brain is fuzzy. Anyway, here are the links: http://mdh-test.com/fmhco/index.html http://mdh-test.com/fmhco/fmhco.css Thanks in advance for your patience and help. -- Theresa Mesa, http://mesadesignhouse.com CSS is a wonderful terrible thing... __ 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] What happens to form input
On Tuesday 25 Oct 2005 19:05, Alan Chandler wrote: I am trying to layout the form in an application that I have built. PS: here is an approximation of what I am trying to achieve. I have the Home Page working, I am now trying to work on the Edit Page http://home.chandlerfamily.org.uk/images/17.png -- Alan Chandler http://www.chandlerfamily.org.uk Open Source. It's the difference between trust and antitrust. __ 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] Directory of well designed css sites
Hi all, I am looking for a directory of well designed css sites. Anyone know of one? Thanks Craig __ 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] CSS problem in IE
Matthew Hackett wrote: I took the image out of the p tag. For some sites where i create pages upon pages i sometimes use dreamweaver to replicate the pages to save time, this is why the image was within the p tag. I removed the image from the p tag and have tried removing the position:relative, which as you said does seem to be buggy. This hid the image behind the layer. This is because the parent, div.content, is positioned relatively /without/ a dimension. Remove position:relative here too and add a height [1] to div.content Hope this helps. Ingo [1] http://www.satzansatz.de/cssd/onhavinglayout.html#hack __ 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] Directory of well designed css sites
Were there not any on the wiki?: http://css-discuss.incutio.com/ On 10/25/05, Craig Main [EMAIL PROTECTED] wrote: Hi all, I am looking for a directory of well designed css sites. Anyone know of one? Thanks Craig __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ -- Keith Sader [EMAIL PROTECTED] http://www.saderfamily.org/roller/page/ksader http://www.jroller.com/page/certifieddanger __ 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] Directory of well designed css sites
Hi all, I am looking for a directory of well designed css sites. Anyone know of one? A lot. The question is what is well designed? Pretty in the oldschool print design sense or flexible and bulletproof in the modern web design sense? http://www.cssbeauty.com http://www.stylegala.com http://www.plasticpilots.com/ -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ 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] Good looking fluid-width sites
On 10/25/05, Michael Wilson [EMAIL PROTECTED] wrote: Al Sparber wrote: Christian Montoya wrote: OK, but when testing this flubber layout in IE, I see that it's fixed. LOL, it's not fixed :-) Test it again. Do you have an unfixed stanalone IE installation per chance? Hi, I thought the layout was fixed in IE myself until I reloaded the page. It seems that, at least in my Win XP, SP2, IE 6 installation, when I first load the page all is well regardless of my browser size. If, however, I resize the browser (especially when I maximize, then resize), the page snaps to what looks like about 1000px fixed width. If I refresh the page everything falls into place. @ 800x600 After initial load http://www.961media.com/__temp/ll1.png After initial load and manual resize: http://www.961media.com/__temp/ll2.png After initial load, manual resize, and manual (F5) refresh: http://www.961media.com/__temp/ll3.png I see. So flubber tries to be identical to the example I just gave, but it's not scripted right, so it doesn't reload immediately. -- -- C Montoya rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.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] Directory of well designed css sites
On 10/25/05, Craig Main [EMAIL PROTECTED] wrote: Hi all, I am looking for a directory of well designed css sites. Anyone know of one? Thanks Craig __ Go here: http://www.dontmeetyourheroes.com/ on the right, under Useful links, click CSS Inspiration. Most, if not all, CSS galleries are there. -- C Montoya - I hate dash dash rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.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] Directory of well designed css sites
http://www.cssbeauty.com http://www.stylegala.com http://www.plasticpilots.com/ http://www.cssdrive.com/ http://www.cssvault.com/ http://www.cssimport.com/ http://www.unmatchedstyle.com/ http://www.nv30.com/mt/blogomania/ http://www.cssdesign.se/ http://www.webstandardsawards.com/ http://www.screenspire.com/ -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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/
[css-d] How to Learn About Cross-Browser Compatibility ?
Hello, Now that my CSS page looks good in Firefox browser, what can I do about getting it to work in other browsers? ... Can someones suggest some tutorials or articles that can teach this subject? Thanks again ... Robin Whitman, Student Intern Youthtopia.Org | Towards A Sustainable Lifestyle http://www.Youthtopia.org __ 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] Background image problem + width problem firefox/IE
Hi, This thing is driving me nuts, I tried copying from other websites but it doesn't work.. and I dcan't seem to find my problem on the web. What I'm trying is this, I have 1 container on the left, holding the content, but next to it I want to place an image by using css background image property. But it just doesn't show up. When i'm just using a normal img src etc it does work. So actually it doesn't really matter for that sake.. but I want to know why the background image propery doesnt work! Also the 'red' column is bigger in IE then in Firefox.. http://e.domaindlx.com/lowenf/lj/index.html thx for any help and response! L.F. __ 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] Good looking fluid-width sites
From: Christian Montoya [EMAIL PROTECTED] I thought the layout was fixed in IE myself until I reloaded the page. It seems that, at least in my Win XP, SP2, IE 6 installation, when I first load the page all is well regardless of my browser size. If, however, I resize the browser (especially when I maximize, then resize), the page snaps to what looks like about 1000px fixed width. If I refresh the page everything falls into place. @ 800x600 After initial load http://www.961media.com/__temp/ll1.png After initial load and manual resize: http://www.961media.com/__temp/ll2.png After initial load, manual resize, and manual (F5) refresh: http://www.961media.com/__temp/ll3.png I see. So flubber tries to be identical to the example I just gave, but it's not scripted right, so it doesn't reload immediately. I'm sorry. I just don't understand what you are trying to say. The page works precisely as designed - to have a min-width of 720px and a max-width of 1000px. There are no resize issues and nothing has to reload. Perhaps you have a system problem (or a multiple IE installation) - but I have no idea what it is you are trying to describe. The page works flawlessly. Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. __ 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] Directory of well designed css sites
Craig Have a look at this one:http://www.cssbeauty.com/index.php Craig Main wrote: Hi all, I am looking for a directory of well designed css sites. Anyone know of one? Thanks Craig __ 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/ -- Kind Regards Schalk Neethling Web Developer.Designer.Programmer.President Volume4.Business.Solution.Developers __ 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] CSS Validation
At 10:38 PM 25/10/2005, Gunlaug Sørtun wrote: Nick Fitzsimons wrote: Frankly, it's a pretty useless warning in most cases. It would be better to describe it as a hint: Make sure you're really doing what you wanted to do, and if you are, ignore this. IMO: the same can be said about all [error] and [warning] messages. If you know what you're doing, then the whole validation-issue comes down to whether or not you want a [valid-badge] from W3C. Validation can assist us by pointing out weak points, typos and errors in our coding. 'Valid' or 'not-valid' has little or nothing to do with 'working CSS', and the quality of our code is not depending on what the validator tells us. To give a clear example: W3C are accepting the use of browser-specific, not normative, CSS-properties, and have even documented how to name and use such CSS-properties. W3C is also defining how browsers should use and/or ignore certain things. Some of these are related to older CSS-parts and some are 'possible' future parts. They are exceptions, and documented as such on the W3C site. It doesn't make them valid, so the validator may protest wildly. However, there's no other way to allow for 'real world' CSS and pre-testing in browsers, and coders should learn to recognize these [errors] and [warnings] for what they are, just as W3C does. regards Georg Hi Georg, I hear you with: IMO: the same can be said about all [error] and [warning] messages. If you know what you're doing, then the whole validation-issue comes down to whether or not you want a [valid-badge] from W3C. In my experience some clients do want the 'valid badge'. I have had a client who went to bobby some years ago and got warnings and thought their website was full of errors and wouldn't work (albeit they could see it did work). Whilst I agree, that most of the time the validation service is used as a development tool, those of us with client's who find these tools see a warning as a problem with their site that they just paid good money to have developed. Explaining that everything is okay works but calling it a 'hint' is a way that works for me, rather than 'warning' which is very confusing. IMO It's difficult enough to get things to work properly on as many browsers and platforms as possible within the time-frame to complete a job, without the added confusion of 'warnings'. For me, I'll now include in my written estimate of a job, a clause which says something about 'warnings' in validation services just to cover all avenues. Once again many thanks to Nick, Christian, David and yourself for making this s much clearer for me. Regards 8-) Vicki __ 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] modifying 3-column fluid layout for a fixed layout
Thierry, Thank you, I've taken your recommendation to set the width in pixels on body and remove the width from all other elements. This seems to have partially fixed the layout. However, something else seems to need a modification. Things are working better, but I have the following problems: 1. My content from the main center column is spilling into the sidebar (FF, NE7, IE6) 2. The sidebar and footer are shifted left below my main content and the footer is partially cut off (problem in IE6, OK in FF, NE7) 3. My faux columns may interfere with my navbar (another issue to deal with) Thanks in advance for your help. http://www.gwvirginia.gwu.edu/newsite/3coltest2.htm http://www.gwvirginia.gwu.edu/newsite/3coltest2.css Dova H. Wilson Marketing Communications Specialist George Washington University Virginia Campus 44983 Knoll Square, Rm. 305 Ashburn, Virginia 20147 Phone: 703-726-3652 Fax: 703-726-3655 www.gwvirginia.gwu.edu -Original Message- From: Thierry Koblentz [mailto:[EMAIL PROTECTED] Sent: Monday, October 24, 2005 10:49 PM To: Dova Wilson; css-d@lists.css-discuss.org Subject: Re: [css-d] problem with 3-col layout Dova Wilson wrote: I'm trying to use a 3 col technique described at http://www.tjkdesign.com/articles/3cols.asp. Something has gone very wrong as my faux columns aren't appearing and the columns aren't lining up where they should. The original markup is for a fluid layout, but you've modified/added width declarations inside rules for inner containers. If what you want is a fixed layout, then set a width in pixels on body and *nothing else*. 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/
[css-d] Paragraph Control
Is there any 'correct' way to get paragraphs to remain block level elements but to only act as though there is a break tag between them? I have tried setting the margin-top to one negative em value ( P + P { margin-top: -1em; } ) and that seems to work pretty good but is there any other method that's less of a hack? Christian __ Look What The New Netscape.com Can Do! Now you can preview dozens of stories and have the ones you select delivered to you without ever leaving the Top Home Page. And the new Tool Box gives you one click access to local Movie times, Maps, White Pages and more. See for yourself at http://netcenter.netscape.com/netcenter/ __ 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] Delivering a site on a PDA (How does Google do it?)
I know that you can use the media 'handheld' in your stylesheets but are Google using another mechanism/script to achieve this ? The Google script delivers a special PDA page to Pocket IE, but the (much better) NetFront sees the same page as desktop browsers - with the dreaded horizontal scrollbar! I personally think that clean, source-ordered (x)html with CSS layout plus a handheld stylesheet is a more reliable approach. JohnP John Potter Johnpwebdesign - fast, effective, handcrafted websites: http://www.johnp.co.nz Masculinist Evolution in New Zealand: http://www.menz.org.nz __ 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] Why don't dropdowns change color?
Hi All, on: http://www.geocities.com/jimcomx/1021_sub.htm there's a CSS/javascript dropdown on the right nav. I've got the dropdowns working...more or less, but I can't seem to make the subnavs a different color from the main ones. The dropdown code, which may be found in http://www.geocities.com/jimcomx/rightnav1025.css is lifted from Alistapart's recipe, which I've noticed, is also monochrome. In which definition should I put the desired background-color? I've tried everywhere. Also, any suggestions for making the horizontal navs behave in IE 5 mac? thanks! Jim __ 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] Directory of well designed css sites
Stylegala ( http://www.stylegala.com ) is all dedicated to this. Guillaume. Hi all, I am looking for a directory of well designed css sites. Anyone know of one? Thanks Craig __ 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-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] IE quirk vs standard mode for Auto
Hi all, I just had a question, I was under the impression that IE6 does not like margin:auto;, in any mode is it true? does this apply to both quirks mode and standards mode? Abyss __ 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] Paragraph Control
On 10/25/05, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Is there any 'correct' way to get paragraphs to remain block level elements but to only act as though there is a break tag between them? I have tried setting the margin-top to one negative em value ( P + P { margin-top: -1em; } ) and that seems to work pretty good but is there any other method that's less of a hack? Remove both margin-top and margin-bottom. p { margin-top: 0; margin-bottom: 0; } Ricky __ 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] modifying 3-column fluid layout for a fixed layout
Dova Wilson wrote: Thierry, Thank you, I've taken your recommendation to set the width in pixels on body and remove the width from all other elements. This seems to have partially fixed the layout. However, something else seems to need a modification. Things are working better, but I have the following problems: 1. My content from the main center column is spilling into the sidebar (FF, NE7, IE6) 2. The sidebar and footer are shifted left below my main content and the footer is partially cut off (problem in IE6, OK in FF, NE7) 3. My faux columns may interfere with my navbar (another issue to deal with) Thanks in advance for your help. http://www.gwvirginia.gwu.edu/newsite/3coltest2.htm http://www.gwvirginia.gwu.edu/newsite/3coltest2.css Hi Dova, As I said in my previous post, you should use the *original* markup ;) The problem is that you've *removed* the width declaration from the #container rule (width:100%). Put it back and add overflow:hidden to make sure the content doesn't overlap the sidebar (FF etc.) or make it drop (IE). BTW, why are you using text-align:center on body? Generally it is used to center the container in IE5, but it is to be applied on the *parent*... Regards, 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] Paragraph Control
At 03:16 PM 10/25/2005, [EMAIL PROTECTED] wrote: Is there any 'correct' way to get paragraphs to remain block level elements but to only act as though there is a break tag between them? I have tried setting the margin-top to one negative em value ( P + P { margin-top: -1em; } ) and that seems to work pretty good but is there any other method that's less of a hack? Christian, Browsers come equipped with default stylesheets. The gap you see beneath each P tag is assigned by a margin-bottom value (1em?) in your browser's default stylesheet. You can override that by setting the margin-bottom to zero or any other value. Because different browsers come with somewhat different style defaults, many developers have gotten into the habit of zeroing out such values at the beginning of our stylesheets, for example: * { margin: 0; padding: 0; } This puts browsers on a common footing and makes it easier to style consistently cross-browser without 'hidden' styling contributing irksome surprises. The price for that degree of control is the concomitant responsibility for assigning margins padding to all elements, as desired. Paul __ 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] Good looking fluid-width sites
From: Michael Wilson [EMAIL PROTECTED] Al Sparber wrote: I see. So flubber tries to be identical to the example I just gave, but it's not scripted right, so it doesn't reload immediately. I'm sorry. I just don't understand what you are trying to say. The page works precisely as designed - to have a min-width of 720px and a max-width of 1000px. There are no resize issues and nothing has to reload. Perhaps you have a system problem (or a multiple IE installation) - but I have no idea what it is you are trying to describe. The page works flawlessly. Hi, Well... as you can see from the screen shots I provided, the page does *not* work flawlessly. I don't know how else to explain what I am seeing better than I already have. The second screen shot [01] clearly shows the browser sized to roughly 800x600 wth a 300 or so pixel horizontal scroll. If min-width is set to (an honored) 720px then that should not happen. I have a default IE 6 installation on Windows XP, SP2. Take it or leave it. I was just offering feedback on an otherwise nice layout. 01 http://www.961media.com/__temp/ll2.png I appreciate your willingness to help - but we have a very large number of testing machines running IE6 and what your screen capture is showing is so far impossible to reproduce. This is what we see now: http://www.projectseven.com/flubber.jpg Perhaps you have something disabled or perhaps are running a multiple IE installation. We have never had anyone tell us that that particular page does not work - except on this mailing list :-) Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. __ 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] Good looking fluid-width sites
Actually - I'm seeing it too - on two machines here in my office. Tanya Al Sparber wrote: From: Michael Wilson [EMAIL PROTECTED] Al Sparber wrote: I see. So flubber tries to be identical to the example I just gave, but it's not scripted right, so it doesn't reload immediately. I'm sorry. I just don't understand what you are trying to say. The page works precisely as designed - to have a min-width of 720px and a max-width of 1000px. There are no resize issues and nothing has to reload. Perhaps you have a system problem (or a multiple IE installation) - but I have no idea what it is you are trying to describe. The page works flawlessly. Hi, Well... as you can see from the screen shots I provided, the page does *not* work flawlessly. I don't know how else to explain what I am seeing better than I already have. The second screen shot [01] clearly shows the browser sized to roughly 800x600 wth a 300 or so pixel horizontal scroll. If min-width is set to (an honored) 720px then that should not happen. I have a default IE 6 installation on Windows XP, SP2. Take it or leave it. I was just offering feedback on an otherwise nice layout. 01 http://www.961media.com/__temp/ll2.png I appreciate your willingness to help - but we have a very large number of testing machines running IE6 and what your screen capture is showing is so far impossible to reproduce. This is what we see now: http://www.projectseven.com/flubber.jpg Perhaps you have something disabled or perhaps are running a multiple IE installation. We have never had anyone tell us that that particular page does not work - except on this mailing list :-) Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. __ 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/ -- -- Tanya Renne, Director, ORCHID SUITES, Inc. Online tools to engage your constituency, build capacity, and fundraise. For progressive political organizations, candidates, labor and nonprofits. http://www.orchidsuites.net ~ [EMAIL PROTECTED] Washington, DC ~ (888) 545-9092 __ 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] border in image link
From: Donna Jones really going nuts here trying to figure out how to get this one pixel border to be gone. its the image/button on the left. she wants it to be a link seems like i've tried *everything* but i must not be understanding or else forgetting something. http://www.westendwebs.net/susan/ Donna, Something along the lines of: a img {border: none;} You may also need a text-decoration: none; depending on the circumstances -- Peter Williams __ 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] Good looking fluid-width sites
- Original Message - Actually - I'm seeing it too - on two machines here in my office. Tanya LOL, it's a bloody conspiracy :-) This page: http://www.projectseven.com/csslab/testing/minmax/cssp5.htm Impossible unless the config is far from standard. This is the only list where anomalies have been reported. That page was released as an example on our newsgroup and in a newletter to 24,000 of our customers without anyone reporting that. Oh well;-) Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. __ 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] border in image link
trying to figure out how to get this one pixel border to be gone. http://www.westendwebs.net/susan/ Change this (in undohtml.css): a img,:link img,:visited img { border:1px solid black; } to this: a img, a:link img, a:visited img {border:0} JohnP John Potter Johnpwebdesign - fast, effective, handcrafted websites: http://www.johnp.co.nz Masculinist Evolution in New Zealand: http://www.menz.org.nz __ 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] Good looking fluid-width sites
On 10/25/05, Al Sparber [EMAIL PROTECTED] wrote: - Original Message - Actually - I'm seeing it too - on two machines here in my office. Tanya LOL, it's a bloody conspiracy :-) This page: http://www.projectseven.com/csslab/testing/minmax/cssp5.htm Impossible unless the config is far from standard. This is the only list where anomalies have been reported. That page was released as an example on our newsgroup and in a newletter to 24,000 of our customers without anyone reporting that. Oh well;-) Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. I guess that's proof that most users never resize their windows. -- -- C Montoya rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.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] border in image link
Donna Jones said the following: really going nuts here trying to figure out how to get this one pixel border to be gone. its the image/button on the left. she wants it to be a link http://www.westendwebs.net/susan/ My sympathies with going nuts :) - I had this same problem before. Here's the solution: You could change a img,:link img,:visited img { border:1px solid black; } to a img { border: none; } which would remove the border from all images within links. Alternatively, you could assign that particular image/button an id or class: a class=imagebutton href=decorating.htmimg src=images/decorating-button.jpg width=86 height=51 alt=/a and use this css: a#imagebutton img { border: none;} -Neal __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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] border in image link
My sympathies with going nuts :) - I had this same problem before. Here's the solution: Thanks, just when one thinks *maybe* you're making some progress - then Bam! its good to have empathy and sympathy. I can't imagine saying to my client, well, i just spent three hours (not much exaggeration) trying to figure out how to make a link from that button! - and, obviously, i don't feel like this is the sort of thing that is chargeable. just gotta try to keep one's sense of humor - that's about all one can do. :) You could change a img,:link img,:visited img { border:1px solid black; } to a img { border: none; } which would remove the border from all images within links. This is what I did, i wrote the list as fast as i could to say I'd figured it out but the mail crossed, i think. Alternatively, you could assign that particular image/button an id or class: a class=imagebutton href=decorating.htmimg src=images/decorating-button.jpg width=86 height=51 alt=/a and use this css: a#imagebutton img { border: none;} this is what i was trying to do and couldn't get it right somehow! I'm going to re-visit it with your code just as a learning bit. Thanks Anathema for seeing I had undohtml twice! Geez - good eyes! thanks again everyone. Donna __ 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] border in image link
Alternatively, you could assign that particular image/button an id or class: a class=imagebutton href=decorating.htmimg src=images/decorating-button.jpg width=86 height=51 alt=/a and use this css: a#imagebutton img { border: none;} -Neal Neal, i tried this and it didn't work. I've loaded the page again if anyone wants to look. It seems like it should work but the only way I've found to change it is my changing the undohtml.css to 0. I wonder if using !important would over-ride the undohtml; i did try that but wasn't sure if i had it in right since i've never used it before. anyway, its purely academic now since i know now to change the undohtml.css but it does seem like it shouldn't be so hard to make it more specific. cheers, Donna __ 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] background not strectching and other IE/Firefox differences
From: Schalk [EMAIL PROTECTED] http://www.volume4.com/oxfordprice/contact/index.html In Firefox the white background, which is a small white faux columns background .gif, does not stretch to fill in the entire area up to the footer. Try adding your favorite clearing element between the end of the form-holding div (#form-bar) and the end of the #content-wrapper div. To be clear, put it between the closing tags of those two elements. Cheers, ~holly __ 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] border in image link
a#imagebutton img { border: none;} Sorry, I meant to write a.imagebutton img {border: none;} -Neal __ 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] Good looking fluid-width sites
From: Thierry Koblentz [EMAIL PROTECTED] To: Al Sparber [EMAIL PROTECTED]; [EMAIL PROTECTED] Cc: Michael Wilson [EMAIL PROTECTED]; Css-D css-d@lists.css-discuss.org; Christian Montoya [EMAIL PROTECTED] Sent: Wednesday, October 26, 2005 12:43 AM Subject: Re: [css-d] Good looking fluid-width sites Al Sparber wrote: This page: http://www.projectseven.com/csslab/testing/minmax/cssp5.htm FWIW, I see this page just fine on 2 different machines (with and without SP2). But I'd like to know/understand why we're not all experiencing the same thing... I'm curious myself, too. It would be useful information and hopefully deemed on-topic. I'm having a hard time believing what a couple of folks have seen - not in terms of anyone's honesty - but because I've never seen IE behave that way in a default installation and configuration. -- Al __ 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/