Hallo zusammen,
bin langsam echt am verzweifeln. Kann mir bitte jemand helfen. Die Umlaute, sowie scharfes ß werden auf meiner HP nicht angezeigt. Habe jetzt alle gefundenen Hilfestellungen von meinem Freund google durch, daher benötige ich jetzt mal die Hilfe eines richtigen Experten. Sämtliche Codierungen in Frontpage, Expression Web und Dreamweaver aufprobiert, trotzdem werden umlaute nicht angezeigt. Für eure Bemühungen im Voraus vielen lieben Dank....
nun der html code
HTML
<!DOCTYPE html>
<html lang="de">
<head>
<title></title>
<meta charset="iso-utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="de">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Open_Sans_400.font.js" type="text/javascript"></script>
<script src="js/Open_Sans_Light_300.font.js" type="text/javascript"></script>
<script src="js/Open_Sans_Semibold_600.font.js" type="text/javascript"></script>
<script type="text/javascript" src="js/tms-0.3.js"></script>
<script type="text/javascript" src="js/tms_presets.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script src="js/FF-cash.js" type="text/javascript"></script>
<!--[if lt IE 7]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0" alt="" /></a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
<![endif]-->
</head>
<body id="page1">
<!-- header -->
<div class="bg">
<div class="main">
<header>
<div class="row-1">
<h1>
<a class="logo" href="index.html">Point.co</a>
<strong class="slog">SERVICES & MANAGEMENT</strong>
</h1>
<form id="search-form" action="" method="post" enctype="multipart/form-data">
<fieldset>
<div class="search-form">
<input type="text" name="Suche" value="Suchbegriff" onBlur="if(this.value=='') this.value='Suchbegriff'" onFocus="if(this.value =='Type Keyword Here' ) this.value=''" />
<a href="#" onClick="document.getElementById('search-form').submit()">
Search</a>
</div>
</fieldset>
</form>
</div>
<div class="row-2">
<nav>
<ul class="menu">
<li><a class="active" href="index.html">Home</a></li>
<li><a href="news.html">Leistungen</a></li>
<li><a href="services.html">Projekte</a></li>
<li><a href="products.html">Referenzen</a></li>
<li class="last-item"><a href="contacts.html">Kontakt</a></li>
</ul>
</nav>
</div>
<div class="row-3">
<div class="slider-wrapper">
<div class="slider">
<ul class="items">
<li><img src="images/slider-img1.jpg" alt="">
<strong class="banner" style="position: absolute; left: 95px; top: 91px; width: 400px; height: 232px">
<strong class="b1"><font size="6">Unser
Service, </font></strong> <strong class="b2">Ihr
Event</strong>
<strong class="b3">Innovativ und flexibel,
ob Großveranstaltung, Betriebsveranstaltung,
Produktpräsentation</strong>
</strong>
</li>
<li><img src="images/slider-img2.jpg" alt="">
<strong class="banner" style="position: absolute; left: 98px; top: 92px; width: 457px; height: 252px">
<strong class="b1">Unsere Erfahrung</strong>
<strong class="b2">Ihr Erfolg</strong>
<strong class="b3">15 Jahre für Sie am Markt tätig.
Profitieren Sie von unserer Erfahrung, nutzen Sie
unser Netzwerk!</strong></strong></li>
<li><img src="images/slider-img3.jpg" alt="">
<strong class="banner" style="position: absolute; left: 100px; top: 91px; width: 444px; height: 205px">
<strong class="b1">Für Ihre</strong>
<strong class="b2">SICHERHEIT</strong>
<strong class="b3">IHK geprüfte Kompetenz für Ihr
Event,- Ihre Versammlungsstätte und Ihr
Gastronomieobjekt!</strong>
</strong>
</li>
</ul>
<a class="prev" href="#">prev</a>
<a class="next" href="#">prev</a>
</div>
</div>
</div>
</header>
<!-- content --><div class="ic">More Website Templates at TemplateMonster.com!</div>
<section id="content">
<div class="padding">
<div class="box-bg margin-bot">
<div class="wrapper">
<div class="col-1">
<div class="box first">
<div class="pad">
<div class="wrapper indent-bot">
<strong class="numb img-indent2">01</strong>
<div class="extra-wrap">
<h3 class="color-1"><strong>
Careful</strong>Analysis</h3>
</div>
</div>
<div class="wrapper">
<a class="button img-indent-r" href="#">
>></a>
<div class="extra-wrap">
Point.co is one of <a class="link" target="_blank" href="http://blog.templatemonster.com/free-website-templates/ ">
free website templates</a>
created by TemplateMonster.com.
</div>
</div>
</div>
</div>
</div>
<div class="col-1">
<div class="box second">
<div class="pad">
<div class="wrapper indent-bot">
<strong class="numb img-indent2">02</strong>
<div class="extra-wrap">
<h3 class="color-2"><strong>
Quick</strong>Research</h3>
</div>
</div>
<div class="wrapper">
<a class="button img-indent-r" href="#"></a>
<div class="extra-wrap">
This <a class="link" target="_blank" href="http://blog.templatemonster.com/2011/06/13/free-website-template-jquery-slider/ ">
Template</a> goes with two
packages – with PSD files and
without them.
</div>
</div>
</div>
</div>
</div>
<div class="col-2">
<div class="box third">
<div class="pad">
<div class="wrapper indent-bot">
<strong class="numb img-indent2">03</strong>
<div class="extra-wrap">
<h3 class="color-3"><strong>New</strong>Strategies</h3>
</div>
</div>
<div class="wrapper">
<a class="button img-indent-r" href="#">
>></a>
<div class="extra-wrap">
It has several pages: <a class="link" href="index.html">
Home</a>, <a class="link" href="news.html">
News</a>, <a class="link" href="services.html">
Services</a>, <a class="link" href="products.html">
Products</a>, <a class="link" href="contacts.html">
Contacts</a>.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wrapper">
<div class="col-3">
<div class="indent">
<h2>Unser Service, Ihr Event!</h2>
<p class="color-4 p1">Donec vitae massa sit amet
lectus condimentum aliquam vestibulum tempor
nunc vel mi laoreet nec condimentum mauris
convallis. Praesent lobortis, lectus a viverra
faucibus, urna turpis sodales purus, magnaorem
ipsum dolor ser adipiscing elit sed diam nonummy
nibh euismod sit amet ornare urna augue ut
mauris.</p>
<div class="wrapper">
<figure class="img-indent3"><img src="images/page1-img1.png" alt="" /></figure>
<div class="extra-wrap">
<div class="indent2">
Cras placerat, risus ac porta
auctor, dui neque varius libero, sed
rutrum diam mauris sed lorem. Ut at
risus eu dui pretium sodales proin
fermentum condimentum eros quis
tincidunt fraesent eleifend tempor
nisi, in adipiscing felis molestie
vitae. Sed et massa justo.
Pellentesque turpis lorem, ornare
sit amet vulputate at, consectetur
</div>
</div>
</div>
<a class="button-2" href="#">weiterlesen</a>
</div>
</div>
<div class="col-2">
<div class="block-news">
<h3 class="color-4 p2">Neuigkeiten</h3>
<div class="wrapper p2">
<time class="tdate-1 fleft" datetime="2011-05-29"><strong>
05</strong>Dez.</time>
<div class="extra-wrap">
<h5>Erfolgreiches reopening des
Betriebsrestaurant der Wasser- &
Schiff-fahrtsdirektion SÄżËdwest<a href="#"></a>
</h5></div>
</div>
<div class="wrapper">
<time class="tdate-1 fleft" datetime="2011-05-24"><strong>
24</strong>Nov.</time>
<div class="extra-wrap">
<h5>Loreley Facility wird neuer Betreiber
des Betriebsrestaurant der WSD
SÄżËdwest </h5>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- footer -->
<footer>
<div class="row-top">
<div class="row-padding">
<div class="wrapper">
<div class="col-1">
<h4>Postanschrift:</h4>
<dl class="address">
<dt>Loreley Facility Mgmt. UG</dt>
<dd>55127 Mainz</dd>
<dd>Brucknerstr. 2</dd>
<dd><a href="#">info@loreley-facility.de</a></dd>
</dl>
</div>
<div class="col-2">
<h4>Follow Us:</h4>
<ul class="list-services">
<li class="item-1"><a href="#">Facebook</a></li>
<li class="item-2"><a href="#">Twitter</a></li>
<li class="item-3"><a href="#">LinkedIn</a></li>
</ul>
</div>
<div class="col-3">
<h4>Warum LFM:</h4>
<ul class="list-1">
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Aonsect adipisic</a></li>
<li><a href="#">Eiusmjkod tempor</a></li>
<li><a href="#">Incididunt ut labore</a></li>
</ul>
</div>
<div class="col-4">
<div class="indent3">
<strong class="footer-logo">LORELEY.<strong>Facility</strong></strong>
<strong class="phone"><strong>Phone:</strong>
06131 979397</strong>
</div>
</div>
</div>
</div>
</div>
<div class="row-bot">
<div class="aligncenter">
<p class="p0">Webdesign by LFM Media</p>
<a href="http://www.templates.com/product/3d-models/" target="_blank">
3D Models</a> provided by Templates.com<br>
<!-- {%FOOTER_LINK} -->
</div>
</div>
</footer>
</div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
<script type="text/javascript">
$(function(){
$('.slider')._TMS({
prevBu:'.prev',
nextBu:'.next',
playBu:'.play',
duration:800,
easing:'easeOutQuad',
preset:'simpleFade',
pagination:false,
slideshow:3000,
numStatus:false,
pauseOnHover:true,
banners:true,
waitBannerAnimation:false,
bannerShow:function(banner){
banner
.hide()
.fadeIn(500)
},
bannerHide:function(banner){
banner
.show()
.fadeOut(500)
}
});
})
</script>
</body>
</html>