In-Line Style Change for LOGIN BOX

I need  to access a <style> tag in a <div id="login_div"> which controls position of the LOGIN BOX.

The Login box is apparently controlled by Ajax with regards to position???

My dolphin website resides (7.0.9) in my main website which is a template. When I open my dolphin site inside the EDITABLE REGION of my main website it seems to work fine so far except for the LOGIN BOX appears way down the page, off the screen, so you would have to scroll down the page to see it.

So my thought is to change the <div> Inline <style> to read position=absolute and top=0px. Which would always bring it up to the top.

When Style is changed in Firefox  it  fixes the problem, but I'm open to other resolutions.

But my problem for now is that I cannot find where the Login Box Div. and Inline Style is located to change, help.

See Attachment = Screenshot

As you can see from the screenshot; element.style is controlling it; which means it is added in the code.  So look in the functions.js file and/or templates.  Use something like Notepad++ or PsPad (my favourite but no linux version) to search through the code.  With PsPad, you would set the directory to be searched; click on the sub-directory box, and then use the Search and Replace in Files without checking the replace box; it will search through the entire Dolphin directory for the search term and list where it found them.

Yes, understood it's an element style, and making the needed change is easy, if I can find the stinking inline html code.

I'm not familiar with any of the programs you mentioned, but will start to research and understand them and let you know if I have any Luck!

Thank You for the tip and quick response geek_girl!!

Thing is, it should not be happening at all. Dolphin uses javascript to calculate the center of the screen for the popup. And it's not working properly which means you have something else on your page that is interfering with the script.

I've changed every bit of code in my main website template with no effect on the login box. I even loaded demo 7.1 into the editable template region and it did the same thing as my version 7.0.9.

So I'm left with having to make an inline style change as mentioned above. It fixes the problem and keeps the login box at the top of the screen.

I don't think dolphin likes being placed inside another template???

My site is www.crossclubusa.com if you wanna have a peek at the issue I'm having with login popup.

Thanks, Bob K.

it's because you are using a set height on an iframe so the javascript is using those heights for the popup.

if you go to the website directly it works as expected... 

A lot of these javascript codes to set things causes problems.

Here is a case in point.  I need to increase the size of the font for the submenu items.  However, increasing that size breaks the member menu because it contains a table that has the width set by some javascript function that I am unsure of.  I posted about this once before without any help.  When I increase the size of the font, my member bar doubles in height because the table size does not recalculate.  If it was just set in CSS, no bleeding problem, just edit the css and all would be fine.

Maybe I need to bump that old post up to see if I can get some help now.

Original Code

<div style="z-index:999" class="block1"   id="iframe_1">
 <iframe  name="main_content_frame" src="splash_page.htm" 
 width: 100%; height: 1500px;" target="_self" scrolling="no">
 </iframe></div>

Changed

<div style="z-index:999" class="block1"   id="iframe_1">
 <iframe  name="main_content_frame" src="splash_page.htm"
 style="width: 100%; height: 100%;" target="_self" scrolling="no">
 </iframe></div>

Yes, I knew it  worked fine (login box) in a window as a stand alone, not inside a template region. I had changed the code from a fixed height to 100% in the past with no luck.

I just made the change to height so its 100%. If you have time to see the result I would appreciate it. Template Editable Region shrinks to just about 200-300px in height. I'm stuck with what to do. Again, if I eliminate Java and just make it Position: absolute and Top: 0px is solves the problem. It's not as cool as the Java centering effect, which I prefer, but I'm not experienced enough to resolve this problem thus far.

Thanks for your input D_Jay

 RE:

 Sorry, but your real problem has nothing to do with javascript, or login box positioning.  If your intent is to merge two sites using Iframes, it is never, every going to work well.  You have TWO vertical scroll bars, and that is absolutely maddening.  It makes for a very clumsy user interface.  It's just plain awful. (Don't take that personally)

You really need to rethink your concept, and get rid of those iframes.

Your 100% right, the whole dual scroll bars are not suppose to be there, it was a temp. situation while developing site, I hate them also!!

I'm working on dumping the Iframes right now, but when there was no iframe before, if I remember correctly, the login box still did not popup in the right spot. But gonna give it try again.

Will repost when site is loaded without frames.

Thanks, Houston!

One the iframes are gone, at  least the login box positioning will be a workable problem.

Would not something like this work-

general.css:

    margin-top: -540px;

Simply adding and playing with those settings?

Tinkering with CSS code, internal or external,  will not override an inline style, as far as I know.

But thanks for weighting in.

I think that Houston is right, before this matter can be further dealt with -- the frames got to go.

Perhaps I am not following correctly, but here is a couple screenshots of what I'm seeing with simply changing CSS with margin-top: -700px

 RE:

 You can, but it's just a waste of time. Get the look and feel of the site right... then worry about the small stuff.

Very Cool Dog, also, thanks for taking the time to post screenshots!!

Yes, your CSS addition on a different line of code worked in Firefox, and IE, but not in Chrome, login box in Chrome went up to far, partially hidden behind my main site template banner, at least on my end.

But again, as Houston has stated, Chrome could be having trouble as a result of the iframe.

So I'm still working on dumping iframe and maybe your fix, if I still have problems after iframe is dumbed, will still work, will have to see?

Thanks again.

In the mean time, you can try adding this to common.css

The CSS dog suggested worked with regards to position, but, once the login box popped-up it could not be X-out. You had to login to make it disappear.

Your idea (Houston) also worked with regards to achieving the goal of position, but also ALLOWED the user to X-out of the login box without having to login.

But it still did not work for me in my main website template, login box is not even showing itself at present, not sure what happened.

I'm still working on removing iframes from my site but its going slow as I'm fairly new template design, I've always used iframes, which I believe are old school.

Will post again when completed

Thanks, Houston.

I find this interesting; how did you use iframes for templates?  I remember there use to be a frameset and that is old school and was a horrible element; it was a good thing that framesets disappeared.  Iframes are not oldschool, at least not for their intended purpose.

I would like to hear more on this when you have time.

I didn't use them in a template, sorry if I led you to think that.

I think my use of iframes in my website were old school. Yes I agree, there is a place and time for iframes, I believe I used them incorrectly, in place of using a templates.

As a matter of fact I will keep the iframe (for now) which has my intro video href'd to it. But now its in a homepage (index) template, instead of an iframe which also housed my href dolphin site.. So now when I click my dolphin page href to open it will now open a new template page (instead of an iframe) which will be void of the intro video iframe also (intro not needed at that point). The reason, Houston pointed out above, and I think he's right, that iframes are more than likely always going to cause problems with dolphin, so I'm getting rid of them.

BTW, I've followed the boonex forum for about 3 years and have learned much!! I also recognize the big players, looks like I've got them all trying to help me!! But the first time I posted a problem, about a year ago, you suggested I learn about templates. I'm finally doing that now, lol.  All I've written in this post was said to let you know that it is NOT my intent to teach you or anyone else about iframes or templates, but just to let you know what I'm doing so corrective comments can be made with regards to anything I'm posting that is wrong minded.

So almost done with the template learning curve and maybe have another day before I upload the new template files for review and then we'll see.

Thanks G_G for encouraging me In a previous post to learn templates, its the way to go!!!

OK, having dolphin open in a iframe, gone. Problem with login box position, also gone!

But over the last couple of years I've fooled around with the CSS code without really knowing much in the beginning! Now there are so many little problems I think I've got to start over!! Example, Timeline (Wall renamed) menu option when selected messes up the bottom copyright positioning. I know I can fix it, but there are still so many other little problems. Bugs me because I've got so much work/time invested and I really like the look. It's my understanding now that I should have made a separate CSS file for all my changes instead of making them in the existing dolphin files. Is my thinking on this correct??? 

When 7.1 came out I did not like it for what I'm using it for, it seemed that 7.0.9 was a better look and fit. Is my thinking on this correct, Might I be better off at this point upgrading to 7.1 or just keep 7.0.9???

Thanks to all about who commented on my login box issue!!! Resolved!