Schickes CSS Menü
CSS:
.td_menu a{
display:block;
width: 98%;
font-family: Arial;
font-size: 12px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
/* Um beim hover Effekt das "verrutschen" zu verhindern, hier auch Border mit selber bgcolor
wie die Seite. */
border-bottom: 1px dotted #cccccc;
border-top: 1px dotted #595959;
border-left: 1px dotted #595959;
border-right: 1px dotted #595959;
}
.td_menu a:link {
display:block;
width: 98%;
text-decoration: none; }
.td_menu a:visited{
display:block;
width: 98%;
text-decoration: none; }
.td_menu a:hover{
display:block;
width: 98%;
text-decoration: none;
color: #c0c0c0;
background-color: #6D6D6D;
border-bottom: 1px dotted #cccccc;
border-top: 1px dotted #cccccc;
border-left: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
}
Einbinden:
[...] <table class="td_menu"> [...]
.td_menu a{
display:block;
width: 98%;
font-family: Arial;
font-size: 12px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
/* Um beim hover Effekt das "verrutschen" zu verhindern, hier auch Border mit selber bgcolor
wie die Seite. */
border-bottom: 1px dotted #cccccc;
border-top: 1px dotted #595959;
border-left: 1px dotted #595959;
border-right: 1px dotted #595959;
}
.td_menu a:link {
display:block;
width: 98%;
text-decoration: none; }
.td_menu a:visited{
display:block;
width: 98%;
text-decoration: none; }
.td_menu a:hover{
display:block;
width: 98%;
text-decoration: none;
color: #c0c0c0;
background-color: #6D6D6D;
border-bottom: 1px dotted #cccccc;
border-top: 1px dotted #cccccc;
border-left: 1px dotted #cccccc;
border-right: 1px dotted #cccccc;
}
Einbinden:
[...] <table class="td_menu"> [...]
abgelegt in Codeschnipsel Ι geposted von admin - 2007-01-07
