Jag har en generell stil för <a> som innehåller border-bottom:1px dotted #333 eftersom jag vill en diskretare understrykning än vanliga text-decoration.
Men somliga länkar är bilder (knappar) och det ser jäkligt dumt ut med en prickad linje under dom.
Nu kan jag ju iofs ge just de där knapp-länkarna en egen class och ta bort bordern. Men dels är dom ganska många (jag är lat) och dels är jag bara nyfiken på om det på något sätt i alla fall går att separera dom från vanliga textlänkar i stilmallen.
Jag har testat t.ex. a img men eftersom bordern inte tillhör elementet <img> utan <a> så funkar ju inte det. I vart fall i Safari/Mac ligger den kvar.
Kan nån komma på nåt annat trix som kanske kan vara lösningen?
Är lite osäker men jag tror man måste lösa detta med javascript.
letar upp alla img och kolla om deras parent är en a tagg, om det är fallet så sätt en ny klass i a-taggen(parent).
Är lite osäker men jag tror man måste lösa detta med javascript.
letar upp alla img och kolla om deras parent är en a tagg, om det är fallet så sätt en ny klass i a-taggen(parent).
Tack f svar.
Jo, jag tror inte heller att finns nån klockren enkel lösning med css som dessutom funkar i alla normala läsare. Ditt svar bekräftar nog det.
Nåt javascript ska vi inte roa oss med. Jag får köra en search och replace och kan nog ge dom där bildlänkarna en egen class ganska snabbt i alla fall....
Nepp... det är ju inte <img> som har border, utan <a> som omsluter <img>. Hade t.o.m. testat just detta inline direkt i <img>-tag, självklart utan resultat.
Men det funkar med en class, så det är kirrat nu i alla fall.
257 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
