www.webdeveloper.com
+ Reply to Thread
Page 1 of 2 1 2 LastLast
Results 1 to 15 of 18
  1. #1
    Join Date
    Jun 2011
    Posts
    13

    Wondering what i did to make mu Enter / exit button UNclickable

    OK so i put up and entrance exit page for my adult site ... i got the page looking GREAT EXCEPT.... The enter / exit buttons are NOT clickable . Please Help
    Below is my code :

    <!--
    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    //-->
    </script>
    <style type="text/css" media="screen">
    <!--
    @import url("sgoldback.gif.css");
    .enter {
    font-family: "Comic Sans MS", cursive;
    font-size: 48px;
    font-style: oblique;
    line-height: 100pt;
    font-weight: 700;
    font-variant: normal;
    color: #0F0;
    text-decoration: blink;
    background-attachment: scroll;
    background-position: center 100%;
    height: 73.5pt;
    width: 268px;
    position: absolute;
    left: 202px;
    top: 606px;
    letter-spacing: normal;
    text-align: center;
    word-spacing: 30pt;
    display: marker;
    background-image: url(file:///C|/Users/VIJAY/Desktop/New%20folder/web%20deloping/background.jpg);
    overflow: visible;
    visibility: inherit;
    background-color: #000;
    }
    .button {
    font-family: "MS Serif", "New York", serif;
    font-size: larger;
    font-style: italic;
    line-height: 50%;
    font-weight: 500;
    font-variant: normal;
    text-transform: uppercase;
    color: #0C0;
    text-decoration: blink;
    background-attachment: fixed;
    background-color: #000;
    background-image: url(New%20folder/web%20deloping/flash.jpg);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    clear: none;
    float: none;
    height: 50%;
    width: 120%;
    }
    body {
    background-image: url(http://notabooteens.info/main/wp-con...ground33.jpg);
    background-repeat: no-repeat;
    }
    .exit {
    font-family: "Comic Sans MS", cursive;
    font-size: 48px;
    font-style: italic;
    line-height: 50pt;
    font-weight: 500;
    font-variant: normal;
    color: #060;
    text-decoration: blink;
    background-attachment: fixed;
    background-color: #000;
    background-repeat: no-repeat;
    height: 69.75pt;
    width: 277px;
    position: absolute;
    left: 866px;
    top: 603px;
    }
    -->
    </style>
    </head>

    <body background="http://notabooteens.info/main/wp-content/uploads/2011/06/background33.jpg">
    <form id="form1" name="form1" method="post" action="">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="www.notabooteens.info"><embed src="http://www.pageplugins.com/generators/flash_glitter_text/show.swf?message=Enter&amp;font=http://www.pageplugins.com/generators/flash_glitter_text/fonts/plainn_lib.swf&amp;glitter=http://www.pageplugins.com/generators/flash_glitter_text/glitters/glitter24.swf&amp;clickURL=www.notabooteens.info&amp;swfHeight=115&amp;swfWidth=228&amp;bevel=1&amp; shadow=1&amp;glow=1&amp;blur=0&amp;fade=0&amp;blink=0&amp;fontsize=72&amp;num=24" bgcolor="#ffffff" width="228" height="115" name="glitters" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" quality="best" allowscriptaccess="always"></a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="www.notabooteens.info"><embed src="http://www.pageplugins.com/generators/flash_glitter_text/show.swf?message=Exit&amp;font=http://www.pageplugins.com/generators/flash_glitter_text/fonts/plainn_lib.swf&amp;glitter=http://www.pageplugins.com/generators/flash_glitter_text/glitters/glitter24.swf&amp;clickURL=www.notabooteens.info&amp;swfHeight=115&amp;swfWidth=165&amp;bevel=1&amp; shadow=1&amp;glow=1&amp;blur=0&amp;fade=0&amp;blink=0&amp;fontsize=72&amp;num=24" bgcolor="#ffffff" width="165" height="115" name="glitters" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" quality="best" allowscriptaccess="always"></embed>
    <br></a><br>
    </p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <center></center>
    </form>
    </body>
    </html>

  2. #2
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,331
    Hi there cnrimgr1,

    and a warm welcome to these forums.

    You certainly have penchant for the use of &nbsp; don't you.

    Surrounding a "Flash" objects with an a element is not really a
    reliable method to use, as you have obviously discovered.

    Check out the attachment for an alternative reliable method.


    coothead
    Attached Files

  3. #3
    Join Date
    Jun 2011
    Posts
    13
    Thank you for that ..

    i have this css



    html,body {
    min-width:1000px;
    margin:0;
    padding:0;
    background-color:#000;
    background-image:url(http://notabooteens.info/main/wp-con...ground33.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    }
    #container {
    width:995px;
    padding:622px 0 0 5px;
    margin:auto
    }
    ul {
    width:836px;
    height:72px;
    padding:0;
    margin:0;
    list-style-type:none;
    }
    ul li {
    float:left;
    width:50%;
    }
    #a1 {
    float:left;
    width:189px;
    height:72px;
    background-image:url(../images/enter.gif);
    }
    #a2 {
    float:right;
    width:133px;
    height:72px;
    margin-right:30px;
    background-image:url(../images/enter.gif);
    background-position:-559px 0;
    }



    what i dont see is (i want the button to click and go to my main site ) where do i put in that url ?

  4. #4
    Join Date
    Jun 2011
    Posts
    13
    html,body {
    min-width:1000px;
    margin:0;
    padding:0;
    background-color:#000;
    background-image:url(http://notabooteens.info/main/wp-con...ground33.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    }
    #container {
    width:995px;
    padding:622px 0 0 5px;
    margin:auto
    }
    ul {
    width:836px;
    height:72px;
    padding:0;
    margin:0;
    list-style-type:none;
    }
    ul li {
    float:left;
    width:50%;
    }
    #a1 {
    float:left;
    width:189px;
    height:72px;
    background-image:url(../images/enter.gif);
    }
    #a2 {
    float:right;
    width:133px;
    height:72px;
    margin-right:30px;
    background-image:url(../images/enter.gif);
    background-position:-559px 0;
    }




    ok so when i click the

    Enter button i want it to go to http://notabooteens.info/main/
    Exit Button want going to http://www.google.com

    where do i put this ?

  5. #5
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,331
    Hi there cnrimgr1,

    check out the this attachment, which has an improved image, more like your "Flash".

    coothead
    Attached Files

  6. #6
    Join Date
    Jun 2011
    Posts
    13
    www( DOT )notabooteens( dot ) info is there a reason that i am only seeing 2 black dots when i go to this page .. or is it only me .
    I uploaded

    index. html file
    the ENTER.gif
    and the enter css .


    Am i missing something ?

  7. #7
    Join Date
    Jun 2011
    Posts
    13

    wondering

    Here is ALL i am seeing Enter or Exit - Mozilla Firefox_2011-06-16_23-40-18.jpg

    what i uploaded .jpg

    thank You


    Am i missing something ?[/QUOTE]

  8. #8
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,331
    Hi there cnrimgr1,

    The reason that you see two black dots instead of your page, in all it's glory, is that you removed
    the enter.css file from the css folder and the enter.gif from the images folder.

    You are obviously not an experienced coder, so why did you do that.?

    To get the page to display correctly upload those two folders with the the index.html.

    As for the links, open the index.html file and amend the code to look like this...
    Code:
    
    <ul>
     <li><a id="a1" href="http://notabooteens.info/main/"></a></li>
     <li><a id="a2" href="http://www.google.com"></a></li>
    </ul>
    
    coothead

  9. #9
    Join Date
    Jun 2011
    Posts
    13
    when i try to upload a a zipped folder it openes it like it wants me to upload individual folders when i try to upload the folder that is contained within the zipped file it wants me to open that folder too.. so how do i upload all the files together ?

  10. #10
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,331
    Hi there cnrimgr1,

    OK, do it the way that suits you best - ( index.html, enter.gif and enter.css ) - from this attachment.

    coothead
    Attached Files
    Last edited by coothead; 06-17-2011 at 05:52 PM.

  11. #11
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,331
    Hi there cnrimgr1,

    sorry, but I noticed an error in the simple zip attachment so download it again.

    coothead

  12. #12
    Join Date
    Jun 2011
    Posts
    13
    when i upload it see what i get ...http://www.notabooteens.info/ the enter buttons are NOT showing up .
    but the are uploaded to my hosting

  13. #13
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,331
    Hi there cnrimgr1,

    this link......displays the html.index file.
    This link......displays the enter.css file.
    But this link......does not display the enter.jpg file, but gives me a 500 Internal Server Error.

    Internal Server Error

    The server encountered an internal error or misconfiguration and was unable to complete your request.

    Please contact the server administrator and inform them of the time the error occurred, and anything you might have done that may have caused the error.

    More information about this error may be available in the server error log.
    Are you sure that you have uploaded it to your server next to the other two files?

    coothead

  14. #14
    Join Date
    Jun 2011
    Posts
    13
    Quote Originally Posted by cnrimgr1 View Post
    when i upload it see what i get ...http://www.notabooteens.info/ the enter buttons are NOT showing up .
    but the are uploaded to my hosting
    here are the files as the are on my hosting ..
    Attached Images

  15. #15
    Join Date
    Jun 2011
    Posts
    13
    so i tried uploading the " enter picture" again NO LUCK still is the same look with no buttons showing ...

Thread Information

Users Browsing this Thread

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

     

Bookmarks

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