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

[Matt]

Re: style for float bottom

Michael Hill wrote:[color=blue]
> 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
>
>[/color]

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.

[Spartanicus]

Re: style for float bottom

"Michael Hill" <hillmw@charter .net> wrote:
[color=blue]
>I have created a test page with a window in it created by using divs, but I[/color]

Don't multipost.

--
Spartanicus

[Mark Johnson]

Re: style for float bottom

"Michael Hill" <hillmw@charter .net> wrote:
[color=blue]
>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.[/color]
[color=blue]
>http://www.hulenbend.net/test2.html[/color]

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

[color=blue]
>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:[/color]

How about position:absolu te 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
}
[color=blue]
>Any help is appreciated.[/color]

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.

[Michael Hill]

Re: style for float bottom

I dont want to use absolute positioning.

Mike
"Mark Johnson" <102334.12@comp userve.com> wrote in message
news:3gh190l1l8 4jf1jqiamliihi2 mc9rumori@4ax.c om...[color=blue]
> "Michael Hill" <hillmw@charter .net> wrote:
>[color=green]
> >I have created a test page with a window in it created by using divs, but[/color][/color]
I[color=blue][color=green]
> >haven't figured out how to move the "down arrow" to the bottom of the[/color][/color]
main[color=blue][color=green]
> >div.[/color]
>[color=green]
> >http://www.hulenbend.net/test2.html[/color]
>
> You want the down button at the bottom of the box on the right.
>
>[color=green]
> >I was looking for a style property like float:bottom but I guess there[/color][/color]
isn't[color=blue][color=green]
> >one. I don't want to use any hard positional values like left: and top:[/color]
>
> How about position:absolu te 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
> }
>[color=green]
> >Any help is appreciated.[/color]
>
> 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.
>
>[/color]

[Michael Hill]

Re: style for float bottom

[color=blue]
> 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.[/color]

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

[Michael Hill]

Re: style for float bottom


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

[Spartanicus]

Re: style for float bottom

"Michael Hill" <hillmw@charter .net> wrote:
[color=blue]
>I posted it first in .... html, then when I found this ng I thought it was
>more appropriate to be here.[/color]

What are you replying to? (quote a minimal bit of what you are replying
to).
[color=blue]
>If you are offended[/color]

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

--
Spartanicus

[Michael Hill]

Re: style for float bottom

>[color=blue][color=green]
> >If you are offended[/color]
>
> You were given advice, who said anything about being offended?
>[/color]

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

Mike

[Neal]

Re: style for float bottom

On Thu, 29 Apr 2004 06:44:51 -0500, Michael Hill <hillmw@charter .net>
wrote:
[color=blue]
> I dont want to use absolute positioning.[/color]

Please don't top post.

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

[Brian]

Re: style for float bottom

Michael Hill wrote:

Spartanicus wrote:[color=blue][color=green]
>> You were given advice[/color]
>
> You didn't give any advice.[/color]

Sure he did. "Don't multipost."

--
Brian (remove "invalid" from my address to email me)

http://www.tsmchughs.com/

[Michael Hill]

Re: style for float bottom



Neal wrote:[color=blue]
>
> On Thu, 29 Apr 2004 06:44:51 -0500, Michael Hill <hillmw@charter .net>
> wrote:
>[color=green]
> > I dont want to use absolute positioning.[/color]
>
> Please don't top post.
>[/color]

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

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.

[Brian]

Re: style for float bottom

Michael Hill wrote:
[color=blue]
> 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.[/color]

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.
[color=blue]
> 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.[/color]

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/

[Mark Johnson]

Re: style for float bottom

"Michael Hill" <hillmw@charter .net> wrote:
[color=blue]
>I dont want to use absolute positioning.[/color]

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.
[color=blue][color=green]
>> If you change CLwindow height to 200:[/color][/color]
[color=blue][color=green]
>> .clDown {
>> position: absolute;
>> width:12;
>> height:12;
>> margin-left: 4px;
>> top: 180px;
>> z-index:60;
>> background-color:#EEF3F9;
>> layer-background-color:#EEF3F9
>> }[/color][/color]