DesignersLounge - Digital Art Forum
 
 
LoginUser Control PanelPrivate Messages
Welcome Guest! You are welcome to browse, though you'll need a free account to post.
Need Help Please!?
Track Thread
 
Report Post
Posted: 06/02/05 07:55:32pm
Hey ya'll. I havn't been around on the boards lately cuz of school, but I had a project handed to me that I would like to be able to complete.

Here's the website:

http://www.ditcomp.com/soundguard/test.shtml

I took the advice last time I was here about the SSI, and it works really well! Thanks for that tip!

But, now I'm trying to figure out the best way to work with the main body where the text is going to go.

I've been pondering an iFrame, but I've heard that you don't want to use iFrames and that they should be avoided whenever possible.

Any help would be greatly apprieciated!! Thanks!

-Derek
Quote Post
Message
 
 
Report Post
Posted: 06/02/05 08:02:46pm
QUOTE (Send_Derek @ Jun 2 2005, 09:55 PM)
I've been pondering an iFrame, but I've heard that you don't want to use iFrames and that they should be avoided whenever possible.

I am NOT a web designer at all... However, I designed my web site myself and used Iframes and I like them.

It's easy to use since I often change the different sections of my site... I add sections, I remove some too so I only have to make one change on the index page.

So... Why should iframes be avoided?

And sorry, as you can see, I can't help you... I would have suggested iframes... lol!

Sophie.
Quote Post
Message
MSN/Live Msg
 
 
Report Post
Posted: 06/02/05 08:12:07pm
Well, thanks for the help first of all! That was really quick! I really apprieciate that!

Anyways... I've just HEARD to avoid 'em. If they would be good to use in this situation, then I'll do it!

I build my website once off of iFrames and it turned out really bad. I was just hoping there was a different way to go. I keep hearing something about <div> .

I'll be excited to see what other suggestions will be! Thanks guys!
Quote Post
Message
 
 
Report Post
Posted: 06/03/05 08:54:34am
If you have a <div> with a set height and width, with it's overflow property set to 'auto' then you will have a 'better' iframe. (except you can't specify where the content comes from)

for instance:

you have this css:

CODE
#content {
  width:300px;
  height:200px;
  overflow:auto;
}


then in your html you have this where you content should go:

CODE
<div id="content">here is where your content goes blah blah blah blah. yada yada yada yada.</div>


and when your content gets to be more than what fits in the 200px, it will have a scrollbar for you to scroll up and down within the box.

Hope that makes sense smile.gif
Quote Post
Message
 
 
Report Post
Posted: 06/03/05 08:57:45am
That looks like it's exactly what I'm going to do! Thanks a TON! I'll give it a try and see what happens. smile.gif
Quote Post
Message
 
 
Report Post
Posted: 06/03/05 09:52:42am
Alright... I tried it, but what am I doing wrong? The scroll bars don't show up!
Quote Post
Message
 
 
Report Post
Posted: 06/03/05 10:00:49am
First of all, you really need to sort out your HTML, you have multiple <html> tags :s

Secondly i couldn't see where you had the css?

you have to give the div a set height (say 200px; depending on the size of your content box), and set the overflow to auto.
Quote Post
Message
 
 
Report Post
Posted: 06/03/05 10:10:37am
lol!

I know I really need to clean up my HTML. I just don't know what I can get rid of and what I can keep.

Here's the HTML code:
CODE

<HTML>
<TITLE>SoundGuard Online :: </TITLE>
<link href="/soundguard/stylesheet.css" rel="stylesheet" type="text/css">
<BODY>
<div align="center" class="page">
 <p>&nbsp;</p>
 <TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
  <TR>
   <TD COLSPAN=13>
   <!--#include virtual="/soundguard/SGheader.htm"-->
    </TD>
  </TR>
 
  <TR>
  <!--#include virtual="/soundguard/menuitems.htm"-->
  </TR>
  <TR>
   <TD COLSPAN=4 ROWSPAN=3>
    <IMG SRC="/soundguard/images/index_10.jpg" WIDTH=40 HEIGHT=379 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/index_11.jpg" WIDTH=4 HEIGHT=21 ALT=""></TD>
   <TD COLSPAN=6>
    <IMG SRC="/soundguard/images/index_12.jpg" WIDTH=721 HEIGHT=21 ALT=""></TD>
   <TD COLSPAN=2 ROWSPAN=3>
    <IMG SRC="/soundguard/images/index_13.jpg" WIDTH=35 HEIGHT=379 ALT=""></TD>
  </TR>
  <TR>
   <TD height="340" COLSPAN=7 align="left" valign="top" bgcolor="#4f4f4f" class="mainbody">   <div align="center" class="style1">
  <div id="content">
  here is where your content goes blah blah blah blah. yada yada yada yada.here is where your content goes blah blah blah blah. yada yada yada yada.
  </div>
   </TD>
  </TR>
  <TR>
   <TD>
    <IMG SRC="/soundguard/images/index_15.jpg" WIDTH=4 HEIGHT=18 ALT=""></TD>
   <TD COLSPAN=6>
    <IMG SRC="/soundguard/images/index_16.jpg" WIDTH=721 HEIGHT=18 ALT=""></TD>
  </TR>
  <TR>
   <TD>
    <IMG SRC="/soundguard/images/index_17.jpg" WIDTH=6 HEIGHT=16 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/index_18.jpg" WIDTH=3 HEIGHT=16 ALT=""></TD>
   <TD COLSPAN=11>
    <IMG SRC="/soundguard/images/index_19.jpg" WIDTH=791 HEIGHT=16 ALT=""></TD>
  </TR>
  <TR>
   <TD>
    <IMG SRC="/soundguard/images/spacer.gif" WIDTH=6 HEIGHT=1 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/spacer.gif" WIDTH=3 HEIGHT=1 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/spacer.gif" WIDTH=19 HEIGHT=1 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/spacer.gif" WIDTH=4 HEIGHT=1 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/spacer.gif" WIDTH=60 HEIGHT=1 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/spacer.gif" WIDTH=145 HEIGHT=1 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/spacer.gif" WIDTH=140 HEIGHT=1 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/spacer.gif" WIDTH=122 HEIGHT=1 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/spacer.gif" WIDTH=134 HEIGHT=1 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/spacer.gif" WIDTH=120 HEIGHT=1 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/spacer.gif" WIDTH=14 HEIGHT=1 ALT=""></TD>
   <TD>
    <IMG SRC="/soundguard/images/spacer.gif" WIDTH=21 HEIGHT=1 ALT=""></TD>
  </TR>
 </TABLE>
</div>
</BODY>
</HTML>


Here's the CSS:
CODE

#content
{
background-color: #4f4f4f;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #FFFFFF;
        width:300px;
        height:200px;
        overflow:auto;
}


I just copy/pasted directly from dreamweaver's code view.
Quote Post
Message
 
 
Report Post
Posted: 06/03/05 10:11:25am
I found this cool link:

http://www.domedia.org/oveklykken/css-div-scroll.php

I tried that and it didn't work either... I think it's just me being an idiot and not knowing how this is done! lol detective.gif
Quote Post
Message
 
 
Report Post
Posted: 06/03/05 10:17:29am
When I create a web site with Iframes, I do it like this...

Design the template in Photoshop, then cut it myself and do the HTML myself too. It is a lot easier because I can mesure things easily...

For my Iframe, to make sure it fits perfectly and is the right size, I make the background exactly the right size and mesure it. Then, in my HTML, I add the size of the Iframe based on the width of the background I use...

It's kinda complicated to explain but super easy to do...

You are welcome to go to y site and steal my code if you like! It is SUPER simple!

Sophie.
Quote Post
Message
MSN/Live Msg
 
 
Report Post
Posted: 06/03/05 10:35:33am
Thanks sophie!

But I'd rather use this <div> thing! lol. Thanks anyways!
Quote Post
Message
 
 
Report Post
Posted: 06/03/05 11:34:33am
try this:

http://roryfranklin.com/temp/testsite.zip


edit: i had to re slice some images.
Quote Post
Message
 
 
Report Post
Posted: 06/03/05 03:57:51pm
!!!!!!

THIS IS GREAT MAN!! Thanks SO MUCH! I'm gonna play around with it and learn!
Quote Post
Message
 
 
Report Post
Posted: 06/04/05 01:17:39am
n/o but rory doesnt sound male biggrin.gif
Quote Post
Message
 
 
Report Post
Posted: 06/04/05 04:17:48am
Pffft, i am Male.
Quote Post
Message