CSS проблем .

headsho7

Registered
От 2 седмици вече го уча и от вчера се мъча сам да си направя бутон , който като минеш през него да се сменя картинката ... и си викам няма да ползвам уроции и накрая се предадох някой може ли да ми обесни как става ;) имам и едно др въпросче .. може ли на рамка да се сложи картинка .. всмисал место "чартата" на рамката да е някаква картинка ;) мерси предварително
 
Ето ти за рамката


а за менюто просто добяш
а:visited
{

}// когато е посетен вече

a:hover
{

}// когато мишката е върху бутона

a:link
{

} // при нормално положение
 
Еми за да минеш отгоре с мишката и да се сменя картинката ползвай :hover.

Пример:
Код:
#buton {
background-image: url(''); /*картинката, която ще е на бутона като не е отгоре мишката */
}

#buton:hover {
background-image: url(''); /*картинката, кяото ще се показва, когато мишката е върху */
}

За бордер-а може да прочетеш в този сайт. Там е показано как става със CSS3, за по-ранните версии не знам. :)
 
за рамката мерси .. но проблема е друг .. и ааз се сетих за hover visited и a:link обаче като си го задал бекграунд и като си написал на линка ХАХА и само малка част от бутона излиза ... няма каде да го кача да ви покажа нагледно :D
 
Задай му примерно:

width: 80px;
height: 25px;

Само нагласи да е с размерите на картинката и трябва да е наред ;)
Може да сложиш и text-align: center; ;)
 
всмисал на а да му дам параметри

a
{
width:**px;
height:**px;
text-decoration:none;
background:url(xa.jpg);
}


нещо такова ли ?
 
всичко казано до сега го знам :D

просто ми отговорете точно на вапроса .. на линка задавам като бекгроунд самия бутон така ли ? и просто на hover да се сменя ?
 
a
{
list-style-type:none;
width:230px;
height:56px;
background:url(1.jpg);
text-decoration:none;
display:block;
}

a:hover
{
list-style-type:none;
width:230px;
height:56px;
background:url(2.jpg);
text-decoration:none;
display:block;
}

ето така го направих :) мерси , че все паксе опитахте да помогнете да разреша проблема си :)
 

Back
Горе