plz help to fix my header in Opera. In IE6 it's display correctly but in Opera there are unvisible images. plz help to fix
HTML Code:<?xml version="1.0" encoding="windows-1251"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="classes.css" /> <title>titl</title> </heade <body> <div id="head-fast"> <div id="logo2"> </div> <ul> <li><div><a href="">fast1</a></div></li> <li><div><a href="">fast2</a></div></li> <li><div><a href="">fast3</a></div></li> </ul> </div> <div id="title"> <a>heder text</a> </div> <div id="menu"> <ul> <li><a href="/"><span class="bg-c"></span><span></span><center>h1</center></a></li> <li><a href="/"><span class="bg"></span><span></span><center>h2</center></a></li> <li><a href="/"><span class="bg"></span><span></span><center>h3</center></a></li> <li><a href="/"><span class="bg"></span><span></span><center>h4</center></a></li> </ul> </div> <div id="content"> </div> <div id="down"> <hr width=70%> <h4> Copyright (c) 2006. Design: <a href="mailto:gmail@gmail.com">KOLYA</a></h4> </div> </body> </html>Code:@charset "windows-1251"; body{ background: #1CCA00 url(./img/bg-up.gif) repeat-x 0 0} td { padding: 0; vertical-align: top; } table { border-spacing: 0; } #content {margin-top:255px ;} #head-fast a { text-decoration: overline } #head-fast ul {margin-left:100px} #head-fast ul li { float: right; padding-top:10px; margin-left:10px; white-space: nowrap; } #head-fast ul li a { color: #fafafa; font-weight: bold; font-size: 1.2em; overflow: hidden; display: block; } #head-fast ul li a:hover { text-decoration: underline !important; font-size:1.3em !important; } #logo2 { background: url(./img/logo.gif) no-repeat 0 0 ;display: block; position: absolute;height:300;width:300; top: 0px; left: -70px; } #title{position:absolute;top:70px;left:200px} #title a{font-size:2em;color:#ffffff;font-weight: bold;} #menu { height: 170px; width:800px; padding: 0 0 15px 4px; position:absolute; top:140; left:30; margin-bottom:100 } #menu ul { list-style-type: none; padding: 0; } #menu ul li { background:transparent;float: left; width: 80px; margin-left: 30px; } #menu ul li a { color: #ffffff; font-size: 1.4em; text-decoration: none; display: block; padding-top: 80px; height: 50px; } #menu ul li a:hover { text-decoration: underline; } #menu ul li span.bg { width: 80px; height: 80px; background: url(./img/sphere.gif) no-repeat 0 0; margin: -84px 0 0 0; } #menu ul li span.bg-C { width: 80px; height: 80px; background: url(./img/sphere-c.gif) no-repeat 0 0; margin: -84px 0 0 0; } #down {height:100;position:down} #down h4{color:#0000ff}



Reply With Quote


Bookmarks