• Здраво и добредојдовте на форумот на IT.mk.

    Доколку сеуште не сте дел од најголемата заедница на ИТ професионалци и ентузијасти во Македонија, можете бесплатно да се - процесот нема да ви одземе повеќе од 2-3 минути, а за полесна регистрација овозможивме и регистрирање со Facebook и Steam.

Помош за CSS?

  • Ја почнал/а темата
  • #1

mac-ufs

Intern
23 април 2008
611
19
znaci vaka sakam da izgleda stranata(naredeno e samo vo tabeli i <img> vo html dkumentot)



toa kockite mi se linkovi...sakam koga ke dojdam so mausot na edna kocka na pr da se menja druga slika...t.e g imam izraboteno vo photoshop edna potemna druga poslvetla...probuvav so css vo a{} i a:hover{} no toa usvari ja stava slikata kako pozadina ne ja stava cela slika eve pr

Код:
#button1 a{
font-family:tahoma, helvetica, arial, sans-serif;
text-decoration:none;
background-image: url(images/button1.png);
color:black;
font-size:20px;
margin-top:10;
border-width: 1px 4px 1px 100px;
padding-left: 57px; padding-top: 57px; padding-right:57px; padding-bottom:57px;
border-color:orange;
letter-spacing:5px;
}

#button1 a:hover{
font-family:tahoma, helvetica, arial, sans-serif;
background-image: url(images/button1hover.png);
text-decoration:none;
color:black;
font-size:20px;
margin-top:10;
border-width: 1px 4px 1px 100px;
padding-left: 57px; padding-top: 57px; padding-right:57px; padding-bottom:57px;
border-color:orange;
letter-spacing:5px;
}
probuvav so padding-left padding-right itn da gi zgolemuvam i namaluvam no ne moze da se pogodi goleminata a slikata btw na razlicni prebaruvaci razlicni go prikazuva toj kod

ima nekoj raboteno na ovoj nacin da pomogne ili? :)
 

PBaller

Intern
6 март 2008
76
0
Ima eden mnogu dobro css reshenie za tvojata situacija. Problemot shto ti sakash da go reshish mnogu lesno se izveduva so background-position taka shto pravish edna slikichka kade shto zaedno edno do drugo so isti dimenzii zalepeni ti se normalnata slikichka i hover slikichkata taka shto na mouse ove so background-position pravish pozadinata da se pomestuva i taka ustvari ispagja da izgleda kako sosema druga slikichka.

Primer:

.a.button1 {
background:url(../images/background.gif) 0 0 no-repeat;
height:21px;
width:66px;
}

.a.button1:hover {
background-position:-67px 0;
}

Se nadevam ke ti pomogne ova. Vidi isprobuvaj za da go dobiesh sakaniot rezultat.

Pozraf
 

Нови мислења

Последни Теми

Статистика

Теми
43,552
Мислења
823,181
Членови
28,061
Најнов член
Viktorofski
На врв Дно