ack! site compatibility!

Discussion in 'Web Design and Development' started by homerjward, May 2, 2006.

  1. homerjward macrumors 68030

    homerjward

    Joined:
    May 11, 2004
    Location:
    fig tree
    #1
    i designed a website for school using firefox as a test browser, only to find out when i'm done that it doesnt work in ie. like, the menu's completely farked. but that's okay because firefox is what it will be viewed when graded ;) but i'd like to get it working well in other browsers. it works about 80% in opera, except my colored horizontal rules dont work, and a little bit of javascript doesnt work, and that's the part i'm posting about.
    Code:
    <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
    function newwindow(flashwin) {
    	flashwindow = window.open(flashwin, "newwin", "width=800, height=547, toolbar=0, menubar=0, location=0, scrollbars=0, resizable=0, margin=0, padding=0")
    	flashwindow.focus()
    }
    
    is what's in the head
    and
    Code:
    <a href="javascript:newwindow('../content/celmap.html')"
    <img class="image" src="../images/celmap.png"></a>
    
    is what's in the body. this is just an example; i have this on about a dozen pages. if i have just the image, but not linked using the javascript, it's fine and displays in opera or anything, but if the image is a link like that then the image doesn't display. any ideas why?

    oh, and i'll post the menu code if anyone knows how to get it working in ie.

    Code:
    /*menu*/
    ul {margin:0; padding:0; list-style:none; width:150px; border-bottom:1px solid #ccc}
    ul li {position:relative}
    li ul {position:absolute; left:149px; top:0;	display:none}
    ul li a {display: block;	text-decoration:none;	color:#FF33CC; background:#ffffff; padding:5px; border:1px solid #ccc; border-bottom:0}
    li:hover ul, li.over ul {display:block; background-color:#33ff99}
    a.menu:hover {background-color:#33ff99}
    
    div.container{width:800px; margin:0;}
    div.menu{float:left;}
    .iframe{width:650px; height:500px; background-color:#FFFFFF; float:right; border:0}
    body{background-image: url('../images/background.png'); font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
    h4 {text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:10pt}
    a.bottom {text-decoration:none; color:#FFFFFF;}
    
    is the stylesheet

    and the html for the menu is
    Code:
    <div class="menu" align="left">
      <ul> 
        <li><a href="pages/main.html" target="iframe" class="menu">Main</a></li> 
        <li><a class="menu">DMRA</a>
          <ul> 
           	<li><a href="pages/pencils.html" target="iframe" class="menu">Pencils</a></li>
            	<li><a href="pages/animlogo.html" target="iframe" class="menu">Animated Logo</a></li> 
            	<li><a href="pages/cogmap.html" target="iframe" class="menu">Cognitive Mapping</a></li> 
            	<li><a href="pages/indiv.html" target="iframe" class="menu">Individual Project</a></li>
            	<li><a href="pages/nut.html" target="iframe" class="menu">Nut and Bolt Rendering</a></li> 
          </ul> 
        </li> 
        <li><a class="menu">EM II</a> 
          <ul> 
            	<li><a href="pages/scipost.html" target="iframe" class="menu">Mad Scientist Poster</a></li> 
            	<li><a href="pages/grid.html" target="iframe" class="menu">Grid Drawing</a></li> 
            	<li><a href="pages/2point.html" target="iframe" class="menu">2-Point Perspective</a></li> 
            	<li><a href="pages/celmap.html" target="iframe" class="menu">Celestial Map</a></li> 
            	<li><a href="pages/digart.html" target="iframe" class="menu">Digital Art</a></li> 
          </ul> 
        </li>
        <li><a class="menu">Design Tech</a> 
          <ul> 
            	<li><a href="pages/iframepage.html" target="iframe" class="menu">Iframe Page</a></li> 
            	<li><a href="pages/flash.html" target="iframe" class="menu">Flash</a></li> 
            	<li><a href="pages/game.html" target="iframe" class="menu">Game Concept</a></li> 
            	<li><a href="pages/sketchhouse.html" target="iframe" class="menu">Sketchup House</a></li>
            	<li><a href="pages/lwcup.html" target="iframe" class="menu">Lightwave Cup</a></li>  
          </ul> 
        </li> 
      <li><a class="menu">OOP</a>
          <ul> 
            	<li><a href="pages/wd101.html" target="iframe" class="menu">Web Design 101</a></li> 
          </ul> 
        </li> 
    	<li><a href="pages/wonky.html" target="iframe" class="menu">Mr. Luttrell</a>
    	</ul>
    	<img src="images/bannerside.png">
    	</div>
    
    the image at the bottom isn't part of the menu, or particularly significant. what's wrong with the menu to where ie doesn't like it? i could post screenshots if needed.
     
  2. dornoforpyros macrumors 68040

    dornoforpyros

    Joined:
    Oct 19, 2004
    Location:
    Calgary, AB
    #2
    uhhh links??? It helps to be able to open it in a browser and see what's really happening as oppose to just looking at a big chunk of code
     
  3. homerjward thread starter macrumors 68030

    homerjward

    Joined:
    May 11, 2004
    Location:
    fig tree
    #3
    sorry, nowhere to put it online, and it's about 70mb all-told. :eek:
     

Share This Page