login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Tekst pakt css niet... (Opgelost)

Offline Gamezhoek - 24/08/2008 22:35
Avatar van GamezhoekHTML interesse Ik heb een layout omgezet naar WordPress-theme, en nu wil 1 stukje tekst de CSS neit pakken.

Het gaat om dit stukje HTML (php hoef je niet op te letten):
  1. <div class="navigation">
  2. <div class="alignleft"><?php next_posts_link('&laquo; Ouder') ?></div>
  3. <div class="alignright"><?php previous_posts_link('Nieuwer &raquo;') ?></div>
  4. </div>


Nu heb ik deze CSS hierbij:
  1. a.navigation:link, a.navigation:visited {
  2. font: 18px "Trebuchet MS";
  3. color: #000000;
  4. font-weight: bold;
  5. }
  6. a.navigation:hover {
  7. font: 18px "Trebuchet MS";
  8. color: #000000;
  9. font-weight: bold;
  10. }

Alleen pakken die links NIKS van die css! Of ik deze CSS hier wel of niet neerzet, het maakt niks uit...
Heb al van alles geprobeerd.. maar het wil maar niet lukken. Wat is hier aan de hand?

7 antwoorden

Gesponsorde links
Offline Desinger - 24/08/2008 23:33 (laatste wijziging 24/08/2008 23:41)
Avatar van Desinger Nieuw lid moet het niet

.navigation a:link, a:visited { blabla }

zijn ?

of .navigation:hover {
blablablabla
}

Offline Gamezhoek - 24/08/2008 23:48
Avatar van Gamezhoek HTML interesse Bij andere links werkt a:div-class:link wel gewoon... dus dat hoort het niet te zijn.
Offline shibble - 24/08/2008 23:53
Avatar van shibble MySQL interesse uhm ik weet het niet hoor maar genereert die php functie de ahref link? want ik zie geen a href :x
Offline Gamezhoek - 25/08/2008 00:14
Avatar van Gamezhoek HTML interesse Ja.. die php functie doet dat, gewoon een functie van WordPress, maar dit zit het verder ook niet in de weg, want die bepaald verder geen stijl.
Offline shibble - 25/08/2008 00:18 (laatste wijziging 25/08/2008 00:35)
Avatar van shibble MySQL interesse dit zal je probleem oplossen:


  1. .navigation a:link, a:visited {
  2. font: 18px "Trebuchet MS";
  3. text-decoration: none;
  4. outline: none;
  5. color: #000000;
  6. }
  7.  
  8. .navigation a:hover {
  9. font: 18px "Trebuchet MS";
  10. color: #000000;
  11. font-weight: bold;
  12. }
Offline Ontani - 25/08/2008 08:12
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
Om ook even duidelijk te maken wat het probleem is:

als je met css een selector doet zoals jij het doet:
  1. a.navigation

Wilt dit zeggen dat die voor alle links is met de class navigation:
  1. <a href="..." class="navigation" />...</a>


Maar dat is niet het geval, het is geen link die de class navigation heeft maar een div.

dus laat ofwel in a.navigation de "a" weg of vervang deze door "div":
  1. .navigation ...

of
  1. div.navigation ...
Offline Gamezhoek - 25/08/2008 14:21
Avatar van Gamezhoek HTML interesse Bedankt!! Pff, weet niet hoelang ik heb zitten prutsen, maar bedankt. Nu werkt het, en thx voor de uitleg. 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.277s