Thread: Need HELP!

    #1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2013
    Posts
    4
    Rep Power
    0

    Need HELP!


    Hi,

    I am a newb coder and have built a site but am having issues with different browsers and window sizes. Whenever I resize the browser windows I am no longer able to click the links on the nav bar. Is there some way to lock the links to the nav bar even when I resize? I can't post a link because I am a new member but maybe someone knows how I can fix this?


    Thanks in advance!
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2013
    Posts
    4
    Rep Power
    0
    Here is the code:

    Code:
    <link href="Pioneers.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    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];}}
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    </script>
    <link href="favicon.ico" rel="Shortcut Icon" />
    </head>
    
    <body onload="MM_preloadImages('Media/buttons/treatmentdown.png','Media/buttons/teaserdown.png','Media/buttons/episodesdown.png','Media/buttons/charactersdown.png','Media/buttons/contactdown.png')">
    <div id="title"></div>
    <div class="box1">
    		<a id="box-link" href="index.html"></a>
    		</div></div>
    <div id="navbar">
    <a href="treatment.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('treatment','','Media/buttons/treatmentdown.png',1)"><img src="Media/buttons/treatmentup.png" name="treatment" width="150" height="60" border="0" id="treatment" /></a>
    <a href="teaser.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('teaser','','Media/buttons/teaserdown.png',1)"><img src="Media/buttons/teaserup.png" name="teaser" width="110" height="60" border="0" id="teaser" /></a>
    <a href="episode.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('episode','','Media/buttons/episodesdown.png',1)"><img src="Media/buttons/episodesup.png" name="episode" width="150" height="60" border="0" id="episode" /></a>
    <a href="character.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('character','','Media/buttons/charactersdown.png',1)"><img src="Media/buttons/charactersup.png" name="character" width="160" height="60" border="0" id="character" /></a>
    <a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','Media/buttons/contactdown.png',1)"><img src="Media/buttons/contactup.png" name="contact" width="150" height="60" border="0" id="contact" /></a></div>
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2012
    Posts
    85
    Rep Power
    3
    Can you please post the css
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2013
    Posts
    4
    Rep Power
    0
    Code:
    body {
    	position:absolute; left:0px; right:0px; top:0px; bottom:0px;
    	width: 100%;
    	height: 100%;
    	margin: 0px;
    	padding: 0px;
    	color: #D00;
    	background-color: #D00;
    	background-image: url(Media/background1.jpg);
    	background-repeat: repeat-y;
    	background-size: cover;
    	bottom: auto;
    	clip: rect(auto,auto,auto,auto);
    	background-attachment: scroll;
    }
    Is there something in here that is making my text disappear when I shrink the window and scroll?
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2012
    Posts
    85
    Rep Power
    3
    I was thinking that there would be a div that overlaps your menu when scaling the window. box1 maybe but you did not post the css for it so can't tell.


    another thing
    Code:
    <div class="box1">
    		<a id="box-link" href="index.html"></a>
    		</div></div>
    should be

    Code:
    <div class="box1">
    		<a id="box-link" href="index.html"></a>
    		</div>
    I tested your code on firefox v18 no problem there
    Last edited by odp; January 19th, 2013 at 09:33 PM.
  10. #6
  11. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2013
    Posts
    4
    Rep Power
    0
    OK. Thank you! Got it fixed!

    Originally Posted by odp
    I was thinking that there would be a div that overlaps your menu when scaling the window. box1 maybe but you did not post the css for it so can't tell.


    another thing
    Code:
    <div class="box1">
    		<a id="box-link" href="index.html"></a>
    		</div></div>
    should be

    Code:
    <div class="box1">
    		<a id="box-link" href="index.html"></a>
    		</div>
    I tested your code on firefox v18 no problem there

IMN logo majestic logo threadwatch logo seochat tools logo