The following would allow you to use a single 50 x 40px image with 2
states using CSS to move the background image when hovering to show
the hover image. Without CSS enabled, i.e. when screen readers and
search engines view your site, they see a standard text link, but for
the majority of users they see a nice graphical link.
View:
$html->link('Delete', array('action' => 'delete', $row['Model']
['id']), array('class'=>'delete'), 'Are you sure?');
CSS:
a.delete {
text-indent:-5000px;
display:block;
width:50px;
height:20px;
background:transparent url(/img/delete-icon.gif) no-repeat 0 0;
}
a.delete:hover {
background-position:0 -20px;
}
Check out the new CakePHP Questions site http://cakeqs.org and help others with
their CakePHP related questions.
You received this message because you are subscribed to the Google Groups
"CakePHP" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected] For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en