Avatar
ofajfr
Člen
Avatar
ofajfr:

Ahoj, v jednom wysiwig editoru jsem si pro firmu vytvořil jednoduché web stránky (nutnost před valnou hromadou) ale mám problém- jaksi mi nejdou fonty- ergo ukazuje mi to náhodné znaky. Můžete pomoci?
Viz obrázek :)
https://ctrlv.cz/gjUI

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
        <head>
                <title>ZMD ZÁMĚL</title>
                <meta content="width=device-width, initial-scale=1.0" name="viewport" />
                <style type="text/css">
div#container
{
   width: 800px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
#Layer1
{
   background-color: #8A2BE2;
   background: -moz-linear-gradient(bottom,#990099 0%,#3333FF 100%);
   background: -webkit-linear-gradient(bottom,#990099 0%,#3333FF 100%);
   background: -o-linear-gradient(bottom,#990099 0%,#3333FF 100%);
   background: -ms-linear-gradient(bottom,#990099 0%,#3333FF 100%);
   background: linear-gradient(bottom,#990099 0%,#3333FF 100%);
}
#Shape1
{
   width: 236px;
   height: 595px;
   background-color: #A0A0FF;
   background-image: none;
   border: 0px #000000 solid;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
#Shape3
{
   width: 528px;
   height: 1px;
   background-color: #000000;
   background-image: none;
   border: 0px #000000 solid;
}
#wb_Text6
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text6 div
{
   text-align: left;
}
#Shape2
{
   width: 236px;
   height: 20px;
   background-color: #7B68EE;
   background-image: none;
   border: 0px #000000 solid;
}
#Layer3
{
   background-color: #023D58;
   background-image: none;
}
#Layer4
{
   background-color: #0C2635;
   background-image: none;
}
#wb_Text11
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text11 div
{
   text-align: center;
}
#wb_CssMenu1
{
   border: 0px #F0FFF0 solid;
   background-color: transparent;
}
#wb_CssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#wb_CssMenu1 li
{
   float: left;
   margin: 0;
   padding: 0px 4px 0px 0px;
   width: 190px;
}
#wb_CssMenu1 a
{
   display: block;
   float: left;
   color: #000000;
   border: 0px #C0C0C0 solid;
   background-color: #FFFFFF;
   background-image: none;
   font-family: Arial;
   font-weight: bold;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   width: 180px;
   height: 40px;
   padding: 0px 5px 0px 5px;
   vertical-align: middle;
   line-height: 40px;
   text-align: center;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover, #wb_CssMenu1 .active
{
   color: #000000;
   background-color: #E6E6FA;
   background-image: none;
   border: 0px #C0C0C0 solid;
}
#wb_CssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#Shape5
{
   width: 510px;
   height: 324px;
   background-color: #A0A0FF;
   background: -moz-linear-gradient(top,#A0A0FF 0%,#0000CD 100%);
   background: -webkit-linear-gradient(top,#A0A0FF 0%,#0000CD 100%);
   background: -o-linear-gradient(top,#A0A0FF 0%,#0000CD 100%);
   background: -ms-linear-gradient(top,#A0A0FF 0%,#0000CD 100%);
   background: linear-gradient(top,#A0A0FF 0%,#0000CD 100%);
   border: 0px #000000 solid;
}
#wb_Text1
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
   white-space: nowrap;
}
#wb_Text9
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text9 div
{
   text-align: left;
}
#wb_Text2
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text3
{
   background-color: transparent;
   background-image: none;
   border: 0px #000000 solid;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
}
#Shape8
{
   width: 150px;
   height: 5px;
   background-color: #000000;
   background-image: none;
   border: 0px #000000 solid;
}
#Image2
{
   border: 0px #000000 solid;
   padding: 0px 0px 0px 0px;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
@media only screen and (max-width: 799px)
{
div#container
{
   width: 320px;
}
#Layer1
{
   left: 0px !important;
   top: 0px !important;
   height: 142px !important;
   visibility: visible !important;
   display: inline !important;
   background-color: #8A2BE2;
   background: -moz-linear-gradient(bottom,#990099 0%,#3333FF 100%);
   background: -webkit-linear-gradient(bottom,#990099 0%,#3333FF 100%);
   background: -o-linear-gradient(bottom,#990099 0%,#3333FF 100%);
   background: -ms-linear-gradient(bottom,#990099 0%,#3333FF 100%);
   background: linear-gradient(bottom,#990099 0%,#3333FF 100%);
}
#Layer1
{
   width: 100%;
}
#Layer1_Container
{
   width: 320px !important;
}
#wb_Shape1
{
   left: 10px !important;
   top: 157px !important;
   width: 236px !important;
   height: 595px !important;
   visibility: hidden !important;
   display: none !important;
}
#Shape1
{
   width: 236px !important;
   height: 595px !important;
}
#wb_Shape3
{
   left: 12px !important;
   top: 403px !important;
   width: 292px !important;
   height: 2px !important;
   visibility: visible !important;
   display: inline !important;
}
#Shape3
{
   width: 292px !important;
   height: 2px !important;
}
#BuildWith1
{
   left: 732px !important;
   top: 22px !important;
   width: 62px !important;
   height: 31px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_Text6
{
   left: 24px !important;
   top: 6px !important;
   width: 274px !important;
   height: 122px !important;
   visibility: visible !important;
   display: inline !important;
   background-color: transparent;
   background-image: none;
}
#wb_Shape2
{
   left: 10px !important;
   top: 137px !important;
   width: 236px !important;
   height: 20px !important;
   visibility: hidden !important;
   display: none !important;
}
#Shape2
{
   width: 236px !important;
   height: 20px !important;
}
#Layer3
{
   left: 0px !important;
   top: 1190px !important;
   height: 26px !important;
   visibility: hidden !important;
   display: none !important;
   background-color: #023D58;
   background-image: none;
}
#Layer3
{
   width: 100%;
}
#Layer3_Container
{
   width: 320px !important;
}
#Layer4
{
   left: 0px !important;
   top: 1216px !important;
   height: 62px !important;
   visibility: visible !important;
   display: inline !important;
   background-color: #0C2635;
   background-image: none;
}
#Layer4
{
   width: 100%;
}
#Layer4_Container
{
   width: 320px !important;
}
#wb_Text11
{
   left: 16px !important;
   top: 15px !important;
   width: 285px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline !important;
   background-color: transparent;
   background-image: none;
}
#wb_CssMenu1
{
   left: 28px !important;
   top: 161px !important;
   width: 265px !important;
   height: 192px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_CssMenu1 ul
{
   width: 100%;
}
#wb_CssMenu1 li
{
   padding: 0 0px 4px 0px;
   width: 100%;
}
#wb_CssMenu1 a
{
   float: none;
   width: 100%;
}
#wb_Shape5
{
   left: 10px !important;
   top: 832px !important;
   width: 300px !important;
   height: 369px !important;
   visibility: visible !important;
   display: inline !important;
}
#Shape5
{
   width: 300px !important;
   height: 369px !important;
}
#wb_Text1
{
   left: 14px !important;
   top: 855px !important;
   width: 288px !important;
   height: 90px !important;
   visibility: visible !important;
   display: inline !important;
   background-color: transparent;
   background-image: none;
}
#wb_Text9
{
   left: 11px !important;
   top: 412px !important;
   width: 283px !important;
   height: 160px !important;
   visibility: visible !important;
   display: inline !important;
   background-color: transparent;
   background-image: none;
}
#wb_Shape8
{
   left: 344px !important;
   top: 654px !important;
   width: 526px !important;
   height: 5px !important;
   visibility: visible !important;
   display: inline !important;
}
#Shape8
{
   width: 526px !important;
   height: 5px !important;
}
}               </style>
        </head>
        <body>
                <div id="Layer1" style="position:absolute;text-align:center;left:0px;top:9px;width:100%;height:137px;z-index:1;">
                        <div id="Layer1_Container" style="width:800px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
                                 </div>
                </div>
                <div id="container">
                        <div id="wb_Shape1" style="position:absolute;left:12px;top:177px;width:236px;height:595px;z-index:2;">
                                <div id="Shape1">
                                         </div>
                        </div>
                        <div id="wb_Shape3" style="position:absolute;left:260px;top:156px;width:528px;height:1px;z-index:3;">
                                <div id="Shape3">
                                         </div>
                        </div>
                        <div id="wb_Text6" style="position:absolute;left:24px;top:9px;width:977px;height:61px;z-index:5;text-align:left;">
                                <span style="color:#f0ffff;"><span style="font-size:36px;">ZMD ZÁMĚL AKCIOVÁ SPOLEČNOST</span></span></div>
                        <div id="wb_CssMenu1" style="position:absolute;left:12px;top:70px;width:816px;height:40px;z-index:7;">
                                <ul>
                                        <li class="firstmain">
                                                <a class="active" href="./index.html" target="_self" title="Úvodní stránka">Úvodní&nbsp;stránka</a></li>
                                        <li>
                                                <a href="./Predstavenstvo.html" target="_self" title="O nás">Statutární&nbsp;orgán</a></li>
                                        <li>
                                                <a href="./Valna_Hromada.html" target="_self" title="Services">Valná&nbsp;hromada</a></li>
                                        <li>
                                                <a href="./Kontakt.html" target="_self" title="Kontakty">Kontakty</a></li>
                                </ul>
                        </div>
                        <div id="wb_Shape5" style="position:absolute;left:269px;top:178px;width:510px;height:324px;z-index:8;">
                                <div id="Shape5">
                                         </div>
                        </div>
                        <div id="wb_Text1" style="position:absolute;left:283px;top:174px;width:482px;height:332px;z-index:9;text-align:left;">
                                <span style="color:#FFFFFF;font-family:'Trebuchet MS';font-size:24px;line-height:58px;"><strong>Obchodní firma: ZMD akciová společnost<br />
                                Datum zápisu do O.R.: 15.11.1993<br />
                                Sídlo: Záměl 227, PSČ 517 43<br />
                                IČO: 481 73 126<br />
                                DIČ: CZ48173126</strong></span><br />
                                 </div>
                        <div id="wb_Text9" style="position:absolute;left:275px;top:230px;width:233px;height:2px;z-index:10;text-align:left;">
                                <span style="color:#000000;font-family:Arial;font-size:8px;">D</span></div>
                        <a href="http://www.wysiwygwebbuilder.com" target="_blank"><img alt="WYSIWYG Web Builder" src="images/builtwithwwb11.png" style="position:absolute;left:356px;top:867px;border-width:0;z-index:250" /></a>
                        <div id="wb_Text2" style="position:absolute;left:24px;top:192px;width:212px;height:27px;z-index:12;text-align:left;">
                                <span style="color:#FFFFFF;font-family:Arial;font-size:24px;">Předmět podnikání</span></div>
                        <div id="wb_Text3" style="position:absolute;left:36px;top:208px;width:212px;height:89px;z-index:13;text-align:left;">
                                <br />
                                <br />
                                <span style="color:#FFFFFF;font-family:Arial;font-size:15px;"><strong><u>Pronájem strojů a zařízen</u>í</strong></span><br />
                                 </div>
                        <div id="wb_Shape8" style="position:absolute;left:437px;top:767px;width:150px;height:5px;z-index:14;">
                                <div id="Shape8">
                                         </div>
                        </div>
                        <div id="wb_Image2" style="position:absolute;left:260px;top:526px;width:524px;height:246px;z-index:15;">
                                <img alt="" id="Image2" src="images/iw748n1srh.jpg" /></div>
                </div>
                <div id="Layer3" style="position:absolute;text-align:center;left:0px;top:772px;width:100%;height:26px;z-index:16;">
                        <div id="Layer3_Container" style="width:800px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
                                 </div>
                </div>
                <div id="Layer4" style="position:absolute;text-align:center;left:0px;top:798px;width:100%;height:100px;z-index:17;">
                        <div id="Layer4_Container" style="width:800px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
                                <div id="wb_Text11" style="position:absolute;left:8px;top:41px;width:780px;height:19px;text-align:center;z-index:0;">
                                         </div>
                        </div>
                </div>
        </body>
</html>
 
Odpovědět 19. května 20:27
Avatar
Paranormal
Redaktor
Avatar
Odpovídá na ofajfr
Paranormal:

do hlavičky si dej ještě meta tag s znakovou sadou.

<head>
        <meta charset="utf-8">
</head>
Editováno 19. května 21:26
Nahoru Odpovědět  +1 19. května 21:26
„Když toho moc neumíme tak jsme na nejlepší pozici se něčemu naučit.“
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.