View Single Post
Old 01-08-2013, 03:00 PM   PM User | #6
rleahong
New Coder

 
Join Date: Jul 2010
Posts: 30
Thanks: 0
Thanked 0 Times in 0 Posts
rleahong is an unknown quantity at this point
This is the full Information you requested. I have deviated a little to explain the whole matter so you would not be confused ( I hope ) when you see everything at once.



The "SRCHFORM" div was placed at the bottom of web page originally with CSS property
#SRCHFORM {
position : absolute;
top : 3000;
left : 5;
width : 700;

}

to make space for "ADDROYALTYCREDITOR" and "ROYALTYCREDITOR" div to appear aboce left and right respectively
using CSS property .

The "ADDROYALTYCREDITOR" and "ROYALTYCREDITOR" div was to appear above "SRCHFORM" div but below the
"ROYALTYALBUM" div when the "ROYALTY SETUP" menu link was clicked. However on clicking the "SETUP" menu
link , the "ADDROYALTYCREDITOR" and "ROYALTYCREDITOR" div did not appear, leaving me to think that the
actual height of web page needed to show the contents of these div caused it to overlap with "SRCHFORM"
div below.

Also the "SRCHCREDITOR" div which should have appeared along with the "SRCHFORM" div
( as mentioned before ) further below , did not appear.


So , with the "ADDROYALTYCREDITOR" and "ROYALTYCREDITOR" div not appearing , I decided to
change the CSS property of the "SRCHFORM" div so as to make it pop up on the Side Bar , rather than
below. It was at this point I tried to experiment with putting the "SRCHFORM" and the "RESULTS"
div within a container div inorder to let them appear side by side to the left and right of the
Web page , hence making space for the "ADDROYALTYCREDITOR" and "ROYALTYCREDITOR" div to appear
when the "ROYALTY SETUP" Menu link is clicked.

In doing so, the full ROYALTY SETUP started to display on the web page.

Now I got the problem with the "SRCHFORM" div and "RESULTS" div within the container div appearing
as in the message I posted in this CSS Forum.









Code:
%>
        <STYLE type="text/css">
        <!--
               #LOGGO{
                      background-color:#FFCCC;
                      height: 30;
                      left:  1%;
                      position: absolute;
                      top:   5;
                      width: 30%;
               }
	           #ANIMATION{
                      background-color:#FFCCC;
                      height: 30;
                      left:  30%;
                      position: absolute;
                      top:   5;
                      width: 30%;
               }
               #BANNERADS{
                      background-color:#FFCCC;
                      height: 30;
                      left:  60%;
                      position: fixed;
                      top:   5;
                      width: 40%;
               }
               #MENUBAR{
                      background-color:#FFCCC;
                      height: 30;
                      left:  1;
                      position: absolute;
                      top:   250;
                      width: 40%;
               }
              #MENU{
                      background-color:#FFCCC;
                      height: 30;
                      left:  1;
                      position: absolute;
                      top:   300;
                      width: 100%;
               }

               #ADDROYALTYCREDITOR{
                      background-color:  #FFCCC;
                      left:  50;
                      position: absolute;
                      top:   2000;
                      width: 300;
               }

               #ROYALTYCREDITOR{
                      background-color:  #FFCCC;
                      left:  500;
                      position: absolute;
                      top:   2000;
                      width: 300;
               }

               #ROYALTYSONG{
                      background-color:  #FFCCC;
                      left:  50;
                      position: absolute;
                      top:   1300;
                      width: 300;
               }

               #ROYALTYALBUM{
                      background-color:  #FFCCC;
                      left:  50;
                      position: absolute;
                      top:   1300;
                      width: 300;
               }
               

               #SRCHCREDITOR{
                      background-color:  #FFCCC;
                      left:  0;
                      position: absolute;
                      top:   4000;
                      width: 300;
	         height: 400;
               }
               #CONTAINER{
                      background-color:#FFCCC;
                      position: absolute;
	         left    :0;
                      top     :  600;
                      width   : 930;
	         text-align : left;
	         margin-left: auto;
	         margin-right: auto;
               }
               
               #BOTTOM{
                      background-color:#FFCCC;
                      float   : left;
                      position: absolute;
                      top:  600;
                      width: 600;
               }
               #SRCHFORM{
                      background-color:  #FFCCC;
                      float   : left;
                      position: fixed;
                      top:   600;
                      width: 300;
		        }

               #WIRETRANSFER{
                      background-color:#FFCCC;
                      height: 30;
                      left:   50;
                      position: absolute;
                      top:   2200;
                      width: 400;
               }

         -->    
         </STYLE> 

		 
		 
	<DIV ID="LOGGO" NAME="LOGGO">
	       <IMG SRC="business-clipart-opportunity.jpg" WIDTH="300" HEIGHT="200">
	</DIV>
	 
     <div id="BANNERADS" NAME="BANNERADS">
	      <a href="http://www.freelancer.com/affiliates/rleahong" id="ADVERTISER"><img src="NUCLEARWAR.GIF" id="BANNER" width="400" height="200"></a>		
	 </div>
    
     <DIV ID="ANIMATION" NAME="ANIMATION">
	       <IMG SRC="REGGAESITEFORSALE.GIF" ID="IMAGES" WIDTH="300" HEIGHT="200">
	 </DIV>

%>
    <DIV ID="MENUBAR" NAME="MENUBAR">
<%
     RESPONSE.WRITE("<HTML>")
     RESPONSE.WRITE("<HEAD>")
     RESPONSE.WRITE("</HEAD>")
     RESPONSE.WRITE("<BODY BGCOLOR='#FFCCC'>")

    
   %>
    </DIV>
  

%>   
    <DIV ID="MENU" NAME="MENU">
  <%
     RESPONSE.WRITE("<TABLE BORDER='10' BGCOLOR='BLUE'>")
     RESPONSE.WRITE("<TR>")
     RESPONSE.WRITE("<TD BGCOLOR='YELLOW'>")
     %>     
          <A HREF="ROYALTY.ASP?ROYALTYCREDITOR=DISTRIBUTOR"><B><FONT FACE='ALGERIAN' SIZE='8' COLOR='RED'>DISTRIBUTOR</FONT></B></A>
     <%
     RESPONSE.WRITE("</TD>")
     RESPONSE.WRITE("<TD BGCOLOR='RED'>")
     %>     
          <A HREF="ROYALTY.ASP?ROYALTYCREDITOR=PRODUCER"><B><FONT FACE='ALGERIAN' SIZE='8' COLOR='YELLOW'>PRODUCER</FONT></B></A>
     <%
     RESPONSE.WRITE("</TD>")
     RESPONSE.WRITE("<TD BGCOLOR='YELLOW'>")
     %>     
          <A HREF="ROYALTY.ASP?ROYALTYCREDITOR=WRITER"><B><FONT FACE='ALGERIAN' SIZE='8' COLOR='GREEN'>WRITER</FONT></B></A>
     <%
     RESPONSE.WRITE("</TD>")
     RESPONSE.WRITE("<TD BGCOLOR='YELLOW'>")
     %>     
          <A HREF="ROYALTY.ASP?ROYALTYCREDITOR=GROUP"><B><FONT FACE='ALGERIAN' SIZE='8' COLOR='RED'>GROUP</FONT></B></A>
     <%
     RESPONSE.WRITE("</TD>")

     RESPONSE.WRITE("<TD BGCOLOR='RED'>")
     %>     
          <A HREF="ROYALTY.ASP?ROYALTYCREDITOR=SINGER&COMMAND=<%=HCOMMAND%>&ACTION=<%=HACTION%>"><B><FONT FACE='ALGERIAN' SIZE='8' COLOR='YELLOW'><B>SINGER</FONT></B></A>
     <%
     RESPONSE.WRITE("</TD>")
    
 
     RESPONSE.WRITE("</TR>")
     RESPONSE.WRITE("</TABLE>")


     RESPONSE.WRITE("<TABLE BORDER='10'  BGCOLOR='BLUE'>")
     RESPONSE.WRITE("<TR>")
     RESPONSE.WRITE("<TD BGCOLOR='YELLOW'>")
     %>     
          <A HREF="ROYALTY.ASP?ROYALTYCREDITOR=<%=HHROYALTYCREDITOR%>&COMMAND=CALCULATE&ACTION=PRINT"><B><FONT FACE='ALGERIAN' SIZE='5' COLOR='RED'>CALCULATE ROYALTY</FONT></B></A>
     <%
     RESPONSE.WRITE("</TD>")
     RESPONSE.WRITE("<TD BGCOLOR='RED'>")
     %>     
          <A HREF="ROYALTY.ASP?ROYALTYCREDITOR=<%=HHROYALTYCREDITOR%>&OKBUTTON=FIRST&COMMAND=SETUP&DESCRIPTION=ALBUM&ROYALTYCREDITOR=DISTRIBUTOR&ALBUMCOD=4"><B><FONT FACE='ALGERIAN' SIZE='5' COLOR='YELLOW'>ROYALTY SETUP</FONT></B></A>
     <%
     RESPONSE.WRITE("</TD>")
     RESPONSE.WRITE("<TD BGCOLOR='YELLOW'>")
     %>     
          <A HREF="ROYALTY.ASP?ROYALTYCREDITOR=<%=HHROYALTYCREDITOR%>&COMMAND=EMAIL&ACTION=PRINT"><B><FONT FACE='ALGERIAN' SIZE='5' COLOR='GREEN'><B>EMAIL ROYALTY STATEMENT</FONT></B></A>
     <%
     RESPONSE.WRITE("</TD>")
     RESPONSE.WRITE("<TD BGCOLOR='YELLOW'>")
     %>     
          <A HREF="ROYALTY.ASP?ROYALTYCREDITOR=<%=HHROYALTYCREDITOR%>&COMMAND=PAYMENT&ACTION=GENERATE&PAYMENTMETHOD=PAYPAL"><B><FONT FACE='ALGERIAN' SIZE='5' COLOR='RED'>ROYALTY PAYMENT</FONT</B></A>
     <%
     RESPONSE.WRITE("</TD>")
     RESPONSE.WRITE("</TR>")
     RESPONSE.WRITE("</TABLE>")


   
 %>
 </DIV>       

 <DIV ID="CONTAINER"   NAME="CONTAINER">
    <%

               RESPONSE.WRITE("<TABLE BORDER='10' WIDTH='600'>")
               RESPONSE.WRITE("<TR>")
               RESPONSE.WRITE("<TD BGCOLOR='YELLOW'>")
               %>     
                       <A HREF="ROYALTY.ASP?ACTION=SEARCH&ROYALTYCREDITOR=<%=HHROYALTYCREDITOR%>&COMMAND=<%=HCOMMAND%>#SEARCH_ROYALTY"><B><FONT FACE='ALGERIAN' SIZE='6' COLOR='RED'><B>SEARCH ROYALTY DATABASE</FONT><B></A>
               <%
               RESPONSE.WRITE("</TD>")
               RESPONSE.WRITE("</TR>")
               RESPONSE.WRITE("</TABLE>")
            
        %> 
           <DIV ID="RESULTS"   NAME="RESULTS">
        <%
    	   IF HCOMMAND="CALCULATE"   THEN
                     IF    HACTION="CALCULATE"   THEN
                     
                     END IF
                END IF    
                IF   HCOMMAND= "SETUP"     THEN
				
	   END IF
                IF   HCOMMAND="EMAIL"  THEN
                    IF   HACTION="EMAIL"   THEN
                           EMAIL_ROYALTYLEDGER_CHECKBOX
                    END IF
                END IF
           
                IF     HCOMMAND = "PAYMENT"     THEN
                  
                END IF
    %>			
       </DIV>
	   <DIV ID="SRCHFORM" NAME="SRCHFORM">
       <% 
			
       %>
	   
       </DIV>

</DIV>
%>
 <DIV  ID="SRCHCREDITOR" NAME="SRCHCREDITOR">
 
 
 </DIV

    <DIV ID="ROYALTYALBUM" NAME="ROYALTYALBUM">
<%
        IF HCOMMAND="SETUP"   THEN
                IF HDESCRIPTION="ALBUM"   THEN
                      MANAGE_ROYALTYALBUM
                END IF
        END IF
%>
    </DIV>
<%
%>
    <DIV ID="ADDROYALTYCREDITOR"  NAME="ADDROYALTYCREDITOR">
<%
         IF HCOMMAND="SETUP"    THEN

                 IF  HHROYALTYCREDITOR="DISTRIBUTOR"   THEN
                 
                 END IF
                 IF  HHROYALTYCREDITOR="WRITER"        THEN
                               

                 END IF
                 IF  HHROYALTYCREDITOR="PRODUCER"      THEN
                 

                 END IF
        END IF
%>
   </DIV>
<%


%>
    <DIV ID="ROYALTYCREDITOR"  NAME="ROYALTYCREDITOR">
<%
           IF HCOMMAND="SETUP"     THEN
                   MANAGE_ROYALTYCREDITOR
           END IF

%>
   </DIV>
<%

Last edited by VIPStephan; 01-08-2013 at 06:22 PM.. Reason: added code BB tags
rleahong is offline   Reply With Quote