ugrás a tartalomhoz

Karakterkódolás

makezdtem · 2011. Dec. 7. (Sze), 11.54
Sziasztok!
Az lenne az én problémám, hogy van egy sablonom, tudom gáz meg ciki, de ez nem ide tartozik... az ékezetes karakterek nem akarnak megjelenni rajta. Nem ? jelek lesznek hanem szimplán nincsenek ott, kihagyja őket. Próbáltam utf 8 akkor iso 1, iso 2 vel is de egyiknél sem teszi ki. Nem tudjátok mi lehet a probléma?
Köszi a segítségeteket!
 
1

Először is nem próbálni

kuka · 2011. Dec. 7. (Sze), 11.59
Először is nem próbálni kellene, hanem beállítani arra ami. Persze az a „próbáltam” is eléggé tág fogalom. Mit is próbáltál konkrétan?

Ami meg a „van egy sablonom” kijelentéseket illeti, semmi támpontot nem ad arra, hogy mi és mikor dolgozza fel. Márpedig lehetséges, hogy az a valami és abban a pillanatban valamiért másnak hiszi a karakterkódolást, a próbálásaid ellenére.
2

Értem........

makezdtem · 2011. Dec. 7. (Sze), 12.07
Értem főnök!
3

Ami nekem eszembe jut így, a

H.Z. v2 · 2011. Dec. 7. (Sze), 12.08
Ami nekem eszembe jut így, a forrás ismerete nélkül:
ahonnan megjeleníted a szöveget, annak a kódolása megegyezik azzal, amit a headerben beállítasz?
Netán adatbázisból jelenítesz meg valamit?
Esetleg ott is lehet eltérés a bevitt/kivett adatok kódolása és az adatbázis kapcsolatban beállított kódolás között.
stb.
4

igen

makezdtem · 2011. Dec. 7. (Sze), 12.16
Igen megegyezik azzal amit a headerben állítok be. Esetleg a css style - ban kellene szétnéznem?
5

Alapok

Poetro · 2011. Dec. 7. (Sze), 12.28
Akkor először is, tisztázzuk az alapokat. Miben is van ez a sablon? Valami PHP sablonozó rendszerhez, JavaScript, Flash, vagy valami más nyelv / eszköz? Hogyan használod ezt a sablont? És hol van benne kódolási probléma? A sablonban levő szövegeken, vagy azokon, amit betöltesz a sablonba? Egyáltalán, mit jelent számodra az, hogy sablon? Részletek nélkül nem nagyon tudunk tovább haladni.
6

na szóval

makezdtem · 2011. Dec. 7. (Sze), 12.42
Leszedtem egy teljes weboldalt ami kész van. Csak a szöveget szeretném átírni rajta de az ékezetes betűket nem jeleníti meg, üres marad. Na ez a weboldal 4 html fájlból két css stíluslap dokumentumból vagy fájlból és 5 db javascript fájlból áll.
7

magának a fájlnak a

asam9 · 2011. Dec. 7. (Sze), 13.00
magának a fájlnak a karakterkódolását kellene átállítanod mondjuk utf-8-ra és meta-ba is mehet ugyanez
8

HTML

Poetro · 2011. Dec. 7. (Sze), 13.07
Ha közvetlen a HTML fájlt szerkeszted egy UTF-8 képes szerkesztőben, és a
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
elemet beállítod (vagy a régebbit átírod, hogy utf-8 legyen), valamint a fájlt UTF-8-ként szolgálod ki, akkor is jelentkezik a probléma? Nem lehet, hogy egy olyan fontot használ, amiben nincsenek ékezetes karakterek? Ugyanis akkor vagy más karakterek, vagy pedig semmilyen karakter nem fog megjelenni. A HTML forrásában a böngészőben látszódnak az ékezetes karakterek?

Egyébként a „leszedtem” nem hangzik túlságosan legálisnak.
12

Free website templates

Hidvégi Gábor · 2011. Dec. 7. (Sze), 21.07
9

Ez most úgy hangzik, hogy

kuka · 2011. Dec. 7. (Sze), 13.07
Ez most úgy hangzik, hogy csak a szövegszerkesztődnek kell megmondd, hogy mi is az illető állományok kódolása. Bár az értelmesebbek erre rá szoktak jönni. Mit is használsz szerkesztésre?
14

notepad

makezdtem · 2011. Dec. 9. (P), 10.14
Notepad + +
10

Helló így csak tippelgetni

Karvaly84 · 2011. Dec. 7. (Sze), 14.08
Helló így csak tippelgetni tudunk. Egyébként milyen kódolást szeretnél használni? Ha tegyük fel UTF-8-at és egy böngészőben jeleníted meg a kimenetet akkor kb. ezeket kell végre hajtani:
  • Egy olyan szövegszerkesztőt használsz ahol van lehetőség a UTF-8 BOM nélküli mentésre.
  • A sablon által elő állított lap is UTF-8, és meta tag-ben utalsz a kodolásra is
  • És ha a szerver nem megfelelő fejléccel küldi át a cuccost akkor a böngésző csak tippelget
11

Én erre "tippelnék"

Pepita · 2011. Dec. 7. (Sze), 20.58
És ha a szerver nem megfelelő fejléccel küldi át a cuccost akkor a böngésző csak tippelget

default_char_set=utf-8
13

Félig-meddig a témához csatlakozva...

H.Z. v2 · 2011. Dec. 7. (Sze), 21.17
Valamit nagyon nem értek: a port.hu címen, a lap jobb oldalán megjelenő bejelentkező ablak, illetve belépés után az "Eseményeim" és a "Személyes ajánló" hibásan jelenik meg, ha linuxos (Ubi LTS 64bit) Firefox alól nézem. Ha ugyanezt, egy win7 64bit-es, azonos verziójú FF-ből nyitom meg, akkor rendben vannak az ékezetek.
Ilyenkor mi van?
Linux alatt az ékezetes karakterek helyén egy élére állított négyzetbe írt kérdőjelet kapok. (mindkét rendszer frissen telepítve, még a "gyári" beállításokkal)

update: lehet, hogy a használt fontok okozzák(?).
15

így néz ki

makezdtem · 2011. Dec. 9. (P), 10.20

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Viharsarok ... áááűűűű</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/droid_sans_400-droid_sans_700.font.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js" lang="en"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
</head>
idáig nincs is baj, szépen megjeleníti a böngésző fejlécében az ékezetes betűket, de ami már a bodyban van azokat már nem...

<body>
<div class="main">
  <div class="header">
    <div class="header_resize">
      <div class="menu_nav">
        <ul>
          <li class="active"><a href="index.html" lang="en"><span>Műsor</span></a></li>
          <li><a href="tarsulat.html"><span>Társulat</span></a></li>
          <li><a href="hirek.html"><span>Hírek</span></a></li>
          <li><a href="galeria.html"><span>Galéria</span></a></li>
          <li><a href="kapcsolat.html"><span>Kapcsolat</span></a></li>
Na akkor most mi van? :S
16

vedd ki az 1. sort, a 6.-at

asam9 · 2011. Dec. 9. (P), 10.25
vedd ki az 1. sort, a 6.-at pedig cseréld le erre:
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
17

így

makezdtem · 2011. Dec. 9. (P), 10.28
így ??????? jelennek meg! :D
20

Akkor nem UTF-8 kódolással

kuka · 2011. Dec. 9. (P), 10.38
Akkor nem UTF-8 kódolással mented. Lásd az Encoding részt a Notepad++ online dokumentációjában.
18

áááűűűű + ISO-8859-1 ????

Karvaly84 · 2011. Dec. 9. (P), 10.32
áááűűűű + ISO-8859-1 ????
19

utf 8 ban se jelennek meg

makezdtem · 2011. Dec. 9. (P), 10.36
utf 8 ban se jelennek meg
se iso 1 se iso2
csak a böngészőben mutatja meg normálisan az ékezetes betűket, de a bodyban már nem egyik karakterkódolással sem.
Bár most észrevettem egy olyan jelenséget, hogy a menükben egy ékezetes betűt sem jelenít meg oldalt a szövegben mindent megjelenít, középen a szövegben csak a ű betűt nem jeleníti meg. Akkor valahol máshol van a probléma? :D
21

na jó nem jó bár hogy próbálkozom

makezdtem · 2011. Dec. 9. (P), 11.09
itt a teljes html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>áááááűűűűű | ezt jól megjeleníti</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/droid_sans_400-droid_sans_700.font.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
</head>
<body>
<div class="main">
  <div class="header">
    <div class="header_resize">
      <div class="menu_nav">
        <ul>
          <li class="active"><a href="index.html"><span>Műsor ez már nem</span></a></li>
          <li><a href="tarsulat.html"><span>Társulat</span></a></li>
          <li><a href="hirek.html"><span>Hírek</span></a></li>
          <li><a href="galeria.html"><span>Galéria</span></a></li>
          <li><a href="kapcsolat.html"><span>Kapcsolat</span></a></li>
        </ul>
      </div>
      <div class="logo">
        <h1><a href="index.html">Vihar<span>sarok</span> <small>ezsemjelenik megűű</small></a></h1>
      </div>
      <div class="clr"></div>
      <div class="slider">
        <div id="coin-slider"> <a href="#"><img src="images/slide1.jpg" width="940" height="336" alt="" /> </a> <a href="#"><img src="images/slide2.jpg" width="940" height="336" alt="" /> </a> <a href="#"><img src="images/slide3.jpg" width="940" height="336" alt="" /> </a> </div>
        <div class="clr"></div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="content">
    <div class="content_resize">
      <div class="mainbar">
        <div class="article">
          <h2><span>uuuaaa</span> For Your Business</h2>
          <p class="infopost">Posted on <span class="date">11 sep 2018</span> by <a href="#">Admin</a> &nbsp;&nbsp;|&nbsp;&nbsp; Filed under <a href="#">templates</a>, <a href="#">internet</a></p>
          <div class="clr"></div>
          <div class="img"><img src="images/img1.jpg" width="162" height="192" alt="" class="fl" /></div>
          <div class="post_content">
            <p>Lorem ipsoouuum dolor sit amet, consectetuer adipiscing elit. Donec libero. <a href="#">Suspendisse bibendum. Cras id urna.</a> Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</p>
            <p><strong>Aenean consequat porttitor adipiscing. Nam pellentesque justo ut tortor congue lobortis. Donec venenatis sagittis fringilla.</strong> Etiam nec libero magna, et dictum velit. Proin mauris mauris, mattis eu elementum eget, commodo in nulla. Mauris posuere venenatis pretium. Maecenas a dui sed lorem aliquam dictum. Nunc urna leo, imperdiet eu bibendum ac, pretium ac massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Quisque condimentum luctus ullamcorper.</p>
            <p class="spec"><a href="#" class="rm">Read more</a> <a href="#" class="com"><span>11</span> Com</a></p>
          </div>
          <div class="clr"></div>
        </div>
        <div class="article">
          <h2><span>We'll Make Sure Template</span> Works For You</h2>
          <p class="infopost">Posted on <span class="date">29 aug 2016</span> by <a href="#">Admin</a> &nbsp;&nbsp;|&nbsp;&nbsp; Filed under <a href="#">templates</a>, <a href="#">internet</a></p>
          <div class="clr"></div>
          <div class="img"><img src="images/img2.jpg" width="162" height="192" alt="" class="fl" /></div>
          <div class="post_content">
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</a> Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam.</p>
            <p><strong>Aenean consequat porttitor adipiscing. Nam pellentesque justo ut tortor congue lobortis. Donec venenatis sagittis fringilla.</strong> Etiam nec libero magna, et dictum velit. Proin mauris mauris, mattis eu elementum eget, commodo in nulla. Mauris posuere venenatis pretium. Maecenas a dui sed lorem aliquam dictum. Nunc urna leo, imperdiet eu bibendum ac, pretium ac massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Quisque condimentum luctus ullamcorper.</p>
            <p class="spec"><a href="#" class="rm">Read more</a> <a href="#" class="com"><span>7</span> Com</a></p>
          </div>
          <div class="clr"></div>
        </div>
        <p class="pages"><small>Page 1 of 2</small> <span>1</span> <a href="#">2</a> <a href="#"></a></p>
      </div>
      <div class="sidebar">
        <div class="searchform">
          <form id="formsearch" name="formsearch" method="post" action="#">
            <span>
            <input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" value="Search our ste:" type="text" />
            </span>
            <input name="button_search" src="images/search.gif" class="button_search" type="image" />
          </form>
        </div>
        <div class="clr"></div>
        <div class="gadget">
          <h2 class="star"><span>Men</span></h2>
          <div class="clr"></div>
          <ul class="sb_menu">
            <li><a href="#">Műsor 1</a></li>
            <li><a href="#">Műsor 2</a></li>
          </ul>
        </div>
        <div class="gadget">
          <h2 class="star"><span>Szponzoraink</span></h2>
          <div class="clr"></div>
          <ul class="ex_menu">
            <li><a href="http://www.dreamtemplate.com/">DreamTemplate</a><br />
              Over 6,000+ Premium Web Templates</li>
            <li><a href="http://www.templatesold.com/">TemplateSOLD</a><br />
              Premium WordPress &amp; Joomla Themes</li>
            <li><a href="http://www.imhosted.com/">ImHosted.com</a><br />
              Affordable Web Hosting Provider</li>
            <li><a href="http://www.megastockphotos.com/">MegaStockPhotos</a><br />
              Unlimited Amazing Stock Photos</li>
            <li><a href="http://www.evrsoft.com/">Evrsoft</a><br />
              Website Builder Software &amp; Tools</li>
            <li><a href="http://www.csshub.com/">CSS Hub</a><br />
              Premium CSS Templates</li>
          </ul>
        </div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="fbg">
    <div class="fbg_resize">
      <div class="col c1">
        <h2><span>Image</span> Gallery</h2>
        <a href="#"><img src="images/gal1.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal2.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal4.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal5.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a> </div>
      <div class="col c2">
        <h2><span>Services</span> Overview</h2>
        <p>Curabitur sed urna id nunc pulvinar semper. Nunc sit amet tortor sit amet lacus sagittis posuere cursus vitae nunc.Etiam venenatis, turpis at eleifend porta, nisl nulla bibendum justo.</p>
        <ul class="fbg_ul">
          <li><a href="#">Lorem ipsum dolor labore et dolore.</a></li>
          <li><a href="#">Excepteur officia deserunt.</a></li>
          <li><a href="#">Integer tellus ipsum tempor sed.</a></li>
        </ul>
      </div>
      <div class="col c3">
        <h2><span>Contact</span> Us</h2>
        <p>Nullam quam lorem, tristique non vestibulum nec, consectetur in risus. Aliquam a quam vel leo gravida gravida eu porttitor dui.</p>
        <p class="contact_info"> <span>Address:</span> 1458 TemplateAccess, USA<br />
          <span>Telephone:</span> +123-1234-5678<br />
          <span>FAX:</span> +458-4578<br />
          <span>Others:</span> +301 - 0125 - 01258<br />
          <span>E-mail:</span> <a href="#">mail##kukac##yoursitename.com</a> </p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="footer">
    <div class="footer_resize">
      <p class="lf"> Copyright <a href="#">MyWebSite</a>.</p>
      <p class="rf">Design by Dream <a href="http://www.dreamtemplate.com/">Web Templates</a></p>
      <div style="clear:both;"></div>
    </div>
  </div>
</div>
</body>
</html>
itt a ccs beállítás

@charset "UTF-8";
body {
	margin:0;
	padding:0;
	width:100%;
	color:#585757;
	font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
	background:#fff url(../images/header_bg.jpg) repeat-x center 172px;
}
html, .main {
	padding:0;
	margin:0;
}
.main {
	background:url(../images/hbg_bg.jpg) no-repeat center 162px;
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
h2 {
	margin:8px 0;
	padding:8px 0;
	font-size:26px;
	font-weight:normal;
	line-height:1.2em;
	color:#494848;
	text-transform:none;
}
p {
	margin:8px 0;
	padding:0 0 8px 0;
}
a {
	color:#e57371;
	text-decoration:underline;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.header {
}
.header_resize {
	margin:0 auto;
	padding:0;
	width:960px;
}
.logo {
	padding:0;
	float:none;
	float:left;
	width:auto;
	height:172px;
}
h1 {
	margin:0;
	padding:54px 0 0 20px;
	font-size:40px;
	font-weight:normal;
	line-height:1.2em;
	text-transform:none;
	letter-spacing:2px;
}
h1 a, h1 a:hover {
	color:#ef7d7b;
	text-decoration:none;
}
h1 span {
	color:#b093e5;
}
h1 small {
	display:block;
	font-size:13px;
	line-height:1.2em;
	letter-spacing:normal;
	text-transform:none;
	color:#cececc;
}
.slider {
	margin:0;
	padding:0 10px 20px;
	background:no-repeat center top;
}
.rss {
	padding:18px 20px 0 0;
	float:right;
	width:auto;
}
.rss p {
	margin:0;
	padding:0;
	float:right;
	width:auto;
	color:#fff;
	font-size:13px;
	line-height:1.5em;
	font-weight:bold;
}
.rss a {
	color:#fff;
	text-decoration:none;
}
.rss a:hover {
	text-decoration:underline;
}
.rss img {
	margin:-3px 0 -3px 6px;
	border:none;
}
.menu_nav {
	margin:0;
	padding:56px 0 0;
	height:48px;
	float:right;
}
.menu_nav ul {
	list-style:none;
	padding:0 0 0 2px;
	height:48px;
	float:left;
	border:1px solid #ececec;
}
.menu_nav ul li {
	margin:0;
	padding:0 2px 0 0;
	float:left;
	background:no-repeat right center;
}
.menu_nav ul li a {
	display:block;
	margin:0;
	padding:18px 20px;
	font-size:15px;
	line-height:20px;
	font-weight:normal;
	color:#929292;
	text-decoration:none;
	text-transform:none;
	text-align:center;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
	text-decoration:none;
	color:#e77573;
}
.content {
	padding:0;
}
.content_resize {
	margin:0 auto;
	padding:24px 0 40px;
	width:960px;
}
.content .mainbar {
	margin:0;
	padding:0;
	float:right;
	width:680px;
}
.content .mainbar h2 {
	margin-bottom:0;
}
.content .mainbar div.img {
	padding:12px 0;
	float:left;
}
.content .mainbar img {
}
.content .mainbar img.fl {
	margin:0;
	border:1px solid #e6e6e6;
}
.content .mainbar .article {
	margin:0 0 8px;
	padding:0 20px 16px;
	background:no-repeat 20px top;
}
.content .mainbar .post_content {
	float:right;
	width:460px;
}
.content .mainbar .post_content strong {
	color:#585757;
}
.content .sidebar {
	padding:0;
	float:left;
	width:260px;
}
.content .sidebar .gadget {
	margin:0 0 12px;
	padding:0 20px 24px;
	background:no-repeat 20px top;
}
.content .sidebar h2 {
}
ul.sb_menu, ul.ex_menu {
	margin:0;
	padding:0;
	list-style:none;
	color:#959595;
}
ul.sb_menu li, ul.ex_menu li {
	margin:0;
}
ul.sb_menu li, ul.ex_menu li {
	padding:8px 0;
	width:220px;
	background:repeat-x left bottom;
}
ul.sb_menu li a {
	color:#585757;
	text-decoration:none;
	margin-left:0;
	padding:4px 8px 4px 0;
	background:no-repeat left center;
}
ul.ex_menu li a {
	font-weight:bold;
	color:#585757;
	text-decoration:none;
	background:no-repeat left center;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
	color:#e57371;
	text-decoration:none;
	background:no-repeat left center;
}
p.spec {
	margin:0 0 16px;
	padding:0;
	float:left;
	width:auto;
	border:1px solid #e57371;
}
p.infopost {
	margin:0;
	padding:6px 0;
	text-transform:none;
	color:#959595;
}
p.infopost a {
	padding:0 2px;
	text-decoration:none;
	font-weight:normal;
	color:#e57371;
}
p.infopost a:hover {
	text-decoration:underline;
}
p.infopost span.date {
}
.article a.com {
	display:block;
	float:left;
	margin:0;
	padding:6px 16px;
	font-size:24px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:#e57371;
}
.article a.com:hover {
	text-decoration:none;
}
.article a.com span {
}
.post_content a.rm {
	display:block;
	float:left;
	padding:10px 16px;
	font-size:16px;
	line-height:25px;
	font-weight:normal;
	text-transform:none;
	color:#e57371;
	text-decoration:none;
	text-align:center;
}
.content p.pages {
	margin:0;
	padding:24px 20px;
	font-size:11px;
	line-height:16px;
	color:#959595;
	text-align:left;
}
.content p.pages span, .content p.pages a {
	display:block;
	float:left;
	margin:0 2px 0 0;
	padding:6px 0;
	width:28px;
	text-decoration:none;
	text-align:center;
}
.content p.pages span, .content p.pages a:hover {
	color:#fff;
	background:#e67a78;
	border:1px solid #e67a78;
}
.content p.pages a {
	color:#959595;
	border:none;
	border:1px solid #8b8b8b;
}
.content p.pages small {
	font-size:12px;
	float:right;
}
.content .mainbar .comment {
	margin:0;
	padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
	border:1px solid #dedede;
	margin:10px 16px 0 0;
	padding:0;
	float:left;
}
.fbg {
}
.fbg_resize {
	margin:0 auto;
	width:920px;
	padding:16px 20px;
	color:#fff;
	background:#b0b0b0;
}
.fbg h2 {
	margin-bottom:24px;
	padding-bottom:8px;
	color:#fff;
}
.fbg img.gal {
	margin:0 8px 8px 0;
	padding:0;
	border:4px solid #fff;
}
.fbg .col {
	margin:0;
	float:left;
}
.fbg .c1 {
	padding:0 16px 0 0;
	width:280px;
}
.fbg .c2 {
	padding:0 36px 0 16px;
	width:280px;
}
.fbg .c3 {
	padding:0 0 0 16px;
	width:274px;
}
.fbg .fbg_ul {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li {
	margin:0;
	padding:0;
	list-style:none;
}
.fbg .fbg_ul li a {
	display:block;
	margin:0;
	padding:2px 0 2px 12px;
	color:#fff;
	text-decoration:none;
	background:url(../images/li.gif) no-repeat left center;
}
.fbg .fbg_ul li a:hover {
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
}
.fbg p.contact_info {
	line-height:1.8em;
}
.fbg p.contact_info a {
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
}
.fbg p.contact_info span {
	display:block;
	float:left;
	width:74px;
	font-weight:bold;
}
ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:5px 2px;
	height:16px;
	background-color:#fff;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:2px;
	background-color:#fff;
}
ol li .send {
	margin:16px 0 0 0;
}
.searchform {
	padding:12px 0 24px 20px;
	float:left;
}
#formsearch {
	margin:0;
	padding:0;
	width:auto;
	height:30px;
}
#formsearch span {
	display:block;
	margin:0;
	padding:0;
	float:left;
	background:url(../images/search_bg.gif) no-repeat left top;
}
#formsearch input.editbox_search {
	margin:0;
	padding:8px 10px;
	float:left;
	width:168px;
	font-size:12px;
	line-height:16px;
	color:#a9a9a9;
	background:none;
	outline:none;
	border:none;
}
#formsearch input.button_search {
	margin:0;
	padding:0;
	border:none;
	float:left;
}
.footer {
}
.footer_resize {
	margin:0 auto;
	padding:0;
	width:920px;
	line-height:1.5em;
	color:#585757;
}
.footer_resize p {
	margin:32px 0;
	padding:0;
	line-height:normal;
	white-space:nowrap;
	text-indent:inherit;
}
.footer_resize a {
	color:#e57371;
	font-weight:normal;
	margin:0;
	padding:0;
	border:none;
	text-decoration:underline;
	background-color:transparent;
}
.footer_resize a:hover {
	color:#e57371;
	background-color:transparent;
	text-decoration:none;
}
.footer_resize .lf {
	float:left;
}
.footer_resize .rf {
	float:right;
}
a {
	outline:none;
}
22

Milyen op.rendszeren fut a

H.Z. v2 · 2011. Dec. 9. (P), 11.21
Milyen op.rendszeren fut a böngésződ?
23

A font:normal 12px/1.5em

Karvaly84 · 2011. Dec. 9. (P), 11.27
A

font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;  
cseréld le erre:

font:normal 12px/1.5em Arial, Helvetica, sans-serif;  
Valószínűleg a custom font kavar be mert nem tartalmazza a mi nyelvünknek megfelelő karaktereket, bár elvileg azt helyettesítenie kéne más típussal de ez nekem úgy tűnik egy külső font lesz amit a css definiál az oldalhoz.
26

All three fonts support code

kuka · 2011. Dec. 9. (P), 11.37
All three fonts support code pages 437, 737, 775, 850, 852, 855, 857, 860, 861, 863, 865, 866, 869, 1250, 1251, 1252, 1253, 1254, 1257, the Macintosh Character Set (US Roman), and the Windows OEM character set. – Wikipedia - Liberation fonts
A dafont.com-on sajátszeműleg is meggyőzödhetsz róla.
24

Weblaborra bemásolva az oldal

kuka · 2011. Dec. 9. (P), 11.28
Weblaborra bemásolva az oldal forráskódját és innen kimásolva nem valószínű, hogy mérvadó amit látunk. (A fenti nálam helyesen jelenik meg.) Inkább a saját tárhelyeden kéne megtekintsük. Úgy látnánk a HTTP válasz fejléceket is. Addig is, bemásolhatnád őket ide.
25

http://vhstanc.atw.hu/

makezdtem · 2011. Dec. 9. (P), 11.36
http://vhstanc.atw.hu/
27

most azt jól látom, hogy a

Karvaly84 · 2011. Dec. 9. (P), 11.40
most azt jól látom, hogy a menü feliratok egy canvas elembe vannak kirajzolva????
28

a menü felíratok nem...

makezdtem · 2011. Dec. 9. (P), 11.44
a menü felíratok nem...
29

ATW-n UTF-8 nem fog működni,

kuka · 2011. Dec. 9. (P), 11.45
ATW-n UTF-8 nem fog működni, mert ezt küldik HTTP válasz fejlécben:
Content-Type: text/html; charset=iso8859-2
Ha ATW-n statikus dokumentumokat szándékszol tárolni, cserélj minden kódolást ISO-8859-2-re. Vagy PHP szkriptben mindig legyen header('Content-Type: text/html; charset=UTF-8'); hívás a tartalom előtt.

Ami a Notepad++ állítást illeti, az UTF-8 legyen BOM nélküli.
30

áttettem

makezdtem · 2011. Dec. 9. (P), 11.51
áttettem iso2 ahogy mondtad, és úgy sem jó, de ha megfigyeled a címben van ékezetet, meg az oldalsó almenüben is csak a főmenüben nincs felül a logó helyén, és középen... De ha ott működik akkor a másik helyen miért nem? :S Ezt nem értem...
31

Most már rendben van.

kuka · 2011. Dec. 9. (P), 12.03
Most már rendben van. Feltéve, hogy a böngészőben kikapcsolod a JavaScript futtatást. Azaz Karway úr észrevétele lesz a dolog nyitja.
32

kviettem

makezdtem · 2011. Dec. 9. (P), 12.18
kivettem, úgy sem jó! :D
33

Mit vettél ki? Mert az ATW-s

kuka · 2011. Dec. 9. (P), 12.23
Mit vettél ki? Mert az ATW-s változaton nem találom a változást.

Egyébként a js/cufon-yui.js-t kellene kiiktatni.
34

..

makezdtem · 2011. Dec. 9. (P), 15.40

font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
e helyett

font:normal 12px/1.5em Arial, Helvetica, sans-serif;    
ez van most
36

lol

makezdtem · 2011. Dec. 9. (P), 15.47
lol
Kitöröltem az egész js/cufont amit írtál és jó! :D
35

köszi

makezdtem · 2011. Dec. 9. (P), 15.41
Tényleg ezt kellett kiiktatnom! Csak az az egy probléma van, hogy kiiktattam az egészet, és grafikailag is elcsúszott egy két dolok... A fájlból nem lehet konkrétan csak azt kivenni ami a betűkódolást baszogatja??? :S