Please help with Opera [Archive] - Dynamic Drive Forums

View Full Version : Please help with Opera

gKOLYA

10-19-2006, 08:03 AM

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

<?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>

@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}

mwinter

10-19-2006, 04:12 PM

plz help to fix my header in Opera.

As far as I can see, Opera isn't your only problem. Any (reasonably) standards-compliant user agent should render that badly.

Both your markup and style sheet are invalid, and I suppose you didn't check with a decent browser until you were finished. As I don't know what you're trying to achieve, I would suggest you start again, but use Opera or Firefox to check your work, and then fix any problems with IE as you go (rather than the other way around).

<?xml version="1.0" encoding="windows-1251"?>

Don't use proprietary character encodings on the Web. Either ISO-8859-1 (Latin-1) or UTF-8 should do. Don't use XHTML, either...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

...especially not v1.1 which may only be served as application/xhtml+xml. Use HTML 4.01, instead.

If you must use XHTML (and I would find that very difficult to believe), don't include the prolog: it will throw MSIE into "Quirks" mode.

Mike

gKOLYA

10-20-2006, 09:16 AM

But I must use win-1251 encoding because language of my site is Russian
Can You take some samples of site in xHTML and in HTML? Where I can download it?
what means "* html"?? Can it correct mistakes?

mwinter

10-20-2006, 12:37 PM

But I must use win-1251 encoding

No, you don't. :)

because language of my site is Russian

There are many encoding forms that can be used for Cyrillic text, including a version of ISO/IEC-8859 (ISO-8859-5), KOI8 (-R, and -U), and, of course, UTF-8. The latter is a transformation format for Unicode.

Unicode has a repertoire of over one hundred thousand characters, covering almost every modern script, plus several archaic ones, too. You could certainly use UTF-8 (or -16) to encode your document, and any decent text editor should be capable of generating output in that form.

Can You take some samples of site in xHTML and in HTML? Where I can download it?

Sorry, I'm not quite sure what you mean.

what means "* html"?? Can it correct mistakes?

It is a CSS selector hack. In MSIE versions prior to the upcoming 7, it would act as though the html element was a child of something else. That is, of course, impossible as the html element is the root element of any HTML document, so other browsers could never match a selector that began with "* html".

An alternative to using CSS parsing hacks, at least when coping with IE on Windows is to use conditional comments:



One can also add conditions such as "if IE 5" (any version of 5.x) or "if lte IE 6" (versions 6 and earlier).

Only IE 5 and onwards understands these "comments", and any other browser (including IE 4) will ignore the contents.

Mike

gKOLYA

10-21-2006, 03:25 PM

thx .

Sorry, I'm not quite sure what you mean.

I want to find ready english web-pages with full source(how as freeware)

mwinter

10-22-2006, 01:52 PM

I want to find ready english web-pages with full source(how as freeware)

I understand that, but I don't know what sort of thing you want to see demonstrated. The overall design isn't clear.

The example you posted is incomplete: images are missing, for example. Moreover, it looks rather dishevelled, here, and I don't know if that appearance is really what you want, or a result of having to construct the example from fragments.

There are many sites that provide examples of various layouts using CSS. Using Google with the phrase, "CSS layout" (http://www.google.co.uk/search?q=%22CSS+layout%22) returns some commonly cited sites. Perhaps they'll be of use to you.

Mike

gKOLYA

10-22-2006, 04:06 PM

I want to get ideal site source. It will good there it will be free and education site(site of a school)