Oprava html kódu

Zpráva

ZdenekHQ · #1 Příspěvek od **ZdenekHQ** » 18 lis 2018, 15:59

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>

#2 Příspěvek od **forbidden** » 18 lis 2018, 16:03

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:

ZdenekHQ · #3 Příspěvek od **ZdenekHQ** » 18 lis 2018, 16:17

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ě.

#4 Příspěvek od **forbidden** » 18 lis 2018, 16:25

A proč na tom tak záleží? Na 100% validní kód na netu beztak skoro nikde nenajdeš.

ZdenekHQ · #5 Příspěvek od **ZdenekHQ** » 18 lis 2018, 16:29

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>

lesana87 · #6 Příspěvek od **lesana87** » 18 lis 2018, 17:05

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>

ZdenekHQ · #7 Příspěvek od **ZdenekHQ** » 18 lis 2018, 18:15

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.

#8 Příspěvek od **FHonza** » 18 lis 2018, 19:01

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.

ZdenekHQ · #9 Příspěvek od **ZdenekHQ** » 18 lis 2018, 19:28

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ý...

#10 Příspěvek od **FHonza** » 18 lis 2018, 19:37

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.

ZdenekHQ · #11 Příspěvek od **ZdenekHQ** » 18 lis 2018, 19:51

Jasně. Já musím napřed stvořit návod, který spolkne Google a přeloží třeba do řečtiny. Kudrlinky až nakonec.

ZdenekHQ · #12 Příspěvek od **ZdenekHQ** » 19 lis 2018, 14:57

Existuje nějaký tag pro Google translate, aby část textu nechal vždy v původním tvaru?

#13 Příspěvek od **FHonza** » 19 lis 2018, 16:10

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.

ZdenekHQ · #14 Příspěvek od **ZdenekHQ** » 21 lis 2018, 12:20

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.

ZdenekHQ · #15 Příspěvek od **ZdenekHQ** » 29 lis 2018, 16:39

Nic, planý poplach...