Autor Zpráva
Giga
Profil
Tvorím stránky na ktorých používam odkazy:
a {
color: maroon;
font-weight: bold;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
Na stránke mám aj odkaz pomocou obrázkov:
     <a href="#" >
      <img src="im1.jpg" class="ilust"  alt="let">
                <img src="im2.jpg" class="ilust"  alt="let"></a>
  &nbsp;
     <a href="#">
      <img src="im3.jpg" class="ilust"  alt="let">
               <img src="im4.jpg" class="ilust"  alt="let"></a>
Pri prejdení myšou cez odkaz - ktrorý je tvorený dvojicou obrázkov - sa medzi obrázkami objaví čiarka.
Tej čiarky sa neviem zbaviť a prosím o radu, ako to vyriešiť.
Živá ukážka je tu
Štýly sú v zdrojovom kóde stránky.
Keeehi
Profil
Vymaž bílé znaky mezi <a> a <img>
juriad
Profil
Mezi obrázky (elementy <img>) je mezera, ve zdrojovém kódu stránky je to konkrétně odřádkování a 5 mezer.
Po odstranění budou obrázky blíže k sobě. Oddálit je pak opět můžeš například pomocí:
img + img {
    margin-left: 0.3em;
}
Giga
Profil
To ma nenapadlo vyskúšať :-)

ĎAKUJEM!
Speedy21
Profil
juriad:
To mi nepříjde jako nejlepší řešení...

Ta "čárka" je v podstatě text-decoration:underline; u a:hoveru. Mnohem praktičtější je dle mého toto:
Živá ukázka
Giga
Profil
Nakoniec sa jednoduché riešenie javí v deklarácii štýlu pre konkrétny odkaz:
  <a href="#"  style="text-decoration:none;">

Ďakujem za pomoc

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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