[css-d] help centering items
Hi People, 1 At http://bit.ly/k6aFjU I'm trying to get the following to happen, and can't work it out for some reason: I want Metro New Jersey Green Drinks 3 Gatherings - You're Invited! and the elephant to appear as a single copy block - to the left of the Join box (another copy block). I want both blocks to be centered on the page. 2 At http://bit.ly/jwgrff (home page, same site) Is there a way to get the picture to float centered in the middle of the page? When the window expands, I don't want the picture to end up very far to the left of the sidebar - it looks very odd that way. Best, Kimi -- [ Kimi Wei thewei.com @kimiwei (t) 862.203.8814 p o box 626 fair lawn, nj 07410 ] __ css-discuss [css-d@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] help centering items
On Sat, Apr 30, 2011 at 11:51 PM, Kim Brooks Wei kimi@kimbwei.comwrote: Hi People, 1 At http://bit.ly/k6aFjU I'm trying to get the following to happen, and can't work it out for some reason: I want Metro New Jersey Green Drinks 3 Gatherings - You're Invited! and the elephant to appear as a single copy block - to the left of the Join box (another copy block). I want both blocks to be centered on the page. As for this, I'm not quite sure what you're trying to say. Try making an image of it or explaining it differently? 2 At http://bit.ly/jwgrff (home page, same site) Is there a way to get the picture to float centered in the middle of the page? When the window expands, I don't want the picture to end up very far to the left of the sidebar - it looks very odd that way. This is easily achieved. If this is all you need in the leftcopytwothree div, then simply add text-align:center; to the .leftcopytwothree {} rule on line 487 of greenwei.css. If there will be more text in that div, or if you use this same div for another page, then wrap the image in another div with text-align:center; in the styling. Best, Kimi -- [ Kimi Wei thewei.com @kimiwei (t) 862.203.8814 p o box 626 fair lawn, nj 07410 ] If you have any other issues just reply to this list of course. Alex Mitchell http://gumware.com/ __ css-discuss [css-d@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-discuss [css-d@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] help centering items
On 4/30/11 11:51 PM, Kim Brooks Wei wrote: Hi People, 1 At http://bit.ly/k6aFjU I'm trying to get the following to happen, and can't work it out for some reason: I want Metro New Jersey Green Drinks 3 Gatherings - You're Invited! and the elephant to appear as a single copy block - to the left of the Join box (another copy block). I want both blocks to be centered on the page. Make .ctr .small inline-block, and use vertical-align: middle or top or ??? to line it up with the elephant. Old IE will likely need a separate rule, following that one, to declare that it is inline. Explanation: inline-block only adds layout to IE 5 - 7, but layout works a bit like inline-block on elements that are inline. .ctr .small { display: inline-block; vertical-align: middle; } .ctr .small { *display: inline; } /* star hack for IE 8 alone. There are better ways... :) */ 2 At http://bit.ly/jwgrff (home page, same site) Is there a way to get the picture to float centered in the middle of the page? When the window expands, I don't want the picture to end up very far to the left of the sidebar - it looks very odd that way. Sure: .leftcopytwothree { text-align: center; } HTH -- Cordially, David __ css-discuss [css-d@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] help centering items
On Sun, May 1, 2011 at 12:21 PM, Kim Brooks Wei kimi@kimbwei.com wrote: I want Metro New Jersey Green Drinks 3 Gatherings - You're Invited! and the elephant to appear as a single copy block - to the left of the Join box (another copy block). I have never heard the term copy block before. Can you tell us what you mean? Regards, Chetan Crasta __ css-discuss [css-d@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] IE6 Clipping of Text in Header
Hi all; I have another request for assistance here. The page is at: http://www.robertsmart.ca/ZZnew/index.html I incorporated Eric Meyers reset CSS sheet, made some other changes, and now IE6 (Windows XP Pro) is clipping some of my Header Text. Does anyone know what is causing this strange behavior? Can you can see that the bottom third of the text HaveAGoodDay.ca is missing in IE6? Hopefully someone here can figure out why. Thanks in advance. PS: Thanks to those who responded to my last question last week. That problem is now resolved. Thanks again. Best Regards; Sol Sinclair __ css-discuss [css-d@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] IE6 Clipping of Text in Header
On 5/1/11 1:17 PM, Sol Sinclair wrote: The page is at: http://www.robertsmart.ca/ZZnew/index.html IE6 (Windows XP Pro) is clipping some of my Header Text. Best Regards; Sol Sinclair XP IE/6 and IE/7 clip h1 this end. Correct compliant browsers and IE 6/7 will follow suit #textholder { border: 1px solid fuchsia; /* 4 position only*/ font-family: Palatino Linotype, Book Antiqua, Palatino, serif; text-align: center; display: block; float: left; margin: 0; /* delete not needed*/ padding: 0;/* delete not needed*/ padding-bottom: 20px;/* add*/ width: 35em; } Best, Una Barth -- http://chelseacreekstudio.com/ http://chelseacreekstudio.com/fa/ __ css-discuss [css-d@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] CSS, XML, HTML, valid or bogus was( column help)
On 30/04/2011 9:23 PM, Alan Gresley wrote: CSS just isn't to style HTML. It can style XML (and text/* sub-types) and XHTML as well. One of the most bazaar test I have done. I even invented my own elements, selectors and one attribute. http://css-class.com/test/xml/unicode.xml The CSS validator just throws my CSS completely and the HTML validator demands to have a Doctype to see if the document is valid. By some code sniffing, the HTML validator considers it to be invalid XHTML 1.0 Transitional. IE9 shows the correct source code. Both Firefox and Opera rearrange of the source code where it has RTL script and Safari changes the glyphs all over. -- Alan Gresley http://css-3d.org/ http://css-class.com/ __ css-discuss [css-d@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] help centering items
Chetan, copy block is a typesetting, or publishing term, meaning a block of text. Text can be also referred to as copy, as in copywriting). The block of text can be one, or several paragraphs, long. At 10:37 PM +0530 5/1/11, Chetan Crasta wrote: On Sun, May 1, 2011 at 12:21 PM, Kim Brooks Wei kimi@kimbwei.com wrote: I want Metro New Jersey Green Drinks 3 Gatherings - You're Invited! and the elephant to appear as a single copy block - to the left of the Join box (another copy block). I have never heard the term copy block before. Can you tell us what you mean? Regards, Chetan Crasta -- [ Kimi Wei thewei.com @kimiwei (t) 862.203.8814 p o box 626 fair lawn, nj 07410 ] __ css-discuss [css-d@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] IE6 Clipping of Text in Header
On 5/1/2011 2:24 PM, David Laakso wrote: On 5/1/11 1:17 PM, Sol Sinclair wrote: The page is at: http://www.robertsmart.ca/ZZnew/index.html IE6 (Windows XP Pro) is clipping some of my Header Text. Best Regards; Sol Sinclair XP IE/6 and IE/7 clip h1 this end. Correct compliant browsers and IE 6/7 will follow suit #textholder { border: 1px solid fuchsia; /* 4 position only*/ font-family: Palatino Linotype, Book Antiqua, Palatino, serif; text-align: center; display: block; float: left; margin: 0; /* delete not needed*/ padding: 0;/* delete not needed*/ padding-bottom: 20px;/* add*/ width: 35em; } Best, Una Barth Thank-you Una. These fixes worked. Much appreciated. Sincerely; Sol Sinclair __ css-discuss [css-d@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] help centering items
So when you say that you want it to appear as a single copy block, do you mean you want to style the logo and the h5 together and give them the appearance of a block? The solution to that would depend on what style you wish to apply. You have to be more clear. Regards, Chetan Crasta __ css-discuss [css-d@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/