Gå til innhold

Linker uten blåfarge og understreking?


Anbefalte innlegg

Heisann! Lurer på en liten ting. Er muligens svart på før, men er temmelig vrient å søke etter svar på dette.

 

Går det ann å kode i css/html slik at en spesifikk hyperlink ser ut som resten av teksten i en paragraf? :)

Lenke til kommentar
Videoannonse
Annonse

Som BlueEAGLE sier er det bare å legge på text-decoration: none på klassen din. I tillegg må du sette en color tag for å få lik farge som resten av dokumentet. Så hvis resten av teksten din er svart vil noe slikt fungere:

<a href="http://www.vg.no" style="text-decoration:none;color: #000000;">link</a>

 

Viste det med inline style slik at du raskt kan teste at det fungerer slik du vil, men ville anbefale deg å bruke klasse slik BlueEAGLE foreslår.

 

Her har du en referanse liste over css 2.0 tags: http://www.w3schools.com/css/css_reference.asp

 

PS: http://lmgtfy.com/?q=link+no+underline gir deg svaret direkte den også....

Lenke til kommentar

No står det jo berre for den eine då, men du kan òg definere det i ei ekstern CSS fil.

Eg ville personleg gjort det - fordi stil css og innhold HTML.

Ha det som ein hugseregel så er det mykje lettare å endre utsjåande på sida di heilt - berre med eit nytt CSS dokumenent.

 

Skal du gjere det berre for EIN ville eg brokt ID. Altså, <a id="namn" href="#">Denne går til ein stad</a>

 

Og i CSS fila:

#namn {
text-decoration:none;
color:#000;
}

 

Har du derimot fleire lenkar ein spesiell plass kan du sette det inn i ein DIV. Ein ID om det berre er ein plass, ein CLASS hvis du skal ha det fleire plasser. Eg kjem tilbake til det i tilfelle du ikkje kan det.

 

Ein ID (du skal berre ha lenker utan linje under i sort berre ein plass på sida):

 

HTML:

<div id="namn-paa-id">
<a href="#">Link1</a>
<a href="#">Link2</a>
</div>

 

Og i CSS'en:

#namn-paa-id {
text-decoration:none;
color:#000;
}

 

Skal du derimot ha det fleire plasser broker du class. Så sei at du vil ha tekst utan underlinje to plasser på sida di - ein gong i hovudmenyen, og ein gong i ein tekst, då gjer du slik:

 

<div class="namn-paa-class">
<a href="#">Link1</a>
</div>

<!-- Noko anna her !-->

<div class="namn-paa-class">
<a href="#">Link1</a>

 

Og slik i CSS:

 

.namn-paa-class {
text-decoration:none;
color:#000;
}

 

 

Du kan òg bruke <a id="nam-paa-id"> i staden for egne divar, men eg syns iallefall at divs sparer mykje arbeid.

Lukke til, og håper du forstod. Du kan gjere som nemt ovanfor, men eg håper du vil vere med å gjere koden på internett bettre - både for oss og deg sjølve.

</div>

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...