Re: CSS помощь?
Я схватил код для некоторых хороших чистых кнопок CSS с одной из этих веб-сайта кнопки мейкер и получил представление о том, как сделать вещи довольно быстро, но когда я попытался сделать больше, чем один он просто возвращается к HTML ссылки и по умолчанию этого положения, чтобы левая, я был бы признателен, если бы вы могли посмотреть и сказать мне, почему он делает это.
котировка
<глава>
<стиль>
.button1 {
Дисплей: встроенный блок;
черный цвет;
не очертить: нет;
курсор: указатель;
выравнивания текста: центр;
текст-отделка: нет;
шрифта: 14px / 100% Arial, Helvetica, без засечек;
обивка: .5em 2em .55em;
текст цвет: черный;
Текст-тень: 0 1px 1px RGBA (0,0,0);
-WebKit-границы радиуса: .5em;
-Мос-граница радиуса: .5em;
границы радиус: .5em;
-WebKit-бокс-тень: 0 1px 2px RGBA (0,0,0, 0,2);
-Мос-бокс-тень: 0 1px 2px RGBA (0,0,0, 0,2);
коробка-тень: 0 1px 2px RGBA (0,0,0, 0,2);
позиция: относительная;
топ: 20px;
Слева направо: 1005px;
}
.button1: парить {
черный цвет;
текст-отделка: нет;
позиция: относительная:
топ: 20px;
Слева направо: 1005px;
}
.button1: активный {
черный цвет;
позиция: относительная;
топ: 20px;
Слева направо: 1005px;
}
.магазин {
черный цвет;
границы: твердый 1px # C0C0C0;
фон: # F8F8F8;
фон: -webkit-градиент (линейный, слева вверху, слева внизу, из (F8F8F8), к (# c0c0c0));
фон: -moz-линейный градиент (сверху, # F8F8F8, # C0C0C0);
Фильтр: ProgID: DXImageTransform.Microsoft.gradient (startColorstr = '# F8F8F8', endColorstr = '# C0C0C0');
позиция: относительная:
топ: 20px;
Слева направо: 1005px;
}
.магазин: парить {
черный цвет;
фон: # F8F8F8;
фон: -webkit-градиент (линейный, слева вверху, слева внизу, из (# F8F8F8), чтобы (# C0C0C0));
фон: -moz-линейный градиент (сверху, # F8F8F8, # C0C0C0);
Фильтр: ProgID: DXImageTransform.Microsoft.gradient (startColorstr = '# F8F8F8', endColorstr = '# C0C0C0');
позиция: относительная:
топ: 20px;
Слева направо: 1005px;
}
.магазин: активный {
черный цвет;
фон: -webkit-градиент (линейный, слева вверху, слева внизу, из (# f47a20), к (# c0c0c0));
фон: -moz-линейный градиент (сверху, # F8F8F8, # C0C0C0);
Фильтр: ProgID: DXImageTransform.Microsoft.gradient (startColorstr = '# F8F8F8', endColorstr = '# C0C0C0');
позиция: относительная:
топ: 20px;
Слева направо: 1005px;
.Главная кнопка {
Дисплей: встроенный блок;
черный цвет;
не очертить: нет;
курсор: указатель;
выравнивания текста: центр;
текст-отделка: нет;
шрифта: 14px / 100% Arial, Helvetica, без засечек;
обивка: .5em 2em .55em;
текст цвет: черный;
Текст-тень: 0 1px 1px RGBA (0,0,0);
-WebKit-границы радиуса: .5em;
-Мос-граница радиуса: .5em;
границы радиус: .5em;
-WebKit-бокс-тень: 0 1px 2px RGBA (0,0,0, 0,2);
-Мос-бокс-тень: 0 1px 2px RGBA (0,0,0, 0,2);
коробка-тень: 0 1px 2px RGBA (0,0,0, 0,2);
позиция: относительная;
топ: 20px;
Слева направо: 950px;
}
.homebutton: парить {
черный цвет;
текст-отделка: нет;
позиция: относительная:
топ: 20px;
Слева направо: 950px;
}
.homebutton: активный {
черный цвет;
позиция: относительная;
топ: 20px;
Слева направо: 950px;
}
.Главная {
черный цвет;
границы: твердый 1px # C0C0C0;
фон: # F8F8F8;
фон: -webkit-градиент (линейный, слева вверху, слева внизу, из (F8F8F8), к (# c0c0c0));
фон: -moz-линейный градиент (сверху, # F8F8F8, # C0C0C0);
Фильтр: ProgID: DXImageTransform.Microsoft.gradient (startColorstr = '# F8F8F8', endColorstr = '# C0C0C0');
позиция: относительная:
топ: 20px;
Слева направо: 950px;
}
.дома: парить {
черный цвет;
фон: # F8F8F8;
фон: -webkit-градиент (линейный, слева вверху, слева внизу, из (# F8F8F8), чтобы (# C0C0C0));
фон: -moz-линейный градиент (сверху, # F8F8F8, # C0C0C0);
Фильтр: ProgID: DXImageTransform.Microsoft.gradient (startColorstr = '# F8F8F8', endColorstr = '# C0C0C0');
позиция: относительная:
топ: 20px;
Слева направо: 950px;
}
.дома: активный {
черный цвет;
фон: -webkit-градиент (линейный, слева вверху, слева внизу, из (# f47a20), к (# c0c0c0));
фон: -moz-линейный градиент (сверху, # F8F8F8, # C0C0C0);
Фильтр: ProgID: DXImageTransform.Microsoft.gradient (startColorstr = '# F8F8F8', endColorstr = '# C0C0C0');
позиция: относительная:
топ: 20px;
Слева направо: 950px;
<ссылка тела ="# 000000" ALINK ="# 000000" VLINK ="# 000000">
<Тело BGColor ="#FFFFFF" Text ="# 000000"
<центр>
Серебряный Бор украшения
http://www.silverboarjewellery.com/silverboarstore/" класс ="магазин button1">хранить
http://www.silverboarjewellery.com" класс ="homebutton дома">Главная
Я подозреваю, что я что-то действительно очевидное отсутствую, потому что я не привык к такому коду вообще, есть опечатка или какое-то отсутствующий бит где-нибудь? Это, как правило, что преступник, дайте мне знать! Один я вишу кнопки на веб-сайте Ювелирная я исправить манга один и сделать все это лучше тоже.