Help!

PC-Problemen?
De vrijwilligers van Oplossing.be zoeken gratis met u mee!

Hulp bij posten

Recente topics

Auteur Topic: verschillende opmaak voor links met css  (gelezen 3316 keer)

0 leden en 1 gast bekijken dit topic.

Offline timmers

  • Nieuw lid
  • Berichten: 3
  • Oplossing.be
verschillende opmaak voor links met css
« Gepost op: 17 april 2007, 10:45:36 »
Hallo iedereen

Ik moet momenteel snel een website opmaken. Ik heb maar een basiskennis van html en css, maar probeer via het internet m’n plan te trekken.

Mijn probleem is nu dat ik 2 verschillende opmaak van hyperlinks wil binnen eenzelfde pagina.

Momenteel heb ik 1 opmaak voor m’n links, gedefinieerd in elke pagina als volgt:

<head>
<style>
A:link ….
A:active …
A:hover …
A:visited ….
</style>
</head>

Dit werkt perfect, tot k natuurlijk links met een andere opmaak wil.

Ik heb begregepen dat ik mss beter een .css bestand aanmaak in de root van m’n site en in elke pagina een verwijzing naar dit bestand te maken.

Nu is mijn vraag, hoe ik binnen dit .css bestand 2 sets hyperlinks moet definieren. En hoe ik in de html pagina bij de tekst die links moeten worden, kan aangeven welke van de 2 types opmaak zij moeten krijgen uit het .css bestand.

Kan iemand mij op weg helpen aub? Alvast bedankt.

Tim
Standaard emailprogramma: Outlook Express
Standaard Operating System: Windows Vista
Standaard Browser:Internet Explorer 6

Offline Konfu

  • Oplosser
  • ****
  • Berichten: 708
  • Geslacht: Man
Re: verschillende opmaak voor links met css
« Reactie #1 Gepost op: 17 april 2007, 11:18:33 »
Hallo timmers

Ik heb snel even een pagina gemaakt die 2 links toont in verschillende kleuren
Ik zal eerst even de code tonen en daarna een beetje uitleg geven

de html pagina:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="https://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>test</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<LINK href="style.css" type=text/css rel=stylesheet>
</HEAD>

<BODY>
<div id="link1">
<a href="https://www.google.be" target="_blank">link 1</a>
</div>
<div id="link2">
<a href="https://www.google.be" target="_blank">link 2</a>
</div>
</BODY>
</HTML>

de css pagina:
#link1 A { COLOR: green; TEXT-DECORATION: none }
#link1 A:visited { COLOR: green; TEXT-DECORATION: none }
#link1 A:hover { COLOR: red; TEXT-DECORATION: none }

#link2 A { COLOR: blue; TEXT-DECORATION: none }
#link2 A:visited { COLOR: blue; TEXT-DECORATION: none }
#link2 A:hover { COLOR: red; TEXT-DECORATION: none }

Wat doe ik in de html pagina:
ik plaats iedere link tussen een DIV tag, hieraan geef ik dan een id (identiteit) mee. In de css pagina kan ik dan via de identiteit eigenschappen gaan aanpassen zoals bvb de kleur van de link.

Hier vind je een goede basis terug van bvb CSS, maar ook van html, php,....

Hopelijk helpt dit je wat op weg
P4C800 ASUSTeK Computer Inc., RADEON 9600 XT AGP, Windows XP Pro SP2, Intel Pentium 4 CPU 3.00GHz, 1024 MB RAM, HDD: 320GB, Telenet, Internet Explorer 7.0, Outlook Express

 


www.combell.com