There is a greeting(hello, hi, or welcome) footer which is in red background at the bottom of the page http://dot.kr/joon/046good/.
if you click the button (x) on the left/right end of the footer, the greeting footer will be disappeared, and the textArea footer will be shown.
They “Greeting footer at http://dot.kr/joon/046good/ and textArea footer at http://dot.kr/joon/046good/?c=1” use different “URL”.
I like to make it to use same url.
it means both greeting footer and textArea footer are loading at a time at the page of " http://dot.kr/joon/046good/".
and the greeting footer is shown and the textArea footer is not shown at first
but when the user clicks the button (x) on the left/right end of the greeting footer, the greeting footer will be disappeared and the textArea footer will be shown.
Can I do it in CSS with your help?
or
Should I go to javascript forum?
I have one more question on the greeting footer.
The text, “hello, paul/hi, ronpat/welcome, dresden” is not vertically centered in the greeting footer.
How can I make it vertically centered in the greeting footer?
Although I use “vertical-align:middle;”, it seems not to work sadly.
Regarding the vertical alignment of the text in the footer then there is nothing for the text to align with because you only have floats at the side and they are removed from the flow which defectively means the text is centred anyway. If you had used display:table-cell for al three a sin the examples we have given previously then vertical alignment would be easy and automatic. The easiest thing to do now is just fake it with line height or a mragin.
since the greeting text is dynamic, the code above has too much gap between line like at http://dot.kr/joon/047tag/ when it says “hello, paul”.
if you look the code at http://dot.kr/joon/047tag/ when it says “hi, ronpat”,
you will see that I use style="diplay:table-cell; for all three divs. but it seems not to work.
(I am afraid, I might use it wrongly )