Hjälp med knappar

Avdelningen för webbrelaterad programmering och grafisk design.
Skriv svar
Användarvisningsbild
ColdStyle
Inlägg: 5
Blev medlem: 2006-10-27 21:55:04

Hjälp med knappar

Inlägg av ColdStyle » 2007-06-05 23:38:11

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

Användarvisningsbild
Mr Einstein
Inlägg: 1935
Blev medlem: 2006-07-28 13:15:02

Inlägg av Mr Einstein » 2007-06-06 2:04:41

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
Bild

Användarvisningsbild
ColdStyle
Inlägg: 5
Blev medlem: 2006-10-27 21:55:04

Inlägg av ColdStyle » 2007-06-06 12:47:07

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

Användarvisningsbild
syntetisk
Inlägg: 2708
Blev medlem: 2002-03-28 23:48:58
Ort: Uppsala

Inlägg av syntetisk » 2007-06-06 22:49:36

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

Kod: Markera allt

#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"

Skriv svar