Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

compatibility problem from DW4 to firefox and IE

G

g3m1nn1

macrumors member
Original poster
Jan 12, 2009
34
0
Slovenia
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
 
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.
 
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.
 
angelwatt said:
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.
Click to expand...

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?
 
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;
}
 
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>
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back