style for float bottom

Michael Hill

I have created a test page with a window in it created by using divs, but I
haven't figured out how to move the "down arrow" to the bottom of the main
div.

http://www.hulenbend.net/test2.html

I was looking for a style property like float:bottom but I guess there isn't
one. I don't want to use any hard positional values like left: and top:

Any help is appreciated.

Mike

Jul 20 '05 #1

Matt

Michael Hill wrote:

I have created a test page with a window in it created by using divs, but I
haven't figured out how to move the "down arrow" to the bottom of the main
div.

http://www.hulenbend.net/test2.html

I was looking for a style property like float:bottom but I guess there isn't
one. I don't want to use any hard positional values like left: and top:

Any help is appreciated.

Mike

It [down arrow] is at the bottom it's just underneath the arrow_up.gif.
Basically you just want both images/links visiable side by side? I know
you stated you're looking for the down arrow to be at the bottom of the
div but how exactly are you laying this out? The look of it? Not the
code. Give me a feel of where you are going with this if you could and I
would be happy to help.

Jul 20 '05 #2

Spartanicus

"Michael Hill" <hi****@charter.net> wrote:

I have created a test page with a window in it created by using divs, but I

Don't multipost.

--
Spartanicus

Jul 20 '05 #3

Mark Johnson

"Michael Hill" <hi****@charter.net> wrote:

I have created a test page with a window in it created by using divs, but I
haven't figured out how to move the "down arrow" to the bottom of the main
div. http://www.hulenbend.net/test2.html
You want the down button at the bottom of the box on the right.

I was looking for a style property like float:bottom but I guess there isn't
one. I don't want to use any hard positional values like left: and top:
How about position:absolute and then adjust "top" and "margin-left"?

If you change CLwindow height to 200:

..clDown {
position: absolute;
width:12;
height:12;
margin-left: 4px;
top: 180px;
z-index:60;
background-color:#EEF3F9;
layer-background-color:#EEF3F9
}
Any help is appreciated.

But wouldn't it just be better to use a listbox or combobox? True, you
can't use z-index. But do you really need z-index? And true, in IE the
only thing you can change is font color and background color. But that
might be sufficient. Plus, it will degrade to a standard control, if
styles are modified or overridden.

Jul 20 '05 #4

Michael Hill

I dont want to use absolute positioning.

Mike
"Mark Johnson" <10*******@compuserve.com> wrote in message
news:3g********************************@4ax.com...

"Michael Hill" <hi****@charter.net> wrote:

I have created a test page with a window in it created by using divs, but Ihaven't figured out how to move the "down arrow" to the bottom of the maindiv.

http://www.hulenbend.net/test2.html

You want the down button at the bottom of the box on the right.

I was looking for a style property like float:bottom but I guess there isn'tone. I don't want to use any hard positional values like left: and top:

How about position:absolute and then adjust "top" and "margin-left"?

If you change CLwindow height to 200:

.clDown {
position: absolute;
width:12;
height:12;
margin-left: 4px;
top: 180px;
z-index:60;
background-color:#EEF3F9;
layer-background-color:#EEF3F9
}

Any help is appreciated.

But wouldn't it just be better to use a listbox or combobox? True, you
can't use z-index. But do you really need z-index? And true, in IE the
only thing you can change is font color and background color. But that
might be sufficient. Plus, it will degrade to a standard control, if
styles are modified or overridden.

Jul 20 '05 #5

Michael Hill

It [down arrow] is at the bottom it's just underneath the arrow_up.gif.
Basically you just want both images/links visiable side by side? I know
you stated you're looking for the down arrow to be at the bottom of the
div but how exactly are you laying this out? The look of it? Not the
code. Give me a feel of where you are going with this if you could and I
would be happy to help.

Yes I want the down arrow at the bottom much like a control, not next to the
up arrow. This is going to be used in areas where I am limited with the
amount of room I have. So in my code the sizes can be static and I can place
stuff in there. It may contain any number of elements in it, not only
anchors as i have here, but possibly images as well.

I dont want to use hard positioning.

Thanks, Mike

Jul 20 '05 #6

Michael Hill

I posted it first in .... html, then when I found this ng I thought it was
more appropriate to be here. You know, if I could have removed it from the
other I would have, but you know ..... I couldn't. If you are offended
sorry, just ignore it.

Mike

Jul 20 '05 #7

Spartanicus

"Michael Hill" <hi****@charter.net> wrote:

I posted it first in .... html, then when I found this ng I thought it was
more appropriate to be here.
What are you replying to? (quote a minimal bit of what you are replying
to).
If you are offended

You were given advice, who said anything about being offended?

--
Spartanicus

Jul 20 '05 #8

Michael Hill

>

If you are offended

You were given advice, who said anything about being offended?

You didn't give any advice. No one did, I said "IF".

Mike

Jul 20 '05 #9

Neal

On Thu, 29 Apr 2004 06:44:51 -0500, Michael Hill <hi****@charter.net>
wrote:

I dont want to use absolute positioning.

Please don't top post.

Are you allergic to absolute positioning? What if it's the best tool to do
what you want?

Jul 20 '05 #10

Brian

Michael Hill wrote:

Spartanicus wrote:

You were given advice

You didn't give any advice.

Sure he did. "Don't multipost."

--
Brian (remove "invalid" from my address to email me)
http://www.tsmchughs.com/

Jul 20 '05 #11

Michael Hill

Neal wrote:

On Thu, 29 Apr 2004 06:44:51 -0500, Michael Hill <hi****@charter.net>
wrote:

I dont want to use absolute positioning.
Please don't top post.

Sorry my cursor automatically moved there and I didn't catch it. My bad.
Are you allergic to absolute positioning? What if it's the best tool to do
what you want?

I want to use these as divs as the mechanism that goes in a calendar.
One would equal 1 day. So when we have 30 of these I don't want to
create an absolute position for them, but put them in a <table>
structure. If there is more content than the size of that square i'd
like to have a mechanism for scrolling.

That is the reason I'd like to have the 'down arrow' to be positioned at
the bottom.

Jul 20 '05 #12

Brian

Michael Hill wrote:

I want to use these as divs as the mechanism that goes in a calendar.
One would equal 1 day. So when we have 30 of these I don't want to
create an absolute position for them, but put them in a <table>
structure.
Use position: relative;
This will keep the day div (isn't it a TD?) in the flow. You need not
change the actual position of the day div.
If there is more content than the size of that square i'd
like to have a mechanism for scrolling.

That is the reason I'd like to have the 'down arrow' to be positioned at
the bottom.

position: absolute; for the down arrow. It will use the dimesions of the
closest parent whose position is not static. (That's why you use
"relative" for the day div.)

<table class="calendar">
<tr>
<td class="day Monday">
content
<img src="down.png">
</td>
<td class="day Tuesday">
etc.
</td>
</tr>
</table>

..calendar TD { postion: relative; }
..calendar IMG {position: absolute; bottom: 0; }

--
Brian (remove "invalid" from my address to email me)
http://www.tsmchughs.com/

Jul 20 '05 #13

Mark Johnson

"Michael Hill" <hi****@charter.net> wrote:

I dont want to use absolute positioning.

You said you WANTED the down button at the bottom. If, for example,
you changed the height to 200, then .cldown, as below, will put the
button at the bottom - yes?

I suggested, if you'll recall, that in this case it might be better
just to use a combobox, which would degrade even if styles are broken
or not used. But if you have some further project in mind, only you'd
know that.

If you change CLwindow height to 200: .clDown {
position: absolute;
width:12;
height:12;
margin-left: 4px;
top: 180px;
z-index:60;
background-color:#EEF3F9;
layer-background-color:#EEF3F9
}

Jul 20 '05 #14