Fjerne link-linie under img

Din "kode" giver ingen mening, da vi ikke kan se et live eksempel. Prøv evt. at lægge en style på dit a-tag med "border:0;text-decoration:none" - så bør du eliminere generende streger.

Jeg vil mene at den rigtige metode er sådan, da det intet har med border at gøre:

<a href="getfile.asp?fil=%2FLogo%2F300dpi%2FQ%5FLW%5F4C%2Ejpg&type=img" style="text-decoration:none;"><img src="../img/icon_download.gif" style="vertical-align:middle;" /><span style="text-decoration:underline;">Hent 300dpi</span></a>

Det kunne sagtens være en left-over fra en anden styling i CSS'en. Jeg kan jo ikke se hvordan resten af siden er bygget og kodet :-)

Det er nu ikke mig bekendt fordi at der er en left-over at IE og FF viser text-underline forskelligt.

Selv om jeg på det punkt ikke er blevet meget klogere, så har jeg løst problemet med at smide en class på selve tabellen:

<td class="DownloadContent">
      <a href="getfile.asp?fil=%2FLogo%2F300dpi%2FQ%5FLW%5F4C%2Ejpg&type=img"><img src="../img/icon_download.gif"/>Hent 300dpi</a>
</td>

Dernæst har jeg tilføjet dette til min CSS:

td.DownloadContent
{
    padding: 0px 0px 0px 23px;
}

td.DownloadContent img {
    width: 23px;
    height: 16px;
    margin-left: -23px;
}

td.DownloadContent a {
    color: black;
    text-decoration: none;
}

td.DownloadContent a:hover {
    text-decoration: underline;
}

Det er ikke pænt, men det virker, og det er ikke mit "hack".
Tilsyneladende kan jeg se at andre har løst dette ved at sætte padding på, og så flytte billede tilsvarende. Så ved at skubbe billede frem og tilbage så at sige, så kommer der ikke noget hyperlink linie under billedet.

I skal dog have tak for input, så smid et svar.

.o) <-- One Eyed Jack

Mens vi venter på ssv, så er der mere af den arvede kode der forbløffer mig.

Her er problemet style="float:left"

I denne snas HTML, så forsvinder

  <div class="column last">
          <!-- /sidebox -->
          <div class="sidebox materiale">
            <h2 class="materiale"><a onclick="return setTab(7);" href="materiale_frameset.asp">Materiale</a></h2>
            <div style="min-height:175px;"><br />
              <a onclick="return setTab(7);" href="materiale_frameset.asp"><img src="img/icon_download48x56.gif" alt="" width="48" height="56" style="float:right;"/></a>Klik blot p&aring; knappen &quot;Materiale&quot;<br />
              Under materiale findes der et omfattende billedbibliotek p&aring; Have og Park programmet, Landbrug og John&nbsp;Deere logos.<br />
              Her er ogs&aring; mulighed for at hente prisskilte, skabeloner og meget mere.<br />
              <br />
            </div>
            <div class="bottomcap"></div>
          </div>
          <!-- /sidebox -->
        </div>

Det jeg ville have skrevet ind jeg fik trykket på ENTER var,

at img/icon_download48x56.gif forsvinder, og at jeg i øvrigt mener float:right.

Det underlige er, at jeg kan se billedet ganske kort i IE6, og så forsvinder det. Der er ingen problemer med at se det i alle andre browsere. Jeg kan også se billedet hvis jeg fjerner style, men så er billedet ikke højrestillet som ønsket.

Har IE6 en bug med float:right?

<ole>

Valget står nok mellem at lægge et link eller deltage i en lang quiz  =)

/mvh
</bole>

Hej Ole

Du har ret, vi fortsætter i http://www.eksperten.dk/spm/854008

Denne er lukket, men der komme ikke mege mere respons på det nye spørgsmål:
http://www.eksperten.dk/spm/854008