Hej
HELT ! ny på HTML så ni vet.
Men jag har en div som jag använder som header och en bakgrundsfärg.
I övre vänstra hörnet har jag en liten bild som även fungerar som länk.
Till höger om den bilden har jag 4 st länkar i form av text.
Dock skulle jag vilja få ett vertikalt streck mellan länkarna för utseendet skull.
Lägger jag in | som är tecknet för ett sånt streck ballar allt ur.
Skulle även vilja trycka ihop länkarna lite så det inte är så stort mellan rum.
div.header{
float: left;
left: 150px;
width: 100%;
height: 100px;
background-color: #9966CC;}
a.lank1 { color: black; font-family: tahoma; text-decoration: none; float: right; padding: 35px 55px 20px 60px; }
a.lank1:link { }
a.lank1:hover { color:#FF0000; text-decoration: underline;}
a.lank1:active { }
a.lank1:visited { }
<a href="http://www.google.com/">
<img src="logo.gif" alt="Forsta sidan"
style="border: none"></a>
<a class="lank1" href="http://www.telia.se">test4</a>|
<a class="lank1" href="http://www.telia.se">test3</a>
<a class="lank1" href="http://www.telia.se">test2</a>
<a class="lank1" href="http://www.telia.se">test1</a>
</div>
Här e lite av koden, så det finns annat i mellan ! !
Tacksam för hjälp