Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno Zlobí HTML img a href

Mám obrovský problém, co mi štve už den!

Mám html stránku:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <meta name="generator" content="PSPad editor, www.pspad.com">
        <title></title>
    </head>
    <body>
        <a href="www.w3schools.com"> 
            <img src="../../stuff/img/icon_logout.png" alt="Smiley face" height="42" width="42">
        </a>
        <a href="www.w3schools.com"> 
            <img src="../../stuff/img/icon_logout.png" alt="Smiley face" height="42" width="42">
        </a>   
    </body>
</html>

Sypu ji ze servletu.
Když ji zobrazím, mezi obrázky se mi zobrazuje nesmyslný znak!!!!! (VIZ OBRÁZEK) Nemá tam vůbec co dělat. Nerozumím tomu.

Zkoušel jsem jiné obrázky, i jiný kód...
Třeba jen (bez hlaviček, bez body):

        <a href="www.w3schools.com"> 
            <img src="../../stuff/img/icon_logout.png" alt="Smiley face" height="42" width="42">
        </a>
        <a href="www.w3schools.com"> 
            <img src="../../stuff/img/icon_logout.png" alt="Smiley face" height="42" width="42">
        </a>  

Ve zdrojáku opravdu nic není,.
V obrázku to taky není
Je to pouze za první obrázkem

Lze to označit jako text, ctrl c + ctrl v do pspadu vkládá jen mezery.

Dělá to chrome (nejnovější) i firefox (nejnovější).

CO TO JE?!

Předmět Autor Datum
Zkus to takhle: <a href="www.w3schools.com"><img alt="Smiley face" height="160" src="images/2.jpg"…
IQ37 06.02.2016 14:11
IQ37
Dík, to jsem nezkoušel. Moc nechápu proč to dělá, ale funguje, to stačí.
MašinkaTomáš 06.02.2016 14:19
MašinkaTomáš
Asi tam byly nějaké netisknutelné znaky (či jak se tomu nadává).
IQ37 06.02.2016 14:21
IQ37
CO TO JE?! Inu jsou to základní neznalosti jazyka HTML. První informace, kterou by si každý začáte…
JoDiK 06.02.2016 14:43
JoDiK
To první jsem nevěděl a to druhé ano. Odkaz byl pouze pro ilustrace zde na poradně. Dík poslední
MašinkaTomáš 06.02.2016 16:12
MašinkaTomáš

Zkus to takhle:

<a href="www.w3schools.com"><img alt="Smiley face" height="160" src="images/2.jpg" width="160"></a>
<a href="www.w3schools.com"><img alt="Smiley face" height="160" src="images/6.jpg" width="160"></a>

Když jsem ten tvůj kód dal do editoru, taky to tam dělalo tu pomlčku. Když jsem ho upravil, tak to zmizelo.

CO TO JE?!

Inu jsou to základní neznalosti jazyka HTML.

První informace, kterou by si každý začátečník měl zapamatovat: libovolný počet mezer, konců odstavců i vynechaných řádků bude prohlížečem nahrazen jednou mezerou. To co tam vidíš mezi obrázky je právě ta jedna mezera, která je uvnitř odkazu, takže ji prohlížeč zvýrazní.

Druhá informace, která tě asi minula: adresa v odkazech je buď absolutní, nebo relativní. Absolutní začíná protokolem. Nevím v jakém prohlížeči ty tvoje stránky testuješ, ale ani v jednom z mých prohlížečů ty tvoje odkazy nefungují, tobě ano?
místo href="www.w3schools.com" má být href="http://www.w3schools.com"

Takže HTML nezlobí, je v tom nevinně...

Zpět do poradny Odpovědět na původní otázku Nahoru