Autor Zpráva
Adalberthew
Profil
Ve škole máme dělat webovky, dostali jsme Expression Web 4. Nejdřív jsem napsal kód ručně a pak jsem se podíval do designu (tj. wysiwyg). Tam to vypadalo dobře, ale když jsem se podíval do prohlížeče, tak to bylo úplně jinak než jsem chtěl. Pak jsem smazal všechny části kódu který s tím nějak souvisí a v designu to samozřejmě vypadalo blbě, ale v prohlížeči to naprosto v pořádku tak jak jsem to původně zamýšlel. Byl tam jakoby nějakej ukrytej kód. Kód jsem kontroloval i v prohlížeči, ale taky tam nic nebylo. Celé se to týkalo odsazování divů pomocí margin a padding.
Děkuji za každou reakci ;)
juriad
Profil
Wysiwyg hodně často generují tak prasácký kód, že se často stane, že různé prohlžeče ho chápou různě chybně (včetné toho wysiwyg editoru).
Pokud bys dal krátkou ukázku takového kódu (HTML), tak bychom mohli odtušit, které části dělají problémy.
Hitman
Profil
Nicméně ladil bych to určitě pro prohlížeč, v tom to uvidí všichni, v interním editoru jen ty.
Adalberthew
Profil
Díky odpoledne pošlu kód.
anonymníí
Profil *
juriad:
že různé prohlžeče ho chápou různě chybně
Můžeš podat důkaz? Nevím, jak zobrazuje vestavený prohlížeč (pravděpodobně bude mít jádro IE), ale zajímala by mě ukázka prasáckého kódu, který se zobrazuje jinak napříč prohlížeči běžně používanými.
Bubák
Profil
anonymníí:
jak zobrazuje vestavený prohlížeč (pravděpodobně bude mít jádro IE)
Docela by mě zajímalo, co vypíše tenhle JS kód:
<script>
    document.write(navigator.userAgent);
</script>
Třebas já mám IE8, ale PSPad zobrazuje náhled jako IE7. Nevím, zda já mám něco špatně, nebo je to vlastnost.
anonymníí
Profil *
Bubák:
To by měla být vlastnost, není osekaný IE obsažen přímo v instalaci PSPadu? Nepoužívám ho, nemůžu otestovat, ale skoro bych to tak viděl. Osekaný ve smyslu, že to není plnohodnotný prohlížeč, jen zobrazovač náhledů.
Adalberthew
Profil
Tak tady je ten kód se na to podívejte a dyžtak něco napište ;)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>titulek</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="script.js"></script>
</head>

<body onload="FP_preloadImgs(/*url*/'pic/btt/buttonB.jpg',/*url*/'pic/btt/buttonC.jpg')">
    <div id="masthead">
        
    </div>
    <div id="top_nav">
        <div id="btt1">
            <img id="img1" alt="Diagramy" height="50" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'pic/btt/buttonC.png')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'pic/btt/buttonA.png')" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'pic/btt/buttonB.png')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'pic/btt/buttonB.png')" src="pic/btt/buttonA.png" style="border: 0" width="88" />
        </div>
    </div>
    <div id="container">
        <div id="right_col">
            fghdhhhhdf
        </div>
        <div id="page_content">
            <p>dfgsdhsdhsdhgshsghhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</p>
            <p>dfgsdhsdhsdhgshsghhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</p>
            <p>dfgsdhsdhsdhgshsghhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</p>
            <p>dfgsdhsdhsdhgshsghhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</p>
            <p>dfgsdhsdhsdhgshsghhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</p>
        </div>
    </div>
    <div id="footer">
        <p class="footertxt"><b>Text</b></p>
    </div>
</body>

</html>


body {
    background-position: center top;
    margin: 0;
    padding: 0;
    background-image: url('pic/ptr.png');
    background-repeat: repeat;
    background-attachment: scroll;
    color: white;
}

#masthead {
    width: 900px;
    margin: 0px auto;
    height: 140px;
    padding-top: 50px;
}

#top_nav {
    width: 900px;
    margin: 0px auto;
    height: 50px;
}

#container {
    width: 900px;
    margin: 0px auto;
}

#right_col {
    width: 190px;
    float: right;
    background-color: rgba(0,0,0,0.5);
}
#page_content {
    width: 690px;
    background-color: rgba(0,0,0,0.5);
}

#footer {
    clear: both;
    width: 900px;
    height: 30px;
    background-color: rgba(0,0,0,0.5);
    padding-top: 10px;
    margin: 0px auto;
}

#btt1 {
    width: 88px;
    height: 50px;
}

.footertxt {
    margin: auto;
    font-family: Calibri;
    width: 155px
}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: