Hi,
I am fairly new to the CSS world and i am having load of fun with it. I already know of some compatibility problems between many css tags and some browser - and learning it the hard way.
I am in the process of creating a web-site for my band and the design itself is almost over. On IE it shows perfectly, on Mozilla, almost perfectly (the only bug so far being a little imagem too far from what it should be). But, i can't get it to work on Opera. And I am not using any weird tags! You can take a look at the site Here (<!-- m --><a class="postlink" href="http://www.stigmaonline.net/Stigma%20ONline/disco.php">http://www.stigmaonline.net/Stigma%20ONline/disco.php</a><!-- m -->).
As you can see, the menu can't be seen, the "Stigma" image also can't be see. Trasparencies also don't work.
Let me show an example of the code i used to do the menu or the stigma imagem :
<img src=http://www.webdeveloper.com/forum/archive/index.php/"Imagens/stigma-banner.png" style="position:relative; top:145px; left=-25px ;" class="stigma">
This also happens for the menu :
<span style=" position:relative ; top:130 ;left:-15px; word-spacing:8px; ">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"../../../../violins/violins/www.violins.com.br/home.php" class="menu">News</a>
For the transparencies, i used the 3 tags i found, for mozilla, firefox and IE : .fim {filter:alpha(opacity=3); position:absolute; top:575; -moz-opacity:0.02; opacity: 0.02;}
What i am doing wrong to make everything get screwed up in Opera? Is there another way to handle those tags to work in Opera?
Thanks,
Ivan Jangoux
I am fairly new to the CSS world and i am having load of fun with it. I already know of some compatibility problems between many css tags and some browser - and learning it the hard way.
I am in the process of creating a web-site for my band and the design itself is almost over. On IE it shows perfectly, on Mozilla, almost perfectly (the only bug so far being a little imagem too far from what it should be). But, i can't get it to work on Opera. And I am not using any weird tags! You can take a look at the site Here (<!-- m --><a class="postlink" href="http://www.stigmaonline.net/Stigma%20ONline/disco.php">http://www.stigmaonline.net/Stigma%20ONline/disco.php</a><!-- m -->).
As you can see, the menu can't be seen, the "Stigma" image also can't be see. Trasparencies also don't work.
Let me show an example of the code i used to do the menu or the stigma imagem :
<img src=http://www.webdeveloper.com/forum/archive/index.php/"Imagens/stigma-banner.png" style="position:relative; top:145px; left=-25px ;" class="stigma">
This also happens for the menu :
<span style=" position:relative ; top:130 ;left:-15px; word-spacing:8px; ">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"../../../../violins/violins/www.violins.com.br/home.php" class="menu">News</a>
For the transparencies, i used the 3 tags i found, for mozilla, firefox and IE : .fim {filter:alpha(opacity=3); position:absolute; top:575; -moz-opacity:0.02; opacity: 0.02;}
What i am doing wrong to make everything get screwed up in Opera? Is there another way to handle those tags to work in Opera?
Thanks,
Ivan Jangoux