Some website size questions

Ah, because I need to do .redlink:link {color: yellow}

I’ll try and wait a minute before I post my inane questions, I seem to be answering them right after I post. :stuck_out_tongue:

Feel free to help with the iframe question though.

The more I look at your page the more I think an iframe isn’t necessary at all. You want that blue background to fit with your content, sans scrollbars, correct? And since the the background is just a colour you don’t have transparency to deal with. So why not just type out whatever your content is into the <TD> cell?

Dumb question, but how would I load the new content into the TD cell when I click on, say, “contact us”?

I suppose I could have it load a new html page with the same exact table and images, but with the new content in the second cell. Wouldn’t just filling in the iframe be more efficient then reloading everything? I know it would be in the cache, but that would still seem a little strange to me.

Iframe - load one file
Reload new page - load several files

What are your thoughts?

SSIs - Server Side Includes. In short, if the web site is built from SSIs, all you need to do is change the content SSI for each page, all other parts being equal.

Of course, if you have the ability to operate a database-driven site, all the better.

Huh? :confused:

Was that english? :stuck_out_tongue:

Right now, the iframe is kicking every other method’s ass, simple because I understand it. I’ll check out the SSI stuff and see if it makes any sense.

A word about CSS:

You should definitely use it. Screw tables, which is exactly what I told in the last thread you started about your site.

However, for the time being, you should use the properties listed in the CSS 2.1 Recommendation.

Neither of the two main browsers supports all of either CSS 1 or CSS 2 (although IE5 for Mac was reportedly 99% compatible with CSS1), so the W3C came up with the CSS 2.1 standard to reflect prevailing usage. MSIE is particularly behind in supporting some of the better CSS 2 visual style capabilities, and does not support all of 2.1, even.

For this reason, the W3C is publishing the CSS 3 Recommendation in modular form. That way, browser suppliers can say “our browser supports CSS 3 modules x, y, and z”, and you can be sure which features it supports.

For the moment, stick to 2.1, since I don’t think ANYONE has re-tooled their browser for any of the new features in the Level 3 modules yet.

Google on “CSS compatability” to find which browsers support what.

Once my head has healed from the just exploding, I’ll check this stuff out. :wink:

What I’m thinking of doing is continuing in the direction I’m headed now, then going back and recoding it, because hopefully I’ll have a better understanding. For example, the DIV tag finally makes sense to me. Hopefully I’ll soon be at a higher level to better appreciate your advice.

IGNORE WHAT I SAID about not using the iframe!

I had totally forgotten how you wanted your naviation to work (ie, having the new content load in the center panel). Very sorry for my increasing your confusion. Yes, this is what the iframe will do, so keep the iframe.

Hahaha, poor World Eater, this thread is turning crazy :stuck_out_tongue:

Hey hey guys, things we’re going smoothly for a few days there, I bet you thought you were rid of me. :smiley:

http://www.subtechbeats.com/final.html

If you look at the site, the black stripe that says “the latest” (which is for the news) is a small graphic. The idea is that if you go to contacts, it will say something like “email us”, you got to Links it will say something like “check out our friends”, etc, etc.

The site is a simple table.

The Subtech grafitti graphic is in the top tablecell. Then the menu, then the “stripe”, the black graphic with “the latest”, and finally the Iframe named “mainview”.

Here’s the problem. When you click on, say, contact us, it says load the contacts.html into “mainview”. So far so good, but now how do I switch out the stripe? (I need to switch the graphic from the latest to contact us or something) It’s in another tablecell, and it’s an image.

I decided why don’t I put it inside the html file that gets pulled into my iframe, and it works except for one problem. The margins and padding and crap. I want my text to have a margin and be padded, but I want this image to line up flush against the side. I need to make a different body class or something, just for the image. I tried, but cant get it to work.

Little help?

Simplest approach - Your stripe needs to be on the same page as the content.

Not gonna work if he’s just using one page and an iFrame.

World Eater, why ARE you using an iFrame, anyway? All your pages are different files…does your server not allow server-side includes?

Anyway, if you are planning on using just two files for your entire site (the layout and the iFrame content) if you want the “black” image to switch “onClick” of one of the other images, you’re going to have to use JavaScript, like this one to make an onClick event on the nav buttons to switch out the black image when a nav button is clicked.

I think you’re making this too hard on yourself. Use a SSI header and footer instead, and make different files for each of your pages.



<!-- #include file=header.html -->
<this is your title image>
<this is your content>
<!-- #include file=footer.html -->


Not sure why all the jazz about the iFrame.

Sure can.

But it’s easier with SSIs.

That’s what I did, but I need the margin and padding to affect only the content, not the image. How do I do that?

Because an Iframe makes sense to me, SSI makes no sense to me. To be honest, I never even heard of them before this thread.

Can I stick the java code inside an image map?

Unfortunately the simple code above doesn’t even make sense to me. In which html file does this go? My index.html?

I appreciate the help.

He’s using an iframe because it’s an easy way to accomplish what he wants to do without the need to learn scripting! :smack:

Ditto for the table instead of css.

Ok, if you click on the “contact us” button you’ll see what I’m talking about. I need the image to line up left, but the text to stay padded. I was trying to make an a CSS exception for the image, but then I figured why don’t I apply the CSS only to the text.

I need to know more about CSS body tag. Can I have 2 different body “configurations”?

I’ve seemed to narrow the problem down to the iframe.

When I do <IMG SRC=“stripe.jpg”> normally (like in the table cell, or in ust a plain html doc), it lines up along the edge fine.

When it’s inside the iframe it’s getting shoved over about 10 pixels. Is there some padding attribute to the iframe whos default I need to override?

Anger…rising

Ok, I figured out the stupid iframe trick :slight_smile: however don’t all rejoice at once, there’s still a problem.

With the iframe, I needed to make the MARGINWIDTH=“0” :smack:

Shouldn’t it default to zero, and if I want a margin I add one?

Anyway, he’s the new problem, and hopefully the last thing, I’m in the home stretch here.

How do I do the CSS to make the body margin, padding, etc affect only the text? The image and text are acting as one right now, I need to split them up.

Ok, I came up with a solution, it’s not elegant but it does the job. The html page that loads into the iframe has an image (the stripe), and then a one cell table which contains all the content. I turn on cell padding, and voila, all the text gets knocked over 20 pixels, yet the image stays right where it is.

Problem solved. :slight_smile:

I’m away from the internet for about a week (I’m just using this in my hotel room for the moment). When I’m back home I promise you I shall return to this thread. :cool: