Jump to content
Just nu i M3-nätverket

CSS - linjen under länkar


Pox

Recommended Posts

Jag har någonstans nyligen sett en webbplats där man hade lagt linjen under länkarna betydligt lägre än brukligt. Linjen låg under kroken på gement g. Dvs g, j m fl bokstäver korsades inte av linjen.

 

Nu hittar jag (såklart) inte tillbaka och kan för mitt liv inte komma ihåg hur de hade gjort.

 

Nån som har en lösning?

Link to comment
Share on other sites

Ta bort "text-decoration" och använd "border" i stället. Så här:

 

<html>
<head>
<title>Linje under länkar</title>
<style type="text/css">
body
{
  font-size: 150%;
}
a.line-fix {
  text-decoration: none;
  border-bottom: 1px solid blue;
}
</style>
</head>
<body>
<h1>Testar linjen under länkar</h1>
<ul>
<li><a class="line-fix" href="#">Detta är en testlänk, linjen hamnar under j och g!</a></li>
<li><a href="#">Detta är en vanlig länk, linjen korsar j och g</a></li>
</ul>
</body>
</html>

 

/Dan

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...