Stránka 1 z 1

Oprava html kódu

Napsal: 18 lis 2018, 15:59
od ZdenekHQ
Zjišťuju, že když dlouho něco nepoužívám, tak to zapomenu. Potřeboval bych opravit následují kód, aby byl korektní a přitom byl výsledek viz printscreen. Ono to funguje, ale validátory řvou a mají pravdu. Vnořené ul nejsou povoleny.

Dík za rozumné odpovědi.

Kód: Vybrat vše

<h3><b>NASTAVENÍ MODU (SETTING OF MOD)</b></h3>
 Slouí k nastavení parametrů módu
   <ul><b>FUNKCE (FUNCTIONS)</b>
      <ul>
      <li><i>ACTIVE MODE</i> xxxxx </li>
      <li><i>LCD_MAX SENS</i> xxxxx </li>
      <li><i>TARGET ID</i> xxxxx </li>
      <li><i>TARGET NAME</i> xxxxx </li>
      <li><i>MAXIMUM BEEP</i> xxxxx </li>
      <li><i>AM x VOLUME</i> xxxxx </li>   
      </ul>
   <b>ATZR+TRHD MODE</b>
      <ul>
      <li><b>ATZR MODE</b> xxxxx </li>
         <ul>
            <li><i>AUTO</i> xxxxx </li>
            <li><i>DYNAMIC</i> xxxxx </li>
            <li><i>DYN+TRHD</i> xxxxx </li>
            <li><i>STATIC</i> xxxxx </li>
         </ul>
      <li><b>TRHD MODE</b> xxxxx </li>
         <ul>
            <li><i>NORMAL</i> xxxxx </li>
            <li><i>NORMAL F</i> xxxxx </li>
            <li><i>SOIL</i> xxxxx </li>
            <li><i>SOIL F</i> xxxxx </li>
            <li><i>WIDE</i> xxxxx </li>
            <li><i>WIDE F</i> xxxxx </li>
         </ul>
      </ul>


   </ul>

Napsal: 18 lis 2018, 16:03
od forbidden
On ten kód korektní je, ale v nových verzích HTML se prostě nedoporučují používat některý tagy. Validátory by byly asi nejradši, kdybys úplně vše dělal pomocí CSS. Osobně bych se na nějaký nesmyslný validátory vykašlal.
Já se v HTML příliš nevyznám, ale vím, co všechno se validátorům nelíbilo na vcelku normálním kódu. Nasr... na ně. :evil:

Napsal: 18 lis 2018, 16:17
od ZdenekHQ
Je zvláštní, že když to dám extra do validátoru, tak prská. Když je něco podobnýho v rámci stránky s XHTML 1.0 Strict, tak mu to nevadí.

Ale nerad bych to pak celý přepisoval, je toho fakt hodně.

Napsal: 18 lis 2018, 16:25
od forbidden
A proč na tom tak záleží? Na 100% validní kód na netu beztak skoro nikde nenajdeš.

Napsal: 18 lis 2018, 16:29
od ZdenekHQ
Tohle se už tváří líp. Musel jsem se podívat do starších kódů... Prostě mám rád čistý kódy a tady by vylítlo 150 chyb...

Kód: Vybrat vše

<h3><b>NASTAVENÍ MODU (SETTING OF MOD)</b></h3>
 Slouí k nastavení parametrů módu
<ul>
   <li><b>FUNKCE (FUNCTIONS)</b>
      <ul>
      <li><i>ACTIVE MODE</i> xxxxx </li>
      <li><i>LCD_MAX SENS</i> xxxxx </li>
      <li><i>TARGET ID</i> xxxxx </li>
      <li><i>TARGET NAME</i> xxxxx </li>
      <li><i>MAXIMUM BEEP</i> xxxxx </li>
      <li><i>AM x VOLUME</i> xxxxx </li>   
      </ul>
   </li>

   <li><b>ATZR+TRHD MODE</b>
      <ul>
      <li><b>ATZR MODE</b> xxxxx
         <ul>
            <li><i>AUTO</i> xxxxx </li>
            <li><i>DYNAMIC</i> xxxxx </li>
            <li><i>DYN+TRHD</i> xxxxx </li>
            <li><i>STATIC</i> xxxxx </li>
         </ul>
      </li>
      <li><b>TRHD MODE</b> xxxxx
         <ul>
            <li><i>NORMAL</i> xxxxx </li>
            <li><i>NORMAL F</i> xxxxx </li>
            <li><i>SOIL</i> xxxxx </li>
            <li><i>SOIL F</i> xxxxx </li>
            <li><i>WIDE</i> xxxxx </li>
            <li><i>WIDE F</i> xxxxx </li>
         </ul>
      </li>
      </ul>
   </li>

</ul>

Napsal: 18 lis 2018, 17:05
od lesana87

Kód: Vybrat vše

<h3><b>NASTAVENÍ MODU (SETTING OF MOD)</b></h3> 
 Slouí k nastavení parametrů módu
<ul style="list-style-type: none">
  <li><b>FUNKCE (FUNCTIONS)</b>
      <ul style="list-style-type: circle">
      <li><i>ACTIVE MODE</i> xxxxx </li>
      <li><i>LCD_MAX SENS</i> xxxxx </li>
      <li><i>TARGET ID</i> xxxxx </li>
      <li><i>TARGET NAME</i> xxxxx </li>
      <li><i>MAXIMUM BEEP</i> xxxxx </li>
      <li><i>AM x VOLUME</i> xxxxx </li>   
      </ul>
  </li>
  <li><b>ATZR+TRHD MODE</b>
    <ul style="list-style-type: circle">
      <li><b>ATZR MODE</b> xxxxx </li>
      <li style="list-style-type: none">
         <ul style="list-style-type: square">
            <li><i>AUTO</i> xxxxx </li>
            <li><i>DYNAMIC</i> xxxxx </li>
            <li><i>DYN+TRHD</i> xxxxx </li>
            <li><i>STATIC</i> xxxxx </li>
         </ul>
      </li>
      <li><b>TRHD MODE</b> xxxxx </li>
      <li style="list-style-type: none">
         <ul style="list-style-type: square">
            <li><i>NORMAL</i> xxxxx </li>
            <li><i>NORMAL F</i> xxxxx </li>
            <li><i>SOIL</i> xxxxx </li>
            <li><i>SOIL F</i> xxxxx </li>
            <li><i>WIDE</i> xxxxx </li>
            <li><i>WIDE F</i> xxxxx </li>
         </ul>
      </li>
    </ul>
  </li>
</ul>

Napsal: 18 lis 2018, 18:15
od ZdenekHQ
Dík. Už to dostává tvar. Pořád si říkám, že si to otevřu v HTML editoru a ne v texťáku, ale to bych měl moc jednoduchý... Když jsem ve třetí vnořené úrovni, už mně dochází tvar odrážek :)

Čísla tam nechcu. A za trest to napíšu v texťáku, když jsem to tak dlouho odkládal.

Napsal: 18 lis 2018, 19:01
od FHonza
V list-style-type jsou z "neabecedních" pouze čtyři:
none
disc
circle
square

ale dá se použít list-style-image: url('path/img.gif')
pak tam můžeš mít obrázků kolik chceš.

Troufnu si Ti doporučit styl napsat nahoru a do ul už psát jenom třídu, jinak se při dalším rozšiřování a vnořování ztratíš. Obzvlášť když pak budeš chtít změnit např. pro všechna druhá vnoření obrázek.

Napsal: 18 lis 2018, 19:28
od ZdenekHQ
Samozřejmě to pak nacpu do svých stránek, kde CSS je. Jenže já je tolik let needitoval, že vím opravdu prd, jak to mám nastavený...

Napsal: 18 lis 2018, 19:37
od FHonza
Tím spíš bych dal k <ul> nějakou třídu, kterou nemáš jinde použitou a do CSS jí doplnil. Nebude se to pak tlouct s případnými dalšími seznamy.

Napsal: 18 lis 2018, 19:51
od ZdenekHQ
Jasně. Já musím napřed stvořit návod, který spolkne Google a přeloží třeba do řečtiny. Kudrlinky až nakonec.

Napsal: 19 lis 2018, 14:57
od ZdenekHQ
Existuje nějaký tag pro Google translate, aby část textu nechal vždy v původním tvaru?

Napsal: 19 lis 2018, 16:10
od FHonza
V HTML5 je to jednoduché:

Kód: Vybrat vše

<span translate="no">
Tohle nepřekládat.
</span>


Dá se to použít na libovolný tag, nejenom span. Jestli to translátor neignoruje v nižších verzích dokumentu ale netuším.

Napsal: 21 lis 2018, 12:20
od ZdenekHQ
Jo, funguje to. Dík.

Google překládá, validátor neprotestuje a píše Passed.

Problém je zatím s pdfcrowd.com, stránka přeložená do řečtiny se nevytiskne celá. Ale to je formalita.

Napsal: 29 lis 2018, 16:39
od ZdenekHQ
Nic, planý poplach... :)