The Magic Caf
Username:
Password:
[ Lost Password ]
  [ Forgot Username ]
The Magic Cafe Forum Index » » Not very magical, still... » » Need A Website Guru ASAP! (0 Likes) Printer Friendly Version

RobertBloor
View Profile
Inner circle
The Socialist Republic of the USA.
1051 Posts

Profile of RobertBloor
Hey guys,

I'm helping out my wife's school here in Orlando putting together a website template for them.

Unfortunately I've run into a snag I can't seem to get around. The problem I'm running is this...hopefully I don't lose you guys...

Here's a peak at the template.

Here's what I need:
I want to be able to scroll down the page and have the navigation stay put, and keep the text within the margins of the white text box.

I can't seem to get the CSS to work correctly. Eventually the text is scrolling into the blue margins, and I don't want that.

I need to be able to load the master site on the school webserver via Dreamweaver.
Also, the current template was created in Fireworks for what it's worth.

Anyone out there able to help me out? Either with helpful tips, or even willing to code it real quick I'd be forever grateful.

Please PM me if you think you can help. Time is ticking on this particular project.

THANK YOU THANK YOU!

-Robert
"That whenever any Form of Government becomes destructive of these ends, it is the Right of the People to alter or to abolish it, and to institute new Government,"
-The Declaration of Independence
sibbie
View Profile
Special user
East Coast
525 Posts

Profile of sibbie
What about using an inline frame and positioning it with CSS? I am not that familiar with CSS so I am not sure this is possible but I know an iframe positioned correctly should give you the result you are looking for.
RobertBloor
View Profile
Inner circle
The Socialist Republic of the USA.
1051 Posts

Profile of RobertBloor
I'm not all that familiar with frames. Most of the sites I see with frames have scroll bars in the middle of them?

-Robert
"That whenever any Form of Government becomes destructive of these ends, it is the Right of the People to alter or to abolish it, and to institute new Government,"
-The Declaration of Independence
sibbie
View Profile
Special user
East Coast
525 Posts

Profile of sibbie
Inline frames have the scroll bar as well but it puts the frame inside the page rather than having the big frames most are used to seeing. Check out http://www.w3schools.com and see the iframe tag.
sibbie
View Profile
Special user
East Coast
525 Posts

Profile of sibbie
RobertBloor
View Profile
Inner circle
The Socialist Republic of the USA.
1051 Posts

Profile of RobertBloor
Don't think that's what I'm looking for.

Thanks for the idea though. That site has some great tips!

-Robert
"That whenever any Form of Government becomes destructive of these ends, it is the Right of the People to alter or to abolish it, and to institute new Government,"
-The Declaration of Independence
sibbie
View Profile
Special user
East Coast
525 Posts

Profile of sibbie
Hopefully you can come across your answer there. It has a section on HTML, XHTML, and CSS which has helped me greatly.
ScottRSullivan
View Profile
Special user
874 Posts

Profile of ScottRSullivan
Hey Robert!

Try this. In your CSS file, include this:

Quote:
/*main body wrapper*/
.content {
position:absolute; left: 250; top: 200; width: 475;
margin-left: 0px; margin-right: 0px; margin-top: 0px;
}


This is then referenced in the HTML code with the following line:

Quote:
<div class="content">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</div>


This code will position your body text within the white box. All you'll have to do for the menu is change the ".content" tag with ".menu" or something similar and change the position numbers to the left. It would be something like 20 instead of 250.

You'll have to play with the numbers to get it to fit perfectly, but that's going to get you in the ballpark, at least.

Let me know if this at least gets you part way there! If not, we'll get this working one way or another!

Scott
RobertBloor
View Profile
Inner circle
The Socialist Republic of the USA.
1051 Posts

Profile of RobertBloor
Scott,

That may be exactly what I've been looking for.

Biggest problem has been that the navigation bar starts to wander down the page when enough text is input. I think what you gave me will essentially anchor the navigation where I want it to be.

Will play around with it. Thanks.

-Robert
"That whenever any Form of Government becomes destructive of these ends, it is the Right of the People to alter or to abolish it, and to institute new Government,"
-The Declaration of Independence
RobertBloor
View Profile
Inner circle
The Socialist Republic of the USA.
1051 Posts

Profile of RobertBloor
Scott,

That only half way worked. I've got the nav staying put now. And the left margin lines up. But if I do anything to the right margin it throws the whole page out of wack.


-Robert
"That whenever any Form of Government becomes destructive of these ends, it is the Right of the People to alter or to abolish it, and to institute new Government,"
-The Declaration of Independence
RobertBloor
View Profile
Inner circle
The Socialist Republic of the USA.
1051 Posts

Profile of RobertBloor
Okay - I think I'm getting it. Slowly but surely.

Thanks for that tip Scott.

web design sucks.

Robert
"That whenever any Form of Government becomes destructive of these ends, it is the Right of the People to alter or to abolish it, and to institute new Government,"
-The Declaration of Independence
RobertBloor
View Profile
Inner circle
The Socialist Republic of the USA.
1051 Posts

Profile of RobertBloor
It's official - I got it to work.

Just please don't ask me what I did cause I honestly don't know. But somehow, it works.

Thanks to everyone for your tips!

-Robert
"That whenever any Form of Government becomes destructive of these ends, it is the Right of the People to alter or to abolish it, and to institute new Government,"
-The Declaration of Independence
ScottRSullivan
View Profile
Special user
874 Posts

Profile of ScottRSullivan
Glad you got it to work!

I realize I forgot to add the right margin to keep it from going too far right.

Basically, think of creating different "containers" and placing them with the "position:absolute" comment. Feel free to pull apart my Reels in Motion site, since it is "held together" with this technique.

My hat is off to you for getting it working!

Scott
The Magic Cafe Forum Index » » Not very magical, still... » » Need A Website Guru ASAP! (0 Likes)
[ Top of Page ]
All content & postings Copyright © 2001-2022 Steve Brooks. All Rights Reserved.
This page was created in 0.02 seconds requiring 5 database queries.
The views and comments expressed on The Magic Café
are not necessarily those of The Magic Café, Steve Brooks, or Steve Brooks Magic.
> Privacy Statement <

ROTFL Billions and billions served! ROTFL