www.webdeveloper.com
Page 1 of 2 12 LastLast
Results 1 to 15 of 20

Thread: I need help with a layout.

  1. #1
    Join Date
    Mar 2005
    Posts
    19

    I need help with a layout.

    Well, my site usually uses Frames, but I wanted to organize everything in a table, so I put in an Iframe, I can't change the size of them, I don't know why, I want the area with the content to be wider, and the area with the links to be thinner. I'm really puzzled, can anyone help?

  2. #2
    Join Date
    Mar 2005
    Posts
    253

    Alternative to Tables/Iframes

    Quote Originally Posted by BBC_Rey
    Well, my site usually uses Frames, but I wanted to organize everything in a table, so I put in an Iframe, I can't change the size of them, I don't know why, I want the area with the content to be wider, and the area with the links to be thinner. I'm really puzzled, can anyone help?
    If you are looking to progress, moving to tables and inline frames is not the answer. Using frames isn't completely bad; however, it can be replaced by server side includes, which gives access to users whose browsers don't support frames.

    As for answering your question, the inline frame can easily be re-sized via the style attribute:
    HTML Code:
    <iframe ... style="height:400px;width:80%"> </iframe>
    However, I will reiterate that moving towards tables and inline frames is worse than using frames themselves. I owuld suggest instead a move towards CSS and towards a server side solution.
    Last edited by js_prof_cons; 03-26-2005 at 09:42 AM. Reason: To title post

  3. #3
    Join Date
    Mar 2005
    Posts
    19
    I don't know that yet xD, I'll learn it, I'm just a beggener at layouts, but thats for the info, I will take your advice, thanks ^^.

    Edit:

    It still won't change its size... *sigh*
    Last edited by BBC_Rey; 03-26-2005 at 09:27 AM.

  4. #4
    Join Date
    Mar 2005
    Posts
    253

    Width Attribute

    Quote Originally Posted by BBC_Rey
    It still won't change its size... *sigh*
    Using the width attribute of the style property should allow you to do this, as the width attribute can be assigned a percentage value. I'd be interested in seeing the code you are using. As far as I tested (both MSIE and Firefox), the width attribute of the style property is supported in an inline frame for both browsers.
    Last edited by js_prof_cons; 03-26-2005 at 09:46 AM. Reason: To add test results

  5. #5
    Join Date
    Mar 2005
    Posts
    19
    Well, here is the link to the layout, be aware, the layout sucks...
    :

    http://free.hostultra.com/~HolyRey/Old%20Layout.php

    the code?

    <HTML>
    <HEAD>
    <BODY STYLE="background-image: url(http://img.photobucket.com/albums/v356/ShadowRey/Graphics/Cavy2.jpg)" TEXT="#FFFFFF" Face="verdana" LINK="#FFFFFF" VLINK="#3SDFS23" ALINK="#FF0000">
    </Body>
    <title>Beyblade Chronicles:// Data Comission</title>
    <TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0">
    <TD><img src="http://img.photobucket.com/albums/v356/ShadowRey/Graphics/BBCMainBanner.png" alt="Beyblade Chronicles://Data Comission">
    </TD>
    <TR>
    </TR>
    <TD>
    <IFRAMES Scrolling="no" style="height:400px;width:100%">
    <IFRAME SRC="http://free.hostultra.com/~HolyRey/Linkstobe.php" NAME="left">
    <IFRAME SRC="http://free.hostultra.com/~HolyRey/Updatesc.html" NAME="right">
    </IFRAME>
    </TD>
    <TR>
    </TR>
    <TD>
    <img src="http://img.photobucket.com/albums/v356/ShadowRey/Graphics/DOPE.png" alt="">
    </TD>
    <TR>
    </TR>
    </Table>
    </HEAD>
    </HTML>
    Thats it, if there is anything wrong with it, jut tell me, or edit it..

  6. #6
    Join Date
    Mar 2005
    Posts
    253
    1) You have <iframes ...> in one place, rather than <iframe ...>.
    2) In the 2nd and 3rd iframes, the one I suppose you want to change the width of, you have no style="width:xx%" attribute.

    I didn't look at the site, as I feel I need not at this time. If you are unable to get the above things corrected, I will be willing to take a glance.

  7. #7
    Join Date
    Mar 2005
    Posts
    19
    If I leave it IFrame there instead of IFrames then this big gigantic (yeah not a real word..) box of white pops up, and there only two Iframes... I want to change the Right Iframe, make it spread out, but it won't...

  8. #8
    Join Date
    Mar 2005
    Posts
    253
    Add the style="width:80%" to the right, and style="width:18%" to the left. Always leave 2% just in case of MSIE.

  9. #9
    Join Date
    Mar 2005
    Posts
    19
    It doesn't work =/....

  10. #10
    Join Date
    Mar 2005
    Posts
    253
    Leave the changes so they can be seen online. Otherwise, I can't see what results yield, compared to what you want. In addition, I should add you have used a copyright infringement, calling your site the BBC, when the real BBC -- British Broadcasting Corporation -- is copyrighted.

  11. #11
    Join Date
    Mar 2005
    Posts
    19
    =_=, Um ok, I can just use BBChronicles then.... Never heard of them... Sorry, people from the real BBS. And ok.

  12. #12
    Join Date
    Mar 2005
    Posts
    253
    Maybe one other point of note. Your discalimer has ECT. The abbreviation for the Latin phrase et cetera is etc. Just thought I'd point that out, since you might have to chnage that disclaimer.

    Still looking to see the style code added.

  13. #13
    Join Date
    Mar 2005
    Posts
    19
    Ok, thank you for pointing that out.

  14. #14
    Join Date
    Mar 2005
    Posts
    253
    Hmm. What is the purpose of your <iframes ... > tag? Also, the style="width:xx%" code goes in an <iframe> tag, not that <iframes> thing you have.

  15. #15
    Join Date
    Mar 2005
    Posts
    19
    I explained it before, when I tke out the S, a big box pops up, but that box follows the code of the tag, which is weird, but the other iframe doesn't...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles