Hallo en nog de beste wensen voor iedereen!
ik heb een vraagje met betrekking tot het veranderen van CSS om een plaatje te manupileren als roll over en visited
wat ik op dit moment heb is het volgende, ik heb een plaatje (button) van 120x20px die ik dubbel heb gemaakt dus totaal één plaatje van 120x40px.
in een div heb ik een <a href=> staan met als background dit plaatje left top
nu heb ik een manier om de hover te doen dat ik in CSS left bottom voor de background-position verander.
wat ik nu wil is als iemand op een divlink klikt dat deze dan geweizigd blijft.
ik heb al vanalles geprobeert om in de content (een php file) een if statemant te gebruiken met de opgehaalde pagina, maar ik kom er niet verder mee.
alvast bedankt!
Hans
ik heb een vraagje met betrekking tot het veranderen van CSS om een plaatje te manupileren als roll over en visited
wat ik op dit moment heb is het volgende, ik heb een plaatje (button) van 120x20px die ik dubbel heb gemaakt dus totaal één plaatje van 120x40px.
in een div heb ik een <a href=> staan met als background dit plaatje left top
nu heb ik een manier om de hover te doen dat ik in CSS left bottom voor de background-position verander.
wat ik nu wil is als iemand op een divlink klikt dat deze dan geweizigd blijft.
ik heb al vanalles geprobeert om in de content (een php file) een if statemant te gebruiken met de opgehaalde pagina, maar ik kom er niet verder mee.
alvast bedankt!
Hans
PHP:
<?php
// CSS code voor de aangemaakte pagina's die in de linker menubalk komen te staan.
$sql = "SELECT naam, buttonlink
FROM pagina";
$db_css = get_db_info($sql);
while($css = mysql_fetch_array($db_css)) {
echo "#{$css["naam"]} { \n";
echo "\t height: 20px; \n";
echo "\t width: 120px; \n";
echo "\t margin-right: auto; \n";
echo "\t margin-left: auto; \n";
echo "} \n";
echo "#{$css["naam"]} a:link,#{$css["naam"]} a:visited { \n";
echo "\t text-ident: -1000em; \n";
echo "\t display: block; \n";
echo "\t background: url({$css["buttonlink"]}) no-repeat left top; \n";
echo "\t height: 20px; \n";
echo "\t width: 120px; \n";
echo "} \n";
echo "#{$css["naam"]} a:hover,#{$css["naam"]} a:active { \n";
echo "\t background-position: left bottom; \n";
echo "\t border: none \n";
echo "} \n";
}
?>
PHP:
<div id="menuDiv">
<?php
$sql = "SELECT naam, volgorde, zichtbaar, id
FROM pagina
WHERE zichtbaar = 1
ORDER BY volgorde ASC";
$links = get_db_info($sql);
while($link = mysql_fetch_array($links)) {
echo "<div id=\"{$link["naam"]}\"><a ";
if($link["id"] == $page_id ){
echo "class=\"a:visited\"";
}
echo " href=\"index.php?page_id=" . urlencode($link["id"]) . "\" title=\"{$link["naam"]}\"></a></div>";
}
?>
</div>
Ja beetje stom wel maar wel begrijpelijk, maar werkt het nu wel? Anders wil ik me er ook nog wel eens in verdiepen en zien of ik tot een oplossing kan komen.
