6 svar · 1 415 visningar · startad av kluringen
CSS:
.storrod {font-size: 325%; color: red;}
Länktext:
<span class="storrod"><b>text</b></span>
Har testat lägga till "border: 0" och/eller "text-decoration: none;" i min CSS men har fortfarande en tjock blå linje under min länktext. Hur får jag bort linjen?
ser ingen länk i ditt exempel men det är ditt a-element som ger understruktningen förmodligen
<a href="" class="storrod"><b>text</b></a>
så kan du sätta text-decoration: none på .storrod
Funkar inte. Så här ser länken ut:
<a href="tel:+46720362115"><span class="storrod"><b>072-036 21 15</b></span></a>
du måste sätta något på ditt a-element för att den skall vara annolunda än vad dina andra a-element är:
<a href="tel:+46720362115" class="link-plain"><span class="storrod"><b>072-036 21 15</b></span></a>
och ha CSS:
a.link-plain { text-decoration: none; }
om inte detta fungera så har du förmodligen en CSS regel som väger mer än a.link-plain (och då behöver du posta mer html/css för att få bättre hjälp).
Det är en simpel sida som jag har gjort åt min bror. Detta är allt jag har:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="tjstilmall.css" type="text/css" />
<style type="text/css">
</style>
<title>Index</title>
</head>
<body>
<div id="kantruta">
<img src="bilder/logga.jpg" alt="bild" title="TJ bilbärgning"><p>
<a href="tel:+46720362115" class="link-plain"><span class="storrod"><b>072-036 21 15</b></span></a>
</div>
<div id="storruta">
<img src="bilder/vagn.jpg" alt="bild"><p> <p>
<span class="bargning"><b>BILBÄRGNING och JOURVERKSTAD dygnet runt veckans alla dagar</b></span>
</div>
</body>
</html>
body {font-family: Arial; font-size: 16px; margin-top: 0px; padding: 0px;}
#kantruta {width: 340px; background: #ffffff; overflow: auto; position:fixed;}
#storruta {margin-left: 350px; margin-top: 0px; width: 740px; background: #ffffff; padding: 20px; z-index: 2;}
.bargning {font-size: 220%; color: red;}
.storrod {font-size: 325%; color: red;}
a.link-plain a{ text-decoration: none;}
Så här ser sidan ut. Telefonnumret är det enda som är viktigt om någon sitter strandsatt med sin smartphone vid vägkanten.
http://www.tjbilbargning.se/
a.link-plain a{ text-decoration: none;}
skall det inte vara du säger att a element inne i e a.link-plan element skall ha reglen
a.link-plain { text-decoration: none;}
är nog det du är ute efter
Du är min idol, jag älskar dig!