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
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
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
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;
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
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
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
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
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:
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
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
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
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;
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
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
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
16 matches
Mail list logo
