Re: [css-d] spacing problem in IE
David Laakso wrote: http://www.atlas-inspection.com/privacy.html FWIW, for anyone following this thread-- It is not positioned correctly in XP IE 6/7 (don't know about Vista or Win/200) and Mac Safari (don't know about PC Safari or Chrome). PC Safari: mildly broken at my end - butts into 'minimum font-size'. Chrome doesn't have that option, AFAICS. All alignment lost in the header/nav section if page subjected to the slightest amount of font resizing in any and all browsers on all OSes. It's a table-constructed header followed by absolute positioned column-containers, so weaknesses and failures are as can be expected. regards Georg -- http://www.gunlaug.no __ 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/
Re: [css-d] Font size
Hayden's Harness Attachment wrote: David Thank you. Firefox was not recognizeing the defaults for some reason. I manually reset and both Firefox and IE are the same. Do you know why`Greenwich Mean Time Says ... is in 21 point font. I would like to knock it to 18point. http://www.choroideremia.org/new/crf_header.php Angus MacKinnon Reduce the font-size on this selector: p.time { font-size: 180%; } Why is the font-size declared on html,body set at 14% less than default? BTW, Google search is throwing a slew of markup errors. ~d PS Please reply to the list not just me. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.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/
Re: [css-d] width of scrollable table
On Jan 29, 2009, at 7:10 AM, Jim Albert wrote: It seems like the only way I can get table to be clipped properly and scroll is to give a pixel length to the width of the DIV. I thought I could use: DIV style=width: 100%; overflow: auto; and I was expecting that the table would fill the width of the browser and then scroll horizontally when necessary. But what happens is the table expands out to the size needed to display all the images in the row of the table and in most cases causing the entire browser to gain a horizontal scroll bar. That is what should happen, and happens in a couple of browsers I happen to have open. Do you have a URL of a page showing the issue (in which browser) ? It is _always_ more easy to discuss things with sample code. Philippe --- Philippe Wittenbergh http://l-c-n.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/
Re: [css-d] spacing problem in IE
Thank you for the comments. I've been having trouble aligning the fonts in the header and I haven't been able to figure out how to make it work right. I want the phone numbers to be aligned to the bottom right of the contain they're in, but nothing I do seems to work consistently. I also know I should not combine a table for the header with the rest of the layout, but getting the pieces to stay tightly together - especially on the home page of the site which has a flash animation - has been simply beyond me. Everything I tried failed, but I know for sure that a table will keep the header pieces on the same line. I've really run way way way over budget on this job and am just trying to get it working reasonably. Thanks again, Jody On Jan 29, 2009, at 12:18 AM, Gunlaug Sørtun wrote: David Laakso wrote: http://www.atlas-inspection.com/privacy.html FWIW, for anyone following this thread-- It is not positioned correctly in XP IE 6/7 (don't know about Vista or Win/200) and Mac Safari (don't know about PC Safari or Chrome). PC Safari: mildly broken at my end - butts into 'minimum font-size'. Chrome doesn't have that option, AFAICS. All alignment lost in the header/nav section if page subjected to the slightest amount of font resizing in any and all browsers on all OSes. It's a table-constructed header followed by absolute positioned column-containers, so weaknesses and failures are as can be expected. regards Georg -- http://www.gunlaug.no __ 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/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ 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] problem with IE7, suckerfish and flash video
I'm running into a real poser and hopefully someone can help me out. I'm building a site using Son of Suckerfish dropdowns for the main navigation. One one page, I have a Flash video imbedded at the top of the content area where the dropdowns overlap. I added wmode=transparent to get the dropdowns from hiding behind the video, but now have run into a strange problem with IE7. The page initally displays fine, but when I hover over a nav item to activate a dropdown, IE7 hides the video and all content below (everything within the same div from the video to the end). I haven't the first clue what's going on. Anyone run into this before, and/or have an idea of how to get IE7 to behave? Here's the link: http://associationdatabase.com/aws/ORAEF/pt/sp/prostart_cafe CSS link: http://209.235.200.149/screen.css __ 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/
Re: [css-d] width of scrollable table
Philippe Wittenbergh wrote: On Jan 29, 2009, at 7:10 AM, Jim Albert wrote: It seems like the only way I can get table to be clipped properly and scroll is to give a pixel length to the width of the DIV. I thought I could use: DIV style=width: 100%; overflow: auto; and I was expecting that the table would fill the width of the browser and then scroll horizontally when necessary. But what happens is the table expands out to the size needed to display all the images in the row of the table and in most cases causing the entire browser to gain a horizontal scroll bar. That is what should happen, and happens in a couple of browsers I happen to have open. Do you have a URL of a page showing the issue (in which browser) ? It is _always_ more easy to discuss things with sample code. In creating a very simple html page to demonstrate the problem, I realized that the width set at 100% does work correctly in my very small example. So, the issue must be with other html on the page where I am using the scrolling table. If it looks like the issue I am experiencing involves CSS and is on topic for this maling list, I'll post more information. But right now I'm leading to something html related, maybe a table issue. Thank you for confirming that the the scroll on a width of 100% does work the way I had expected. -- Jim Albert __ 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/
Re: [css-d] problem with IE7, suckerfish and flash video
2009/1/29 Chris Kavinsky ckavin...@gmail.com ... when I hover over a nav item to activate a dropdown, IE7 hides the video and all content below (everything within the same div from the video to the end). http://associationdatabase.com/aws/ORAEF/pt/sp/prostart_cafe I think this is an IE7 guillotine (a triggering hovered element, followed by 2 uncleared floats, and one of the floats is cut to the length of the other) like described here http://css-class.com/articles/explorer/guillotine/index.htm try one of the fixes like containing the floats by an additional wrapper with haslayout or insert a solid clearing element after the floats. Or start with unfloating the second float, subcontainer. Check in IE6, too. Ingo __ 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/
Re: [css-d] Font size
David Reduce the font-size on this selector: p.time { font-size: 180%; } Thank you. I missed that. Why is the font-size declared on html,body set at 14% less than default? Probably an error. BTW, Google search is throwing a slew of markup errors. I was trying to comment this out so I could validate. Once commented out I was going to work on this horiable code. PS Please reply to the list not just me. Sorry. A late at night mistake. Just did CTRL + R for reply and never checked the TO: field. Angus MacKinnon Infoforce Services http://www.infoforce-services.com Faith is the strength by which a shattered world shall emerge into the light. - Helen Keller __ 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] Fwd: text positioning
Begin forwarded message: On Thursday 29 January 2009 7:28:51 pm you wrote: On Jan 30, 2009, at 9:14 AM, David McGlone wrote: I've been doing a lot of CSS coding lately and I'm having a slight problem with text positioning. I cannot seem to position any of the words after the first word. Here's the code I'm using: #text { padding: 0px 0px 10px 5px; position: relative; left: 10px; bottom: 2px; top: 2px; font-weight: bold; font-family: helvetica, impact, san-serif; font-size: 14pt; } I'm thinking that even though there are more than 1 words, closing the tag after each word does not make it a whole new box that can be moved individually. Do you have a URL for a test case ? http://www.dmcentral.net/eweb Philippe --- Philippe Wittenbergh http://l-c-n.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/
Re: [css-d] text positioning
Check out http://css.maxdesign.com.au/listamatic/index.htm for useful list/nav tips :) ~Mx http://www.mxdx.co.uk 2009/1/30 Martyn Merrett mx.css...@googlemail.com: Would it not be much easier to have a single button as each links background? i.e. ul li class=btna href=foo.phpFoo link/a/li li class=btna href=bar.phpBar link/a/li /ul CSS: .btn { display: block; width : 200px; height : 30px; margin: 5px 0px 0px 0px; background: url('button.png'); } This way you can play around with the margins to get them spaced perfectly. ~Mx http://www.mxdx.co.uk 2009/1/30 David McGlone da...@dmcentral.net: On Thursday 29 January 2009 7:22:31 pm you wrote: From what I guess you are trying to do is have multiple words in a specific layout. You'd need to provide individual styles for each one. Something like: div id=text p class=pos1Hello/pp class=pos2World!/p /div CSS: #text { font-weight: bold; font-family: helvetica, impact, san-serif; font-size: 14pt; } .pos1 { padding: 0px 0px 10px 5px; position: relative; left: 10px; bottom: 2px; top: 2px; } .pos2 { padding: 0px 0px 10px 5px; position: relative; left: 20px; bottom: 5px; top: 5px; } Maybe? You got the idea right. What I did was made some images of buttons and positioning the text on them. look here. http://www.dmcentral.net/eweb If I have to make a bunch of CSS tags, I'll just move the buttons to fit the default, but that isn't something I want to do because I can't get the buttons to look good if they are closer together. 2009/1/30 David McGlone da...@dmcentral.net: Hi everyone. I've been doing a lot of CSS coding lately and I'm having a slight problem with text positioning. I cannot seem to position any of the words after the first word. Here's the code I'm using: #text { padding: 0px 0px 10px 5px; position: relative; left: 10px; bottom: 2px; top: 2px; font-weight: bold; font-family: helvetica, impact, san-serif; font-size: 14pt; } I'm thinking that even though there are more than 1 words, closing the tag after each word does not make it a whole new box that can be moved individually. Am I thinking correctly? -- David M. __ 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/
Re: [css-d] text positioning
David McGlone wrote: Hi everyone. I've been doing a lot of CSS coding lately and I'm having a slight problem with text positioning. I cannot seem to position any of the words after the first word. Here's the code I'm using: #text { padding: 0px 0px 10px 5px; position: relative; left: 10px; bottom: 2px; top: 2px; font-weight: bold; font-family: helvetica, impact, san-serif; font-size: 14pt; } I'm thinking that even though there are more than 1 words, closing the tag after each word does not make it a whole new box that can be moved individually. Am I thinking correctly? thanks, It would yield four blocks flush left stacked vertically (and would be invalid html unless you change the id to a class). You could use multiple classes to move the individual blocks. Something like this (off the top of my head and not tested) css p {margin: 0;} .text {border: 1px solid red;} .c1 {margin: 0 0 0 20px;} .c2 {margin: 20px 0 0 100px;} .c3 {margin: 100 px 0 0 50px;} .c4 {margin: 30px 0 0 75px;} html div class=text c1pone/p/div div class=text c2ptwo/p/div div class=text c3pthree/p/div div class=text c4pfour/p/div As always a clickable link to your attempt or and image that shows whatever it is you are trying to do will get you better answers... -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.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/
Re: [css-d] text positioning
David McGlone wrote: I'm thinking that even though there are more than 1 words, closing the tag after each word does not make it a whole new box that can be moved individually. Am I thinking correctly? No, I'm afraid your thinking is flawed for positioning bits of text on top of a fixed background (image). For the left column only: if you want to use a fixed background for your text - links or whatever, this is the most steady method... http://www.gunlaug.no/tos/alien/dmg/test_09_0130.html http://www.gunlaug.no/tos/alien/dmg/test_09_0130_files/styles00.css ...where individual paragraphs are absolute positioned. Those paragraphs will adjust vertically for font resizing, but long lines will overflow horizontally pretty quickly. If you want links instead, just replace the ps with as. Sidenote: The entire http://www.dmcentral.net/eweb/ shows that you're relying on what you see for browser-defaults at your end - your layout has no flexibility. Not a good idea since that means your layout is doomed to fail... http://www.gunlaug.no/contents/wd_additions_37.html ...and I do not think you want that :-) You're also declaring a number of properties/values back to their default-values. Although there's no harm in doing so, you get a lot of unnecessary declarations in there. regards Georg -- http://www.gunlaug.no __ 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/