View Full Version : positioning that moves with page?
maubast 07-06-2003, 12:57 AM Hi...I'm working on this page:
http://www.thedarknightofthesoul.com/emAlbum/albums/index.html
I'm very confused. I'm just making the jump to using css vs. tables.
I'm trying to get it so that the bottom links will move with the size of the middle content: ie:
the links at the bottom of the page (dark night= soul, thanks, emAlbum) will move up and down as the middle content with all the links expands and shrinks.
I've looked everywhere and tried everything! What is the correct code???
Thanks
T
ChibiKitty 07-06-2003, 01:08 AM I can probably help, but I'm not understanding your question. Do you want the links to stay at the bottom and whenever you scroll they will move with the page (always in view) or do you mean that whenever the middle content grows you want the table to go down and when the middle content isn't as long you want it further up?
Do not advertise in your signature. ~Moderator
maubast 07-06-2003, 01:14 AM Ok...
This page is going to be different sizes depending on the number of pictures it has in it at any given time. I'm also expanding it so that when you click on a link, you will see thumbnails...etc.
I want the links on the bottom to stay exactly where they are on the bottom, no matter if there are 4 thumbnails or 20. The main content window with all of the links will be bigger or smaller, depending.
What's happening now is that, if the page content gets bigger, the links show up in the middle of the content instead of staying at the bottom where they should.
Does that make sense? LOL
maubast 07-06-2003, 01:15 AM The second thing that you said is exactly what I'm talking about...
Right now, I have all of the picture links in a table with a div stating where it should line up under the top image. (See source...)
I've got the bottom links absolutely positioned right now so that they will stay under the content. I've tried simply putting the links in the table but for some reason it doesn't work. Since the links are absolutely positioned, if there is more content, the links stay in the same place, thus showing up over the content.
THAT makes a little more sense, I think...
ChibiKitty 07-06-2003, 01:25 AM okay, the reason why is because you have it div positioned. So what happens is it stays in the same pixel distances from the top even when the page gets bigger so it'll just go over whatever goes under it. The solution:just add it after all the content and instead of having it div positioned just put align=whatever (left, right, ect) valign=whatever (top, bottom, ect)
maubast 07-06-2003, 01:34 AM Do you mean, just add it into the HTML code?
I've tried that, and it doesn't work? I dunno why...
When I just add it in under the content table, the links show up at the very top of the page...
ChibiKitty 07-06-2003, 01:40 AM hold on lemme try something....
maubast 07-06-2003, 01:44 AM I just tried several different things, all with the links resulting at the top...
See, I put the main table inside another table so that I could add these links.
The main table is positioned, and the inside table is the one with the light green and 2px black border. I THOUGHT that if I just put the links inside the MAIN table that it would show up without the light green, just underneath the border of the interior table. But, it's not working, for some reason. It totally defies all logic!
I've been doing this ALL day!
ChibiKitty 07-06-2003, 01:55 AM w00t, I'm good. I got it to go into the lime green area, at the bottom! Okay, so you wanted it in the darker green area? *figured this puzzle out*
maubast 07-06-2003, 01:59 AM Yeah, I don't want it in the bordered area.
This is what the page is going to kind of look like soon:
http://www.emalbum.com/cgi-bin/emAlbum.cgi?cmd=show_thumbs&path=Insects&tn=1
They have their links at the bottom, and whenever you click the picture, it gets bigger, and the link stays at the bottom.
But, I'm sure you know all that by now....
maubast 07-06-2003, 02:06 AM EEP!
I just tried to test the page in Netscape 7.0 and my styles don't work at all!
My content area is waaaayy down at the bottom!
Yikes...
back to the drawing board I guess...
ChibiKitty 07-06-2003, 02:08 AM lol, yeah. Everything looks different in other browsers, especially if you use div positioning. Or if you have frames but not enough. I just figure that they can just deal with it being funny, lol. OKay, lemme fix that for you anyways.
maubast 07-06-2003, 02:12 AM Thanks...I appreciate it...
I'll figure out the netscape issue later.....
ChibiKitty 07-06-2003, 03:02 AM Okay, done with it. I got it to work in netscape as well. Everything is aligned to the left; you can change that if you'd like. I just made everything to the left to work with it. Anywho, click here (http://sporkalicious.midnighteyes.com) to see it. Just view that source and copy/ change any of it that you want.
Sorry if I messed anything up....just to make sure I didn't I'd make a new document to edit it in.
maubast 07-06-2003, 03:11 AM I don't see it.....
ChibiKitty 07-06-2003, 03:12 AM whoops, sorry, lemme get rid of the redirection *feels stupid*
Edit: Okay, here you go. Clickable! (http://sporkalicious.midnighteyes.com/sweet.html)
maubast 07-06-2003, 03:27 AM That seems to do it!
Altho, it's doing a couple of weird things!!!!
Have a look...
http://www.thedarknightofthesoul.com/emAlbum/albums/index.html
ChibiKitty 07-06-2003, 03:30 AM lol, I fixed the bottom table but I messed up the top one *laughs* sorry.
maubast 07-06-2003, 03:32 AM My images aren't showing up either....the little folders? There's a weird E with an ublatt or something over it....
Is it still going to work ok if I move the whole thing over 50 and down 80?
--
OK...I got the E with the ublatt taken care of...
but why is the bottom section with the links purple?
I can't find any incorrect color codes!
ChibiKitty 07-06-2003, 03:38 AM purple links!?! When I hover over them they turn lime green...are you checking this out on netscape?
Edit: Can't be....I just checked it out on netscape...
maubast 07-06-2003, 03:46 AM Is there any way you can just email me the text file for this?
I think that copying it from the internet messed the code up...
No, I'm checking it from IE...and the background for the links is purple...
I'll figure that out tho...
tatianaj@thedarknightofthesoul.com
maubast 07-06-2003, 04:12 AM I'm back to square one, it's not working again.
Once I moved everything back to the proper position, the links moved back to the top...
I'm gonna try to figure it out...
ChibiKitty 07-06-2003, 05:34 AM okay, sorry :( I know why it does that, it's just the matter of fixing it . Do you still want me to email you that?
sorry this took so long, I was away
maubast 07-07-2003, 12:39 AM No...it's ok...
I just found out that the program I'm using for the photo album (emAlbum) is going to be releasing a new template driven version in like 2 days, so I would have had to redesign the whole thing anyway...but the software developer already did it for me!!!
Check it out:
www.emalbum.com/cgi-bin/users/tatiana/emAlbum.cgi
Cool huh?!
Thanks a lot for your help...I looked further into the code and I figured out that it was a problem with the tables acting up...if you ever need any graphix help, lemme know...I owe ya one!!!
T
|