Avatar billede ChrianDK Nybegynder
21. januar 2013 - 19:45 Der er 14 kommentarer

ÆØÅ - ingen løsning!

Hey Eksperten.dk brugere!

Nu har jeg i 4 dage forsøgt at løse et problem med æøå.

Jeg er udemærket godt klar over at det er et spørgsmål der er blevet stillet tusindvis af gange, og jeg har læst alle svarene.

Men, hvergang løsningen ser ud til at virke for jer, så virker den simpelthen bare ikke her!

Jeg er ved at lave en hjemmeside for en kunde, og min dokument ser sådan her ud:

<!DOCTYPE html>
<head>
<meta "UTF-8" />
<html>
<title>Gør noget godt for dig selv!</title>

<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/tms-0.3.js"></script>
    <script src="js/tms_presets.js"></script>
    <script src="js/cufon-yui.js"></script>
    <script src="js/Asap_400.font.js"></script>
    <script src="js/Coolvetica_400.font.js"></script>
    <script src="js/Kozuka_M_500.font.js"></script>
    <script src="js/cufon-replace.js"></script>
    <script src="js/FF-cash.js"></script>
    <script>
        $(window).load(function(){
            $('.slider')._TMS({
            prevBu:'.prev',
            nextBu:'.next',
            pauseOnHover:true,
            pagNums:false,
            duration:800,
            easing:'easeOutQuad',
            preset:'Fade',
            slideshow:7000,
            pagination:'.pagination',
            waitBannerAnimation:false,
            banners:'fade'
            })
        })    
    </script>
</head>
<body>
<div class="main">
    <div class="bg-img"></div>

Selvom jeg har lavet min meta rigtig (og ja, jeg har prøvet både ISO versionen og den lange version), så virker æøå stadigvæk ikke, og jeg er snart ved at løbe tør for idéer der kan være galt!

Nogen forslag?
Avatar billede olebole Juniormester
21. januar 2013 - 20:01 #1
<ole>

For det første skal du bruge en meta, der virker:

<meta charset="utf-8">

Dernæst skal

*) alle dine filer være gemt som utf-8.
*) evt. databases default tegnsæt være sat utf-8.
*) evt. DB-tabellers collations være sat til utf8_danish_ci
*) din server sende filerne som utf-8

/mvh
</bole>
Avatar billede ChrianDK Nybegynder
21. januar 2013 - 20:15 #2
Nope, virker stadigvæk ikke....

Eventuelt se det her:
www.AdHocBodycare.dk

Både i Safari på min private MacBook pro, og min Windows med Chrome virker det ikke..
Avatar billede scootergrisen Nybegynder
21. januar 2013 - 20:39 #3
Brug http://validator.w3.org/ til at finde fejl i din HTML kode.

Her er noget der ikke er korrekt.

<head>
<meta "UTF-8" /><html>


Gør det som #1 i skrev og uploade det så vi kan se det er rettet på siden i stedet for at skrive nope det hjalp ikke.
Avatar billede arne_v Ekspert
21. januar 2013 - 20:42 #4
<!DOCTYPE html>
<head>
<meta "UTF-8" /><html>
...
</head>
<body>
...
</body>
</html>

tyder ikke paa at du har laest alle svar indenfor web sider
Avatar billede olebole Juniormester
21. januar 2013 - 20:43 #5
Denne kode holder nok ikke:

<!DOCTYPE html>
<head>
<meta "UTF-8" /><html>
Avatar billede arne_v Ekspert
21. januar 2013 - 20:44 #6
Der er UTF-8 tegn paa siden men browseren tror at det er ISO-8859-1.

Proev og faa aendret saa browseren forstaar at det er UTF-8.

Det vil nok loese de umiddelbare problemer.
Avatar billede ChrianDK Nybegynder
21. januar 2013 - 20:51 #7
Ok ok, jeg har prøvet at ændre min browser så at den tolker koder som UTF-8, det hjalp på hjemmeside titlen.

Angående resten, så er jeg i tvivl hvad i mener?
Jeg har prøvet flere forskellige opsætningerne, men efter at have konsulteret mig med to af mine med kollegaer, og vi blev enige om den opsætning der er nu.

Her er koden som den står lige nu:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ad Hoc Bodycare</title>

<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/tms-0.3.js"></script>
    <script src="js/tms_presets.js"></script>
    <script src="js/cufon-yui.js"></script>
    <script src="js/Asap_400.font.js"></script>
    <script src="js/Coolvetica_400.font.js"></script>
    <script src="js/Kozuka_M_500.font.js"></script>
    <script src="js/cufon-replace.js"></script>
    <script src="js/FF-cash.js"></script>
    <script>
        $(window).load(function(){
            $('.slider')._TMS({
            prevBu:'.prev',
            nextBu:'.next',
            pauseOnHover:true,
            pagNums:false,
            duration:800,
            easing:'easeOutQuad',
            preset:'Fade',
            slideshow:7000,
            pagination:'.pagination',
            waitBannerAnimation:false,
            banners:'fade'
            })
        })    
    </script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div class="main">
    <div class="bg-img"></div>
<!--==============================header=================================-->
    <header>
   
        <h1><a href="index.html">Ad Hoc<strong>Bodycare</strong></a></h1>
        <nav>
            <div class="social-icons">
                <a href="http://www.facebook.com" class="icon-2"></a>
                <a href="http://www.twitter.com" class="icon-1"></a>
          </div>
            <ul class="menu">
                <li class="current"><a href="index.html">Forside</a></li>
                <li><a href="om mig.html">Om mig</a></li>
                <li><a href="mine behandlinger.html">Mine behandlinger</a></li>
                <li><a href="nutrition.html">#</a></li>
                <li><a href="contacts.html">Kontakt</a></li>
            </ul>
        </nav>
    </header> 
<!--==============================content================================-->
    <section id="content">
        <div class="container_12">
          <div class="grid_12">
            <div class="slider">
              <ul class="items">
                <li><img src="images/test2.jpg" width="640" height="415">
                    <div class="banner">
<p class="font-1">Giv et gavekort!</p>
                        <p class="font-2">Giv et gavekort til den der fortjener, velvære og adspredelse fra den travle hverdag og som giver resultater i længere tid.
                        <a href="#">Læs mere</a>
                    </div>
                </li>
              </ul>
              <div class="pagination">
                  <ul>
                    <li><a href="#"></a></li>
                  </ul>
              </div> 
            </div>
          </div>   
          <div class="grid_12 top-1">
              <div class="block-1 box-shadow">
                <p align="center" class="font-3">Ad Hoc Bodycare er  din garanti for en professionel og tilpasset behandling!</p>
            </div>
          </div>
    <div class="clear"></div>
        </div>
    </section>
<!--==============================footer=================================-->
    <footer>
        <p>©© 2012 AdHocBodycare</p>
        <p>CVR: xxxxxx </p>
       
    </footer>   
</div>   
</body>
</html>
Avatar billede olebole Juniormester
21. januar 2013 - 22:32 #8
Du har ikke brug for både:

<meta charset="utf-8">

- og:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

- én af dem er nok. Noget tyder på, at teksten, du har i 'content', ikke er utf-8
Avatar billede ChrianDK Nybegynder
21. januar 2013 - 22:39 #9
Upser fra min side af.

Jeg har slettet <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> .

Hvordan kan jeg gøre teksten i content til UTF-8?
Jeg skulle da mene at så længe jeg har min meta til UTF-8, så ville den tolke alle tegn som UTF-8?
Avatar billede arne_v Ekspert
21. januar 2013 - 22:50 #10
Er den ikke allerede i UTF-8?
Avatar billede olebole Juniormester
21. januar 2013 - 23:16 #11
Jo, jeg tror, problemet er et andet. JS manipulerer teksten og fylder den i noget canvas-halløj. Meget sandsynligt er det dér, noget går galt.

Måske, det kan skyldes, skriften ikke indeholder skandinaviske tegn(?)
Avatar billede scootergrisen Nybegynder
21. januar 2013 - 23:17 #12
Nu ser det ud til at virke fint.

At der står "LS MERE" i stedet for "LÆS MERE" er sikkert fordi fonten ikke har tegn som æøå.
Avatar billede olebole Juniormester
21. januar 2013 - 23:24 #13
#12: Netop
Avatar billede ChrianDK Nybegynder
22. januar 2013 - 00:43 #14
JS fonten er i ASAP 400 (Google web fonts) og i Coolvetiva 400. Begge skrifttyper indeholder tegnene ÆØÅ..

Dog har jeg lige fundet ud af at der også gemmer sig en tredje font, Kozuka hedder den. Den indeholder ikke ÆØÅ. Så jeg prøvede at ændre fonten i teksten, og voila, så virkede ÆØÅ sku alligevel!

Mange tak for hjælpen!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester