Hallo,
ich hoffe ihr könnt mir helfen und zwar hab ich ein Problem mit folgenden Flash-Buttons: http://cccpnews.ho.am/help/index.html
Wie man sehen kann, sind die Kategorien durch einen schwarzen Strich aufgeteilt außer bei der "Home" / "Kino" Fläche... wie fügt man dort ebenfalls diesen Strich als abgrenzung ein???
Hier ist die Style.css
HTML
* { margin:0; padding:0;}
body { font-family:Arial;}
/*==================list====================*/
#header .nav li { display:inline;}
#header .nav li a { display:block; float:left; background:url(1.gif); font-size:.86em; text-decoration:none; height:30px; line-height:30px; color:#545454; position:relative;}
#header .nav li a b { display:block; background:url(7.gif) no-repeat right top; padding:0 35px 0 35px; cursor:pointer; }
#header .nav li a:hover { background:url(2.gif) left top repeat-x; color:#fff;}
#header .nav li a.current { background:url(2.gif) left top repeat-x; color:#fff;}
#header .nav li a.first b { background:url(6.gif) no-repeat left top; padding-left:55px; }
#header .nav li a.first:hover b { background:url(4.gif) no-repeat left top; padding-left:55px;}
#header .nav li a.first-current b { background:url(4.gif) no-repeat left top !important; padding-left:55px;}
#header .nav li a.last b { background:url(5.gif) no-repeat right top; padding-right:55px;}
#header .nav li a.last:hover b {background:url(3.gif) no-repeat right top;}
#header .nav li a.last-current {background:url(2.gif) left top repeat-x; color:#fff;}
#header .nav li a.last-current b {background:url(3.gif) no-repeat right top !important; padding-right:55px;}
Alles anzeigen
Wenn man bei der folgenden Zeile statt right > left eintippt, erscheint zwar der schwarze Strich bei HOME / KINO, dafür aber ist jetzt der andere Strich bei HANDY / INTERNET weg.
Zeile:
#header .nav li a b { display:block; background:url(7.gif) no-repeat left top; padding:0 35px 0 35px; cursor:pointer; }