Hjälp med knappar

Avdelningen för webbrelaterad programmering och grafisk design.
Post Reply
User avatar
ColdStyle
Posts: 5
Joined: 2006-10-27 21:55:04

Hjälp med knappar

Post by ColdStyle »

någon som har tips om hur man ska göra med knapparna på så att de inte blinkar?
Typ pre-load eller nått ?!?

http://www.coldstyle.se
Det krävs ett nytt sätt att tänka för att lösa de problem som det gammla sättet att tänka har skapat
User avatar
Mr Einstein
Posts: 1935
Joined: 2006-07-28 13:15:02

Post by Mr Einstein »

Menyknapparna är ju rätt stora, och med en annan utforming, lösning kanske det skulle fungera bättre.

Annars är det väl nått java script proload du måste köra.

PS: ser du förresten att du har stavat fel här
Image
User avatar
ColdStyle
Posts: 5
Joined: 2006-10-27 21:55:04

Post by ColdStyle »

ok, får testa med något javascript.
Nej jag har inte sett felstavningen,
Tack för din uppmärksamhet.
Det krävs ett nytt sätt att tänka för att lösa de problem som det gammla sättet att tänka har skapat
User avatar
syntetisk
Posts: 2708
Joined: 2002-03-28 23:48:58
Location: Uppsala

Post by syntetisk »

Här är en lösning med css som jag hittade på en sida:

Code: Select all

#tabs{
    padding: 0;
	margin-bottom: -20px;
	padding:20px 0 0 0;
    font-size: 10px;
    color: #FFF;
    font-weight: bold;
	text-align:center;
}
#tabs ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#tabs ul li{
    display: inline;
    margin: 0;
    text-transform: capitalize;
	text-align: center;
}
#tabs ul li a:link,
#tabs ul li a:active,
#tabs ul li a:visited,
#tabs ul li a:hover{
    padding: 3px 0 0 0;
    color: #FFF;
    background: url(../../images/Default/tabs.png) no-repeat;
	background-position: 0 0;
    float: left;
    text-decoration: none;
    margin: 0 0 0 10px;
	height: 17px;
	width: 90px;
	display: block;
    text-transform: uppercase;
	text-align:center;
}
#tabs ul li a:hover{
    background-position: 0 -20px;
    color: #FFF;
    text-decoration: none;
	font-weight: bold;
}
#tabs ul li a.active:link,
#tabs ul li a.active:active,
#tabs ul li a.active:visited,
#tabs ul li a.active:hover{
    background-position: 0 -40px;
    color: #FFF;
	font-weight: bold;
Då ligger alla olika bilder i en och samma bildfil, i det här fallet "tabs.png"
Post Reply