[css-d] NOT centering text in the center!

2014-12-17 Thread FARAMINEUX
My goal is to write a haiku or a poem in the center on the page, but I do not want the text to be centered but align left in the center of the page. How can I achieve that? Do I have to use a centered column? TIA faramin...@comcast.net OS X 10.10

Re: [css-d] NOT centering text in the center!

2014-12-17 Thread Philip Taylor
Place the haiku in a DIV style=text-align: left; centre the DIV. Philip Taylor FARAMINEUX wrote: My goal is to write a haiku or a poem in the center on the page, but I do not want the text to be centered but align left in the center of the page. How can I achieve that? Do I have to

Re: [css-d] NOT centering text in the center!

2014-12-17 Thread Jukka K. Korpela
2014-12-17, 15:00, FARAMINEUX wrote: My goal is to write a haiku or a poem in the center on the page, but I do not want the text to be centered but align left in the center of the page. How can I achieve that? Do I have to use a centered column? The simplest approach is to put your poetry in

Re: [css-d] NOT centering text in the center!

2014-12-17 Thread FARAMINEUX
On Dec 17, 2014, at 8:08 AM, Jukka K. Korpela jkorp...@cs.tut.fi wrote: The simplest approach is to put your poetry in a `div` element, set some suitable width for it, and set its left and right margin to auto: style .poem { width: 20em; /* tune as needed margin-left: auto;

Re: [css-d] NOT centering text in the center!

2014-12-17 Thread Barney Carroll
Salut Faramineux, You can use display inline-block, left 50% (relative to offset parent) and transform translateX( -50% ) (relative to self) to achieve this effect with variable width: http://jsbin.com/ruwada/1/edit?css,output Regards, Barney Carroll barney.carr...@gmail.com +44 7429 177278

Re: [css-d] NOT centering text in the center!

2014-12-17 Thread Philip Taylor
Barney Carroll wrote: You can use display inline-block, left 50% (relative to offset parent) and transform translateX( -50% ) (relative to self) to achieve this effect with variable width: http://jsbin.com/ruwada/1/edit?css,output I am not averse to custom HTML elements, and have been known

Re: [css-d] NOT centering text in the center!

2014-12-17 Thread Jukka K. Korpela
2014-12-17, 15:53, Barney Carroll wrote: You can use display inline-block, left 50% (relative to offset parent) and transform translateX( -50% ) (relative to self) to achieve this effect with variable width: http://jsbin.com/ruwada/1/edit?css,output Nice. Here’s a different idea, with even

Re: [css-d] NOT centering text in the center!

2014-12-17 Thread Barney Carroll
Excellent insight Jukka! Centered variable width column with CSS2.1 and no offset positioning assumptions – that's a new one in my book! For the sake of pedantry I might add that line-breaks are significant semantic elements in a haiku, and that the haiku I used is considered invalid according to

Re: [css-d] NOT centering text in the center!

2014-12-17 Thread FARAMINEUX
On Dec 17, 2014, at 8:53 AM, Barney Carroll barney.carr...@gmail.com wrote: Salut Faramineux, You can use display inline-block, left 50% (relative to offset parent) and transform translateX( -50% ) (relative to self) to achieve this effect with variable width:

[css-d] Changing Visibility on Just One Element

2014-12-17 Thread Gates, Jeff
I¹m trying to find a workaround for hiding one headline on a shopping cart hosted page. I don¹t have access to the code on the page but I can create some CSS to hide the element. Unfortunately, it also hides other headlines on the page. This is the CSS that will hide ALL headlines on the

Re: [css-d] Changing Visibility on Just One Element

2014-12-17 Thread Rod Castello
Jeff, You could try using the nth-child selector to target the first headline. This site has some helpful instructions on how to do it: http://css-tricks.com/how-nth-child-works/ Good luck. Rod Castello On Wed, Dec 17, 2014 at 12:24 PM, Gates, Jeff gat...@si.edu wrote: I¹m trying to find a

Re: [css-d] Changing Visibility on Just One Element

2014-12-17 Thread Jukka K. Korpela
2014-12-17, 22:24, Gates, Jeff wrote: I only want to hide one headline. Here is the code for that headline: fieldset id=cart-contents legend accesskey=yYour Shopping Cart/legend /fieldset If that is the entire element, you can hide it with #cart-contents { visibility: hidden; } If it

Re: [css-d] Changing Visibility on Just One Element

2014-12-17 Thread Joergen Lang
I think the mistake lies in your selector. #cart-contents is very likely nested *inside* the form, not surrounding it - at least according to your html. So #cart-contents form ... will probably not work as expected. Try #cart-contents legend { visibility: hidden; } or { display: none;

Re: [css-d] Changing Visibility on Just One Element

2014-12-17 Thread Gates, Jeff
On 12/17/14, 3:43 PM, Jukka K. Korpela jkorp...@cs.tut.fi wrote: 2014-12-17, 22:24, Gates, Jeff wrote: I only want to hide one headline. Here is the code for that headline: fieldset id=cart-contents legend accesskey=yYour Shopping Cart/legend /fieldset If that is the entire element, you can

Re: [css-d] Changing Visibility on Just One Element

2014-12-17 Thread Jukka K. Korpela
2014-12-17, 23:34, Gates, Jeff wrote: I’ve already tried #cart-contents legend { visibility: hidden; } and it didn’t work. Actually, that was the first thing I tried. Where did you put that rule? Does *anything* work where you placed it? To see the entire code go to

Re: [css-d] Changing Visibility on Just One Element

2014-12-17 Thread MiB
dec 17 2014 22:34 Gates, Jeff gat...@si.edu: Jukka and Joergen, I’ve already tried #cart-contents legend { visibility: hidden; } and it didn’t work. Actually, that was the first thing I tried. Use the web developer tools in here: https://www.mozilla.org/en-US/firefox/developer/ and you can