[html] - [link probleempje]

[Verwijderd]

Heey mensen, ik ben bezig aan mijn online gebruikers systeem. Maar zit met een klein probleempje.


ik heb head.php die toevoeg in elke pagina van de site:
en daar staat in:

<style type="text/css">
<!--
A:link{COLOR:#928B69;TEXT-DECORATION:none;}
A:visited{COLOR:#928B69;TEXT-DECORATION: none;}
A:active{COLOR:#928B69}
A:hover{COLOR:#FF0000;TEXT-DECORATION:none;}
-->
</style>

Maar nu op index pagina die vertelt wie er online is, wil ik dat admins rood gekleurt zijn en moderators groen en users zwart dus d8 ik dat op de volgende manier op te lossen:

PHP:

<?
        if($online_rows > 0)
        {
                if($online_rows == 1)
                {
                echo "Momteel is er <b>" .$online_rows. "</b> gebruiker online.<br>";
                }
                else
                {
                echo "Momteel zijn er <b>" .$online_rows. "</b> gebruikers online.<br>";
                }
                while($online_array = mysql_fetch_array($online_query) )
                {
                        if($online_array['rechten'] == "admin")
                        {
                                $color = "#FF0000";
                        }
                        if($online_array['rechten'] == "moderator")
                        {
                                $color = "#2ABC02";
                        }
                        if($online_array['rechten'] == "user")
                        {
                                $color = "#000000";
                        }

                        echo "<font color=\"$color\"><a href=\"user.php?action=view&id=" .$online_array['id']. "\">" .$online_array['username']. "</a></font>, ";
                }
        }
        else
        {
                echo "Er zijn momenteel <b>geen</b> gebruikers online.";
        }
?>

Maar nu nog blijft de link kleur zoals ingesteld in head.php wat kan ik doen?

[crisp]

je styledefinitie voor de a-tag overruled de color in je font-tag.

2 tips:

-font-tags zijn deprecated; niet meer gebruiken dus
-verdiep je eens in CSS, met name in hoe je bijvoorbeeld met classes kan werken

[ Voor 6% gewijzigd door crisp op 04-02-2004 16:55 ]

[Verwijderd]

dan zou ik dus een class moeten maken die onlineusers heet bijvoorbeeld? en die dan toepassen?

Zelf weet ik inderdaad niet zoveel over css. Weet je toevallig een site waar je je kennis over css goed onder handen kan nemen?

[disjfa]

www.w3schools.com/css

het begin

[cowgirl]

http://www.w3schools.com/html/html_styles.asp over je specifieke probleem, en de rest van de site om wat meer te leren over CSS.

[crisp]

Verwijderd schreef op 04 februari 2004 @ 16:56:
dan zou ik dus een class moeten maken die onlineusers heet bijvoorbeeld? en die dan toepassen?

ja, of een class 'moderator', een class 'admin' en een class 'user'; dan kan je de kleurtjes dus mooi via CSS regelen

klein voorbeeldje:

Cascading Stylesheet:

a {
  color: black;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.admin {
  color: red;
}
a.moderator {
  color: green;
}
a.user {
  color: grey;
}

[Verwijderd]

Ja ik zie het, maar hoe weet de stylesheet dan of het een admin, moderator of user is?

[Voutloos]

Verwijderd schreef op 04 februari 2004 @ 17:16:
Ja ik zie het, maar hoe weet de stylesheet dan of het een admin, moderator of user is?

Je moet bij de relevante openingstag in je html dan een class="dezeclassdus" attribuut toevoegen.

Eerlijk gezegd is dat een basic principe van CSS, dus kan je je beter eerst wat inlezen op dat gebied.

Sterker nog, je kan het voorbeeld van Crisp gewoon vinden in de broncode:

code:

<a href="adres" title="crisp" class="gotcrew">

[ Voor 31% gewijzigd door Voutloos op 04-02-2004 17:21 ]

[disjfa]

PHP:

echo "<span class=\"".$online_array['rechten']."\">hoi</span>";

ipv heel je code van daarboven oid ........ en hoop geen spelfout.

[ Voor 22% gewijzigd door disjfa op 04-02-2004 17:20 ]

[crisp]

Verwijderd schreef op 04 februari 2004 @ 17:16:
Ja ik zie het, maar hoe weet de stylesheet dan of het een admin, moderator of user is?

door in je link bijvoorbeeld class="admin" te zetten

[Verwijderd]

Ik heb wat geleerd over css en wat hulp gekregen van eerbare rick.... maar het is ons bijna gelukt op een nadeeltje na.. het volgende:

Ik heb deze code nu in de <head></head> tags staan:

code:

<style>
.admin{COLOR:#FF0000;}
.moderator{COLOR:#2ABC02;}
.user{COLOR:#000000;}
A:link{COLOR:#928B69;TEXT-DECORATION:none;}
A:visited{COLOR:#928B69;TEXT-DECORATION:none;}
A:active{COLOR:#928B69;TEXT-DECORATION:none;}
A:hover{COLOR:#FF0000;TEXT-DECORATION:none;}
</style>

Als ik alle A: dingen weghaal werkt het wel maar zijn mijn andere links verneukt*... Wat zou ik nu het beste kunnen doen?

[crisp]

het keyword is overerving hier, en bij pseudoclasses hoef je dingen die niet veranderen niet expliciet op te geven. In het kort komt dat hier op neer:

Cascading Stylesheet:

a {
  color: #928B69;
  text-decoration: none;
}
a:hover {
  color: #ff0000;
}
a.admin {
  color: #ff0000;
}
a.moderator {
  color: #2abc02;
}
a.user {
  color: #000000;
}

De admin, moderator en user classes delen wel de default hover pseudoclass; als dat ook anders moet moet je die expliciet voor elke class nog opgeven.