compatibility problem from DW4 to firefox and IE

Discussion in 'Web Design and Development' started by g3m1nn1, Jul 8, 2009.

  1. g3m1nn1 macrumors member

    Joined:
    Jan 12, 2009
    Location:
    Slovenia
    #1
    hello,
    I need a little help if anyone has any solution to my problem.
    I created a site in DW4 and the site is basically sliced Photoshop image converted to HTML and was then edited, no extensive CSS just for text.
    The problem accured when i tested it in IE and firefox, In safari was ok. everything seemed good. but in other two browser the images that are linked to other parts of site have been misplaced so it all looks as it does at the moment.
    The site can be seen here: Problem site
    I am familiar with "Explorer bar problem" but dont know how to fix this on my site.
    Any additional help would be much appreciated.
    thank you
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    Add this to your CSS,
    Code:
    a img {
     border: 0;
    }
     
  3. g3m1nn1 thread starter macrumors member

    Joined:
    Jan 12, 2009
    Location:
    Slovenia
  4. g3m1nn1 thread starter macrumors member

    Joined:
    Jan 12, 2009
    Location:
    Slovenia
    #4
    Css menu question

    I dont want to post another topic so i am just gonna ask here.
    If I would like to enter CSS menu that was made with generator, where should i enter HTML code for it.
    For example if i want to insert it on a right bottom side of the header.
    Still learning so any help would be appreciated.
     
  5. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #5
    That would normally be an easy thing to answer, but with the divitus going on there it's much harder. Everything being so spliced up and absolutely positioned is the difficulty. I guess you could just place the HTML anywhere and then just add some CSS to absolutely position it somewhere.
     
  6. g3m1nn1 thread starter macrumors member

    Joined:
    Jan 12, 2009
    Location:
    Slovenia
    #6
    thx for answering but i am unfortunately still lost.
    Where to put html in the main page for example.
    and how to position it with CSS?
     
  7. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #7
    Well having no idea what this generated code looks like, just add it after the opening body tag and place a div tag around it,
    HTML:
    <div id="newmenu">
    your generated menu here
    </div>
    Then here's some starter CSS,
    Code:
    #newmenu {
     position: absolute;
     top: 180px;
     right: 20px;
     z-index: 2;
    }
     
  8. g3m1nn1 thread starter macrumors member

    Joined:
    Jan 12, 2009
    Location:
    Slovenia
    #8
    Update:
    I followed your advice and tried out also a few things, examined the code and was able to postion it right and also customize it.
    Gotta learn CSS though:)
    thx angain.

    this is the code if it helps.
    thank you very much for your previous answers.

    _______________________________________________________________
    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>Generated by PureCSSMenu.com</title>
    </head>
    <body bgcolor="#FFFFFF">
    
    
    
    <!-- Css Menu -->
    
    <style>
    ul.cssMenu ul{display:none}
    ul.cssMenu li:hover>ul{display:block}
    ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
    ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
    ul.cssMenu,ul.cssMenu ul {
    	margin:0px;
    	list-style:none;
    	padding:0px 1px 1px 0px;
    	background-color:#A5A5A5;
    	background-repeat:repeat;
    	border-color:#A6A6A6;
    	border-width:0px;
    	border-style:solid;
    }
    ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
    	display:block;
    	zoom:1;
    	float: left;
    }
    ul.cssMenu ul{
    	width: auto;
    }
    ul.cssMenu li{
    	display:block;
    	margin:1px 0px 0px 1px;
    	font-size:0px;
    }
    ul.cssMenu a:active, ul.cssMenu a:focus {
    outline-style:none;
    }
    ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
    	display:block;
    	vertical-align:middle;
    	background-color:#FFFFFF;
    	border-width:0px;
    	border-color:#FCEEB0;
    	border-style:solid;
    	text-align:left;
    	text-decoration:none;
    	padding:5px;
    	_padding-left:0;
    	font:11px Verdana;
    	color: #000000;
    	text-decoration:none;
    	cursor:pointer;
    }
    ul.cssMenu span{
    	overflow:hidden;
    }
    ul.cssMenu li {
    	float:left;
    }
    ul.cssMenu ul li {
    	float:none;
    }
    ul.cssMenu ul a {
    	text-align:left;
    	white-space:nowrap;
    }
    ul.cssMenu li.sep{
    	text-align:left;
    	padding:0px;
    	line-height:0;
    	height:100%;
    }
    ul.cssMenu li.sep span{
    	float:none;	padding-right:0;
    	width:3;
    	height:100%;
    	display:inline-block;
    	background-color:#A6A6A6;	background-image:none;}
    ul.cssMenu ul li.sep span{
    	width:100%;
    	height:3;
    }
    ul.cssMenu li:hover{
    	position:relative;
    }
    ul.cssMenu li:hover>a{
    	background-color:#FF1C1C;
    	border-color:#4C99AB;
    	border-style:solid;
    	font:11px Verdana;
    	color: #FFFFFF;
    	text-decoration:none;
    }
    ul.cssMenu li a:hover{
    	position:relative;
    	background-color:#FF1C1C;
    	border-color:#4C99AB;
    	border-style:solid;
    	font:11px Verdana;
    	color: #FFFFFF;
    	text-decoration:none;
    }
    ul.cssMenu li.dis a {
    	color: #AAAAAA !important;
    }
    ul.cssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
    height:16px;
    }
    ul.cssMenu ul img {width:16px;
    height:16px;
    }
    ul.cssMenu img.over{display:none}
    ul.cssMenu li.dis a:hover img.over{display:none !important}
    ul.cssMenu li.dis a:hover img.def {display:inline !important}
    ul.cssMenu li:hover > a img.def  {display:none}
    ul.cssMenu li:hover > a img.over {display:inline}
    ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over{display:inline}
    ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def{display:none}
    ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul{display:block}
    ul.cssMenu a:hover ul ul{display:none}
    ul.cssMenu span{
    	display:block;
    	background-image:url();
    	background-position:right center;
    	background-repeat: no-repeat;
       padding-right:8px;}
    ul.cssMenu li:hover>a>span{	background-image:url();
    }
    ul.cssMenu a:hover span{	_background-image:url()}
    ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url()}
    ul.cssMenu ul li:hover > a span{	background-image:url();}
    ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span{background-image:url()}
    ul.cssMenu table a:hover table span{background-image:url()}
    ul.cssMenu li a.cssMenui0{
    font:n;
    }
    ul.cssMenu li a.cssMenui0:hover{
    font:o;
    }
    
    </style>
    
    <ul class="cssMenu cssMenum">
    	<li class=" cssMenui0"><a class="  cssMenui0" href="index.html">DOMOV</a></li>
    	<li class=" cssMenui0"><a class="  cssMenui0" href="zascita.html"><span>ZAŠČITA BREŽIN</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    	<ul class=" cssMenum">
    		<li class=" cssMenui"><a class="  cssMenui" href="reference.html">Reference</a></li>
    	</ul>
    	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    	<li class=" cssMenui0"><a class="  cssMenui0" href="program.html"><span>PRODAJNI PROGRAM</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    	<ul class=" cssMenum">
    		<li class=" cssMenui"><a class="  cssMenui" href="#"><span>IZDELKI ZA DOM IN VRT</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    		<ul class=" cssMenum">
    			<li class=" cssMenui"><a class="  cssMenui" href="oporniki.html">Kokosovi oporniki</a></li>
    			<li class=" cssMenui"><a class="  cssMenui" href="sveca.html">Kokosove sveče s citronelo</a></li>
    			<li class=" cssMenui"><a class="  cssMenui" href="sekanci.html">Kokosovi sekanci</a></li>
    			<li class=" cssMenui"><a class="  cssMenui" href="predprazniki.html">Kokosovi predpražniki</a></li>
    			<li class=" cssMenui"><a class="  cssMenui" href="lubje.html">Okrasno lubje</a></li>
    			<li class=" cssMenui"><a class="  cssMenui" href="lapillo.html">Lapillo ( strjena vulkanska lava )</a></li>
    			<li class=" cssMenui"><a class="  cssMenui" href="sota.html">Palmina šota ( kokosov kompost )</a></li>
    			<li class=" cssMenui"><a class="  cssMenui" href="belasota.html">Bela šota </a></li>
    			<li class=" cssMenui"><a class="  cssMenui" href="novasan.html">Zemeljski substrati Novasan</a></li>
    			<li class=" cssMenui"><a class="  cssMenui" href="lonci.html">Cvetlični lonci Abruzzo</a></li>
    			<li class=" cssMenui"><a class="  cssMenui" href="lonci.html">Cvetlični lonci Degrea</a></li>
    		</ul>
    		<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    		<li class=" cssMenui"><a class="  cssMenui" href="#"><span>IZDELKI ZA ZAŠČITO BREŽIN</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    		<ul class=" cssMenum">
    			<li class=" cssMenui"><a class="  cssMenui" href="brezine.html">Kokosove mreže za zaščito brežin</a></li>
    			<li class=" cssMenui"><a class="  cssMenui" href="biorogoznice.html">Kokosove biorogoznice</a></li>
    			<li class=" cssMenui"><a class="  cssMenui" href="biorogoznice.html">Kokosove biorogoznice s fotorazgradljivo polipropilensko membrano</a></li>
    			<li class=" cssMenui"><a class="  cssMenui" href="valji.html">Kokosovi valji zazaščito obrežij</a></li>
    		</ul>
    		<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    	</ul>
    	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    	<li class=" cssMenui0"><a class="  cssMenui0" href="kontakt.html">KONTAKT</a></li>
    </ul>
    
    
    <!-- (c) 2009, PureCSSMenu.com -->
    
    
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </body>
    </html>
     

Share This Page