Solved

Window Size

Posted on 2000-03-20
12
190 Views
Last Modified: 2011-09-20
Hello, please take a look at:
http://ejmidi.bizland.com

If you look at my web in a small window, it will not display well. How can I solve that problem ?,
0
Comment
Question by:win32
  • 5
  • 4
  • 2
  • +1
12 Comments
 
LVL 8

Expert Comment

by:jbirk
Comment Utility
Well, perhaps you can reduce the size of the center table and graphic/banner to buy some space, but I think the biggest problem are the frames.  If you could somehow take the info from the side frames and encorporate it into the center frame (above or below the main table), it might work a little better.

-Josh
0
 
LVL 3

Expert Comment

by:davlun20080
Comment Utility
Do as Josh suggests, and for the center table, put each song title in a 2 row span which will allow you to put 3 choices on 2 lines for your descriptive options.

davlun
0
 

Author Comment

by:win32
Comment Utility
Year you are right, but I also want the rightside text & the MIDIs at the same time, then you can both DOWNLOAD MIDI, and read some text at the same time.

It displayes well in 1024*768 or higher
0
 
LVL 1

Expert Comment

by:red117
Comment Utility
when creating a web page you should really make sure you design your web page for 640 x 480.  that is how most web developers design their pages, if this is a problem as when you look at it in 1024 x 768, it doesnt look well, i would make the changes to make them look right in both resolutions, and have an opening page which has people pick a resolution they which to view the page in and have the pages on the server both ways.

0
 
LVL 8

Expert Comment

by:jbirk
Comment Utility
Actually 800X600 is the standard now.  Few people actually use 640X480 anymore and those who do should be used to seeing web pages that don't fit.  New computers now are coming with 17 inch monitors standard, and the native is around 1024X768 or 1280X1024, but lots of laptops still use only 800X600, and some of the older computers with 15 inch monitors as well...

-Josh
0
 
LVL 3

Expert Comment

by:davlun20080
Comment Utility
Copy and paste this into your editor of choice, if you put it into the same folder as your other files, the pictures will probably work as well.  This is a quick sample, in one big table to show how it could look (better with some more tweaking of course) and will remove the left frame altogether.  It will fit a number of screen sizes, the last column will expand to fill the page.

<html>
<head>
<title>Elton John's MIDI Collection</title>
<meta name="GENERATOR" content="Text Editor">
<META NAME="KeyWords" CONTENT="Elton John MIDI Collection, Elton John Midi,Elton John,Elton John Music, pop, rock, MIDI">
<META NAME="Description" CONTENT="The Elton John MIDI Collection is A Large Collection of Elton John MIDI files for FREE. There is over 380 MIDI files, so If you're a fan of Elton Johns Music this is the right place !">

</head>

<BODY bgcolor="#000000" text="#FFFFFF" link="#FF8040" vlink="#FF8040">
<SCRIPT LANGUAGE="JavaScript">
            <!--
            var now = new Date();
            var urlOfNewPopUp= "http://adbanners.bizland.com/ShowPopUpAd.mpl";
            var popupName = "BizLandPopup";

            if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 3))
            {
                  var popup = window.open("", popupName, 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=614,height=96');
            } else {
                  var popup = window.open("", popupName, 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=634,height=90');
            }
            
            popup.location = urlOfNewPopUp;
            // -->
            </SCRIPT>
<table border="1" width="100%" bordercolor="#000000" cellspacing="0" cellpadding="0" bordercolorlight="#C0C0C0">
  <tr>
    <td width="450" colspan="5">
      <center>
        <img src="logo.jpg">
      </center>
    </td>
  </tr>
  <tr>
    <td width="2250" colspan="5">
      <table width="99%" border="0" cellspacing="4">
        <tr>
          <td height="5"><font face="Arial,Helvetica"><font size=-1><b> <a href="news.htm">News</a>
            </b></font></font></td>
          <td height="5"><font face="Arial,Helvetica"><font size=-1><b><a href="support.htm">Support</a></b></font></font></td>
          <td height="5"><font face="Arial,Helvetica"><font size=-1><b><a href="about.htm">About
            the collection</a></b></font></font></td>
          <td height="5"><font face="Arial,Helvetica"><font size=-1><b><a href="links.htm">Links</a></b></font></font></td>
          <td height="5"><font face="Arial,Helvetica"><font size=-1><b><a href="about_web.htm">About
            this web</a></b></font></font></td>
          <td height="5"><font face="Arial,Helvetica"><font size=-1><b><a href="stats.htm">Web
            status</a></b></font></font></td>
          <td height="5"><font face="Arial,Helvetica"><font size=-1><b><a href="mail_list.htm">Mailing
            list</a><img src="new.gif" align="absmiddle"></b></font></font></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td width="450" colspan="5" bgcolor="#000099"> <strong>A </strong> <br>
      <font size=-2> <a href="a.htm">A</a> <a href="b.htm">B</a> <a href="c.htm">C</a>
      <a href="d.htm">D</a> <a href="e.htm">E</a> <a href="f.htm">F</a> <a href="g.htm">G</a>
      <a href="h.htm">H</a> <a href="i.htm">I</a> <a href="j.htm">J</a> <a href="k.htm">K</a>
      <a href="l.htm">L</a> <a href="m.htm">M</a> <a href="n.htm">N</a> <a href="o.htm">O</a>
      <a href="p.htm">P</a> <a href="q.htm">Q</a> <a href="r.htm">R</a> <a href="s.htm">S</a>
      <a href="t.htm">T</a> <a href="u.htm">U</a> <a href="v.htm">V</a> <a href="w.htm">W</a>
      <a href="y.htm">Y</a> <a href="z.htm">Z</a> <a href="mid.htm"> [ALL]</a>
      </font></td>
  </tr>
  <tr>
    <td width="175"><strong>Title</strong></td>
    <td width="100"><strong>Midi file</strong></td>
    <td width="100"><strong>Lyric</strong></td>
    <td width="100"><strong>Year</strong></td>
    <td rowspan="13" valign="top"><font color="#3366FF">
      <h3>The EJ MIDI Collection</h3>
      </font><font color="#3366FF"></font> <font face="Arial,Helvetica"><font size=-1>
      <font color="#CC33CC"><b>This web aims: <br>
      To be the largest collection of Elton John MIDI files !</b></font>
      <p><font color="#CC33CC"><b></b> </font> All over the world there are many
        Elton John fans, I am one of them. When you surfe the internet for Elton
        John MIDI files, you'll not find many large collections of Elton's music,
        that is why I am building this site. I really think that Elton is the
        best piano player in the world and therefore I want to share some of Elton's
        incredible works with you. I am building a huge database of Elton John
        MIDIs, that can be downloaded for FREE. I'll do my best in building up
        this homepage, but I also need YOUR HELP to keep it updated.
      <p> <font color="#CC33CC"><b>I am trying to make a great web-site with all
        <a href="http://www.eltonjohn.com/" target="_BLANK">Elton's</a> music
        and I hope that you will enjoy his masterpieces as much as I do. </b></font>
      </font></font></td>
  </tr>
  <tr>
    <td rowspan="2" width="175">Abide With Me</td>
    <td width="100" height="40"><a href="abide with me (4 voices).mid"><img src="midi.gif"></a><br>
    </td>
    <td width="100" height="40"><a href="http://ej.kylz.com/songs/abide.with.me.html" target="_BLANK"><img src="lyric.gif" width="38" height="13"></a></td>
    <td width="100" height="40">1997</td>
  </tr>
  <tr>
    <td width="100" height="40"><font size="-2">High Quality Midi</font></td>
    <td width="100" height="40"><font size="-2">Slow Style Song</font></td>
    <td width="100" height="40"><font size="-1">Is this and EJ Song?</font></td>
  </tr>
  <tr>
    <td rowspan="2" width="175">Abide With Me (piano)</td>
    <td width="100" height="40"><a href="abide with me (piano).mid"><img src="midi.gif"></a></td>
    <td width="100" height="40"><a href="http://ej.kylz.com/songs/abide.with.me.html" target="_BLANK"><img src="lyric.gif" WIDTH="38" HEIGHT="13"></a></td>
    <td width="100" height="40">1997 </td>
  </tr>
  <tr>
    <td width="100" height="40"><font size="-2">High Quality Midi</font></td>
    <td width="100" height="40"><font size="-2">Slow Style Song</font></td>
    <td width="100" height="40"><font size="-1">Is this and EJ Song?</font></td>
  </tr>
  <tr>
    <td rowspan="2" width="175">Act Of War</td>
    <td width="100" height="40">&nbsp;</td>
    <td width="100" height="40"><a href="http://ej.kylz.com/songs/act.of.war.html" target="_BLANK"><img src="lyric.gif" width="38" height="13"></a></td>
    <td width="100" height="40">1985</td>
  </tr>
  <tr>
    <td width="100" height="40">&nbsp;</td>
    <td width="100" height="40">&nbsp;</td>
    <td width="100" height="40">&nbsp; </td>
  </tr>
  <tr>
    <td rowspan="2" width="175">Ain't Nothing Like The Real Thing</td>
    <td width="100" height="40"><a href="aint nothing like the real thing.mid"><img src="midi.gif"></a></td>
    <td width="100" height="40"><a href="http://ej.kylz.com/songs/anltrt.html" target="_BLANK"><img src="lyric.gif" width="38" height="13"></a></td>
    <td width="100" height="40">1993</td>
  </tr>
  <tr>
    <td width="100" height="40">&nbsp;</td>
    <td width="100" height="40">&nbsp;</td>
    <td width="100" height="40">&nbsp; </td>
  </tr>
  <tr>
    <td rowspan="2" width="175">Amen</td>
    <td width="100" height="40">None</td>
    <td width="100" height="40"><a href="http://ej.kylz.com/songs/amen.html" target="_BLANK"><img src="lyric.gif" width="38" height="13"></a></td>
    <td width="100" height="40">1994</td>
  </tr>
  <tr>
    <td width="100" height="40"><font size="-2">Low Quality Midi</font></td>
    <td width="100" height="40">&nbsp;</td>
    <td width="100" height="40">&nbsp;</td>
  </tr>
  <tr>
    <td rowspan="2" width="175">Amneris' Letter</td>
    <td width="100" height="40">&nbsp;</td>
    <td width="100" height="40"><a href="http://ej.kylz.com/songs/amneris.letter.html" target="_BLANK"><img src="lyric.gif" width="38" height="13"></a></td>
    <td width="100" height="40">1998</td>
  </tr>
  <tr>
    <td width="100" height="40">&nbsp;</td>
    <td width="100" height="40">&nbsp;</td>
    <td width="100" height="40">&nbsp;</td>
  </tr>
  <tr>
    <td width="175">Amoreena</td>
    <td width="100" height="40">&nbsp;</td>
    <td width="100" height="40"><a href="http://ej.kylz.com/songs/amoreena.html" target="_BLANK"><img src="lyric.gif" width="38" height="13"></a></td>
    <td width="100" height="40">1970</td>
    <td valign="top"><font face="Arial,Helvetica"><font size=-1><b><img src="ej1.jpg"></b></font></font></td>
  </tr>
  <tr>
    <td width="175"><img src="transparent.gif" width="150" height="1"></td>
    <td width="100"><img src="transparent.gif" width="100" height="1"></td>
    <td width="100"><img src="transparent.gif" width="100" height="1"></td>
    <td width="100"><img src="transparent.gif" width="100" height="1"></td>
    <td valign="top"><font face="Arial,Helvetica"><font face="Arial,Helvetica"><font size=-1><b><a href="http://www.eltonjohn.org/cgi-bin/topsites/topsites.cgi?ID=49" target="_BLANK"><img src="http://www.eltonjohn.org/images/topsites.gif" border=0 width=90 height=85></a></b></font></font><font size=-1></font></font></td>
  </tr>
</table>

</body>
</html>


Let me know what you think,
David
0
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 

Author Comment

by:win32
Comment Utility
To David

Wohh you realy did a grate job !! The look of it is cool  !. Impressed !

What will hapen if you press B,C, or any of the links ??

I love your layout !
But I will need a more dynamic web-page. If you press the B link, then you can see the B??? songs. Then you will have to change all those tables A..Z, and COPY your layout to all the HTML pages on the web! NOT, but I can't figure out how to do the dynamic HTML programming, I'm not realy into it, how is it done ??

Also, I've listed all the songs in table. This is NOT the way it is done. I've got to make a Database, and then genereate the Tables directly from the Database !, how is that done ??

0
 

Author Comment

by:win32
Comment Utility
And I can also point one bad thing out about using FRAMES !

Some of the people who visit my site goes to:
http://ejmidi.bizland.com/top.htm

Sure it is a web page ! But it realy can't be used for anything. It is just the logo.

That could never hapen, if I skiped the frames !!
0
 
LVL 3

Expert Comment

by:davlun20080
Comment Utility
Well if you are pulling from a database, copy out the the section that list all of your songs and build that as it's own table, like the navigation at the top which is in a separate table.  Use your cgi or whatever method you are calling to get your data to build a table and insert it into the center column of your table.  Let me know if this doesn't make sense and if not let me know how you are extracting your data as well so I can try to build you an example.

As to the links, some of your scripts are on the page I built just because I copied and pasted, but I do not know if they will work.  In theory, if all of your scripts are there, they will work like before (you many need to adjust the calls since they are all on one page now).

davlun
0
 

Author Comment

by:win32
Comment Utility
The problem is. Right now I am not using a database, but I will in the future !

You've put a table , with the MIDIs like this

TABLE<..> <!-- MIDI Table -->
...
TABLE</..>

Then there is some other tables that is going to remain on the page. About Table, and also the link table. That is all grate. But how do I modify "areas" of a HTML doc.

When I press B, I'll have to delete the old A table and put a B table instead !!

How would you do that ??
I want the same "About my web" and "link" table on all the web pages. A,B..Z That is about 20 HTML files. Then I will have to Copy the static tables into all those files ???

** Also it's not esy to discuss, because of the delay of the e-mail & stuff. You think wee can go to a chat room like Microsoft/Chat ? It would be esyer for you to explain your idea !!
0
 
LVL 3

Accepted Solution

by:
davlun20080 earned 10 total points
Comment Utility
Well if you are not using a database at the moment, just build a page for each letter of the alphabit.  Not as hard as it sounds if you place all the songs in their own table, then just swap out the nested table as needed to keep your layout correct.  

If using asp, you could build one big master page if you will and onClick submit the page to the server, filter the files by letter and return to asp.  If you want to learn asp, it is fairly simple, I am going through Beginning Active Server Pages from Wrox press right now, it is a fairly easy to read book.  For free asp hosting, go to http://www2.ewebcity.com/home/index.asp.

As for the chat, I don't think will be much further help, my solution on things like this is too build a separate page for everything, that is why I have been learning asp, so I can get out of that.

davlun
0
 

Author Comment

by:win32
Comment Utility
Thanks Ok, I'll look at asp !
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
HTML table 7 54
ust html in ms/access WebBrowswer 11 41
Joomla main HTML page 4 45
jquery light box autoplay video getuikit 5 45
Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now