• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Umlaute ä, ö, ü

Status
Für weitere Antworten geschlossen.
F

forumfriedel

Mitglied
Hallo Quellcode-Leute,
ich hab da mal wieder eine Frage.
Nach langer suche hab ich jetzt ein Pulldownmenü gefunden was mir gefällt und !!!! was auch im Firefox sowohl als auch im doooooooooofen IE richtig dargestellt wird.

Hier mal der Quelltext:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Stu Nicholls | CSSplay | Professional drop down menu #3</title>


<link rel="stylesheet" type="text/css" href="format.css">
<style type="text/css">

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at [URL="http://www.cssplay.co.uk/menu/pro_drop3.html"]Stu Nicholls | CSSplay | Error Page[/URL]
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(blank_over.gif);}
.preload2 {background: url(blank_overa.gif);}

.menu2 {padding:0 0 0 0px; margin:10; list-style:none; height:36px; background:#ffffff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#000000; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(blank.gif);}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(blank.gif) right top;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(blanka.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#ffffff; background: url(blank_over.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(blank_over.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#ffffff; background: url(blank_over.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(blank_over.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:31px; background: #ffffff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:125px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:15px; position:relative; float:left; width:125px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:15px; width:125px; line-height:15px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#ffffff url(arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#3a93d2; color:#ffffff;}
.menu2 :hover ul.sub li a.fly:hover {background:#3a93d2 url(arrow_over.gif) 80px 7px no-repeat; color:#ffffff;}
.menu2 :hover ul li:hover > a.fly {background:#3a93d2 url(arrow_over.gif) 80px 7px no-repeat; color:#ffffff;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #ffffff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}
</style>

</head>

<body>
<TABLE BORDER=0 ALIGN=CENTER BGCOLOR="#FFFFFF"><TR><TD>

<span class="preload1"></span>
<span class="preload2"></span>

<ul class="menu2">
    <li class="top"><a href="http://www.michaelfriedel.de" id="home" class="top_link"><span>Home</span></a></li>
        <li class="top"><a href="http://www.michaelfriedel.de" id="home" class="top_link"><span>Ich &uuml;ber mich</span></a></li>
    <li class="top"><a href="http://www.cssplay.co.uk" id="products" class="top_link"><span class="down">Niagara Falls</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
        <!--[if lte IE 6]><table><tr><td><![endif]-->
        <ul class="sub">
            <li><a href="../mozilla/">Unsere Urlaube</a></li>
            <li><a href="../ie/">Niagara Falls</a></li>
            <li><a href="../opacity/">Die Horseshoe Falls</a></li>
            <li><a href="../mozilla/">American Falls</a></li>
            <li><a href="../ie/">Horseshoe Rapids</a></li>
            <li><a href="../opacity/">American Rapids</a></li>
            <li><a href="../mozilla/">Niagara River</a></li>
            <li><a href="../ie/">F&auml;lle bei Nacht</a></li>
            <li><a href="../opacity/">F&auml;lle im Winter</a></li>
            <li><a href="../mozilla/">Niagara Falls Islands</a></li>
            <li><a href="../ie/">Rainbow Bridge</a></li>
            <li><a href="../opacity/">Rainbow Tower</a></li>
            <li><a href="../mozilla/">Table Rock</a></li>
            <li><a href="../ie/">Maid of the Mist</a></li>
            <li><a href="../opacity/">Cave of the Winds</a></li>
            <li><a href="../mozilla/">Behind the Falls</a></li>
            <li><a href="../ie/">Great Gorge Adventure</a></li>
            <li><a href="../opacity/">Jet Boad Tour</a></li>
            <li><a href="../mozilla/">Nostalgisches</a></li>
            <li><a href="../ie/">Rund um die Fälle</a></li>
            <li><a href="../opacity/">Karten</a></li>
            <li><a href="../ie/">Niagara Fun</a></li>
            <li><a href="../opacity/">3D Projekt</a></li>
        </ul>
        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
    <li class="top"><a href="http://www.cssplay.co.uk" id="services" class="top_link"><span class="down">San Francisco</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
        <!--[if lte IE 6]><table><tr><td><![endif]-->
        <ul class="sub">
            <li><a href="../menu/">Printing</a></li>
            <li><a href="../layouts/">Photo Framing</a></li>
            <li><a href="../boxes/">Retouching</a></li>
            <li><a href="../mozilla/">Archiving</a></li>
            <li><a href="../menu/">Printing</a></li>
            <li><a href="../layouts/">Photo Framing</a></li>
            <li><a href="../boxes/">Retouching</a></li>
            <li><a href="../mozilla/">Archiving</a></li>
            <li><a href="../menu/">Printing</a></li>
            <li><a href="../layouts/">Photo Framing</a></li>
            <li><a href="../boxes/">Retouching</a></li>
            <li><a href="../mozilla/">Archiving</a></li>
            <li><a href="../menu/">Printing</a></li>
            <li><a href="../layouts/">Photo Framing</a></li>
            <li><a href="../boxes/">Retouching</a></li>
            <li><a href="../mozilla/">Archiving</a></li>
            <li><a href="../menu/">Printing</a></li>
            <li><a href="../layouts/">Photo Framing</a></li>
            <li><a href="../boxes/">Retouching</a></li>
            <li><a href="../mozilla/">Archiving</a></li>
            <li><a href="../menu/">Printing</a></li>
            <li><a href="../layouts/">Photo Framing</a></li>
            <li><a href="../boxes/">Retouching</a></li>
            <li><a href="../mozilla/">Archiving</a></li>
        </ul>
        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
    <li class="top"><a href="impress.htm" id="privacy" class="top_link"><span>Impressum</span></a></li>
</ul></TD></TR></TABLE>





<TABLE BORDER=1 ALIGN=CENTER WIDTH="800" CELLPADDING=2 BGCOLOR="#FFFFFF">
  <TR>
      <TD VALIGN=TOP><h1>&Uuml;berschrift</h1></TD>
  </TR>
</TABLE>

<TABLE BORDER=1 ALIGN=CENTER WIDTH="800" CELLPADDING=2 BGCOLOR="#FFFFFF">
  <TR>
      <TD VALIGN=TOP>Hier steht dann der eigentliche Seiteninhalt.</TD>
  </TR>
</TABLE>

<TABLE BORDER=1 ALIGN=CENTER WIDTH="800" CELLPADDING=2 BGCOLOR="#FFFFFF">
  <TR>
      <TD VALIGN=TOP><CENTER>www.michaelfriedel.de</CENTER></TD>
  </TR>
</TABLE>

</body></html>


Jetzt beim einbinden meiner Seiten viel mir auf, das die in meinen Texten vorkommenden Umlaute wie ä, ü, oder ö durch Zeichen ersetzt werden.
Was bei meiner jetzigen Homepage Michael Friedel's Homepage nicht der fall ist.
Dies ist ja soweit kein Problem wenn ich z.B. ein ä durch &auml; ersetze.
Nur............das jetzt Überall machen ist nicht gerade eine schöne Arbeit. Selbst mit "Suchen und ersetzen".

Kann es sein das daß Problem in einer der ersten 4 Zeilen des neuen Quellcodes liegt ? Und kann ich ihn abändern oder ist es für das neue Xhtml Menü erforderlich ?
Oder schreibt man generell nie Umlaute sondern immer diesen "Sonderzeichen Code" wie z.B. &auml; für ein ä ?

Tschau und Danke
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Ersetze mal diese Zeile im Headbereich
Code: 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
durch diese:
Code: 
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
PS: Du solltest dem guten Stu Nicholls nicht die kompletten Seiten "klauen" ;-)
 
Dein Quellcode setzt utf-8 als Zeichensatz. Folglich müsstest Du auch alle Texte als utf-8 speichern. Wie das geht hängt von dem von dir verwendeten Editor ab.
 
Werbung:
ok, danke prm .
werd ich mal ersetzen. dürfte sich ja eigentlich nicht auf das programmierte menü auswirken .......oder ????

Wieso klauen ? Das und viele andere Menüs hat er ja auf seinen Seiten zum Downloaden bereit gestellt.
Oder hast Du beim nachschauen was enteckt was ich im Englischen überlesen habe ? ...........Ich nutze es ja lediglich nur Privat.

Danke !!!!!!!!!!!!!
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben