How to insert a:active into css?
8 years 10 months ago #32392
by bonnsport
How to insert a:active into css? was created by bonnsport
Hello Forum, salute Cedrick,
i`m a novice in css.
I use
Joomla 3.4.8
virtuemart 3.0.12
accordeon Menu CK
As Template i use vivid from virtuemarttemplate.net
I would like to show a backgroundcolor for an active link in the menu, but with no effort.
This is the css i use with accordeon Menu CK.
I tried to change this part
into
But nothing happends.
Can someone help?
Regards
Thomas
i`m a novice in css.
I use
Joomla 3.4.8
virtuemart 3.0.12
accordeon Menu CK
As Template i use vivid from virtuemarttemplate.net
I would like to show a backgroundcolor for an active link in the menu, but with no effort.
This is the css i use with accordeon Menu CK.
Code:
<?php
header('content-type: text/css');
$id = 'ul#'.htmlspecialchars ( $_GET['cssid'] , ENT_QUOTES );
?>
/*--------------------------------------------
-- Simple theme Menu Accordeon CK --
-- This is a simple theme with annotations --
-- you can fill it like you want --
-- to put your own CSS --
--------------------------------------------*/
/* main UL container */
<?php echo $id; ?> {
padding: 5px;
margin: 0;
}
/* style for all links */
<?php echo $id; ?> li {
border-bottom: 1px solid #ddd;
margin: 0;
text-align: left;
list-style: none;
color: #000;
background: none;
}
/* style for all links from the second level - list-style-type : square; hab ich auskommentiert */
<?php echo $id; ?> li ul li {
/* list-style-type : square; */
margin: 0 0 0 0px;
border-bottom: none;
border-top: 1px solid #ddd;
}
/* style for all anchors */
<?php echo $id; ?> li a {
margin: 0;
color: #000;
text-align: left;
display: block;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 4px;
padding-top: 10px;
text-decoration: none;
background: none;
}
/* style for all anchors on mouseover */
<?php echo $id; ?> li a:hover, <?php echo $id; ?> ul li a:focus {
color: #56acd1;
}
/* style for all link descriptions */
<?php echo $id; ?> li a span.accordeonckdesc {
display: block;
I tried to change this part
Code:
/* style for all anchors on mouseover */
<?php echo $id; ?> li a:hover, <?php echo $id; ?> ul li a:focus {
color: #56acd1;
}
into
Code:
/* style for all anchors on mouseover */
<?php echo $id; ?> li a:hover, <?php echo $id; ?> li a:active, <?php echo $id; ?> ul li a:focus {
color: #56acd1;
background-color: #ffffff
}
But nothing happends.
Can someone help?
Regards
Thomas
Please Log in or Create an account to join the conversation.
8 years 10 months ago #32393
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic How to insert a:active into css?
Hi
you must not use
a:active
but
a.active
this is a class, not a pseudoclass
CEd
you must not use
a:active
but
a.active
this is a class, not a pseudoclass
CEd
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
Time to create page: 0.193 seconds