Panelen



Forumnavigering
Senast inloggade
RSS
Sponsorer

Forum > Klientspråk > CSS

Nu gnäller jag igen. (Skumm länk border runt bild)

Tja igen!
Håller på att konvertera mina kära bilder som jag och voigtan blev vansigga på med CSS.
jag har gjort en helt vanlig <a href=""> tagg och i den en bild; såhär:

<a href="foretag.aspx">
                <img alt="" src="img/foretag.png" alt=""/>
            </a>


Nu undrar jag  varför det blir en border runt bilden, i samma färger som standard länk-färgerna (activelink, visitedlink osv)
Jag testade med css att få bort den med text-decoration, men det hjälpte inte.
min css kod:
        A:link{
            text-decoration: none;
            border-style: none;
        }
        A:visited{
            text-decoration: none;
            border-style: none;
        }
        A:active{
            text-decoration: none;
            border-style: none;
        }
        A:hover{
            text-decoration: none;
            border-style: none;
        }


Någon som har en idé?

Alla har sina brister.
ID: #16954 | Skapades: 2009-07-24 15:04:10 | Tråden har 9 svar och har lästs 394 gånger.

Carl
Carl

Gradering

#16956

Kör med denna i CSS:en...

a img
{ border: 0px; }

ID: #16956 | Skapades: 2009-07-24 15:35:41

Tackar tackar! Det löste problemet :D
/J.

Alla har sina brister.
ID: #16957 | Skapades: 2009-07-24 15:39:19

Hultin
Hultin

Gradering

#16958

Du bör använda en title i dina <a> taggar för att koden skall valideras. <a href="url.aspx" title="en url">en url</a>

... ORANGE HEARTS!
ID: #16958 | Skapades: 2009-07-24 16:49:36

Roosweb
Roosweb

Gradering

#16965

Citerar Fwaky:

Du bör använda en title i dina <a> taggar för att koden skall valideras. <a href="url.aspx" title="en url">en url</a>

Vad snackar du om? Klart man inte måste använda sig av en "title" för att koden ska validera? Inte såvitt jag vet med HTML 4.01 eller XHTML 1.0/1.1?

Med Vänliga Hälsningar - Robert Roos - Roosweb.se
ID: #16965 | Skapades: 2009-07-24 19:31:27

wimpey
wimpey

Gradering

#17000

I början så fungerade inte din kod för du använde versaler på "A" i CSS:en. Om du har versaler i CSS så måste du ha versaler i XHTML med.


http://www.lilypad.se
ID: #17000 | Skapades: 2009-07-25 01:51:01

voigtan
voigtan

Gradering

#17003

FWaky menar nog att du skall ha en title eller alt text menar han nog på alla din img element.

bordern byggs som Carl skriver inte i a-element , html by default har när du ha en bild inne i en a-element en border på varierande pixlar, och det är det som är korrekt, man nollar borden vid ett a-element.

elements bokstäver vad jag känner till spelar ingen roll om det är med stora eller små bokstäver i CSS filen, däremot på klasser och IDn så kommer det påverka resultatet i vissa webbläsare.

Hur man ställer en fråga: http://support.microsoft.com/kb/q555375
ID: #17003 | Skapades: 2009-07-25 09:01:30

Hultin
Hultin

Gradering

#17005

Nej jag menade en title i <a>. dock visade det sig att detta inte behövdes, även om jag tycker det är något som borde vara standard (jag personligen använder title på alla mina länkar).

... ORANGE HEARTS!
ID: #17005 | Skapades: 2009-07-25 12:50:59

Roosweb
Roosweb

Gradering

#17007

Citerar Fwaky:

Nej jag menade en title i <a>. dock visade det sig att detta inte behövdes, även om jag tycker det är något som borde vara standard (jag personligen använder title på alla mina länkar).

Det kan jag hålla med dig om, det är bra att använda title. :)

Med Vänliga Hälsningar - Robert Roos - Roosweb.se
ID: #17007 | Skapades: 2009-07-25 13:25:47

Arood
Arood

Gradering

#17419

Title i <a>-taggar är overkill, eftersom det egentligen, vad jag vet, bara ger en tooltip i webbläsare. Ska man titta på semantik så ska länkens innehåll redan förklara innehållet på sidan man länkar till. Dvs:

<a href="/katt.htm">Klicka här för att läsa mer om katter</a>

Ifall man bara vill ha "Klicka här" i sin länk rekommenderas man att använda en <span> i länken som man gömmer med display: none; i CSSen.

Självklart finns det tillfällen då det kan vara bra med title, exempelvis om man gjort en toolbar där man byter ut texten i länkarna mot ikoner, men annars finns det ingen anledning.

Däremot stämmer det som voigtan skriver, att man ska använda alt i <img>-taggar. Om bilden av någon anledning inte kan visas (404, bilder avaktiverat för att man surfar mobilt, textbaserad webbläsare, blinda osv) så ska alt-taggen visas istället.

www.w3sidan.net - www.fikarast.nu
ID: #17419 | Skapades: 2009-08-13 11:09:37
© Copyright 2007-2009 Shadi Domat | Version 3.0 | Sidkarta | Policy