Diskuze: Problémy s fonty

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

ofajfr

Člen

ofajfr:19.5.2016 20:27

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.5.2016 20:27

Verquido

Tvůrce

Verquido:19.5.2016 21:26

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

<head>
        <meta charset="utf-8">
</head>

Editováno 19.5.2016 21:26

Nahoru Odpovědět

19.5.2016 21:26

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.

Nejčastěji vyhledáváné

Diskuze: Problémy s fonty