Бутон ЦСС или ХТМЛ ?

[NewNewbie]

Значи тъй като незнам с какво става искам да попитам както и за самия скрипт.
Значи имам на един бутон две картинки единият е като е натиснат и другият като не е в смисал искам когато мишката да е върхо бутона да се появява картинката която е за натиснат а когато не е нормалната картинак. Хелп

 

[shterev]

бутона ти от форма ли ще е? Има значение за браузърите(ИЕ)

 

[NewNewbie]

не е бутон на форма а на фотошоп...

 

[EmPowerYou]

Няма ли да дадеш някакъв код?
Ето пример, добави това в .css кода:

.button {
background-image: url(kartinka_za_background.jpg);
}

.button:hover {
background-image: url(kartinka_za_background_hover.jpg);
}

А ето и как може да го ползваш:

<a href="link" class="button">Link</a>

 

[NewNewbie]

ама на моите картинки си има текст!

 

[EmPowerYou]

ама на моите картинки си има текст!

Ще дадеш ли някакъв код или да не ти обръщам внимание?

На какъв език да ти го повтора?

 

[NewNewbie]

ето кода

<?php
if($_SESSION['name']) {
echo ("<font size=5><a href='index.php?a=map' class='button'></a></font>");
 } else {
echo (""); }

 

[EmPowerYou]

ето кода

<?php
if($_SESSION['name']) {
echo ("<font size=5><a href='index.php?a=map' class='button'></a></font>");
 } else {
echo (""); }

А .css кода или нямаш такъв? Също така ми дай кода, с който използваш картинките...

 

[NewNewbie]

ето menu2.php

<?php
if($_SESSION['name']) {
echo ("<font size=5><a href='index.php?a=map' class='button'></a></font>");
 } else {
echo (""); }

ето и link.css

body {
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
}

a:link {
color: #828282;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

a:hover {
color: #a9a9a9;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

a:visited {
color: #828282;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

#map {
background-image: url( 'images/map.png' );
width: 563px;
height: 400px;
} 


.button {
background-image: url( 'images/buttons/city2.png' );
}

.button:hover {
background-image: url( 'images/buttons/city.png' );
}

 

[EmPowerYou]

Кода си работи, пробвах го. Да не би да не си написал текст между <font size=5><a href='index.php?a=map' class='button'>ТЕКСТ</a></font>?

 

[NewNewbie]

не... даже нищо не ми се появява

 

[Devillman]

това го слагаш в <head></head> таговете

 <script language="Javascript">

</script>

Това го слагаш между <body></body> таговете

<a href="http://example.com" onmouseover="document.rollover.src=button2.src" onmouseout="document.rollover.src=button1.src"><img src="img1.gif" border=0 name="rollover"></a>

Пробвай като искаш и тоя java scirpt може и да стане но нз до колкот гледам кода ти използаваш предимно php така че нз

 

[shterev]

.button {background: url(image.gif) no-repeat left top;}
.button:hover {background: url(image2.gif) no-repeat left top;}

 

[shterev]

не е бутон на форма а на фотошоп...

А за тук ще ти кажа че не падам от марс, знам че е правен на фотошоп, просто ако ползваш <input type="button" class="button">,
това .button:hover , не работи в експлорер