Нямам много опит със CSS.
Искам да попитам за две неща които са ми актуални в момента и немога да ги оправя. Сигурно са елементарни, за тези които разбират.
1. Направих един бутон CSS онлайн генератор. Елементарен. Бутона е червен, а текста в него бял. След като поставих кода в моя стайл цсс файл. Бутона се появява на сайта червен но с черни връзки в него. А трябва да са бели. Разбрах че връзките ги изобразява от основните на стайл файла.
Как да направя така че бутона да се показва с бял текст вместо черен? Демек да му задам различен от основния.
Ето кода на бутона:
[css].button {
-moz-box-shadow: 0px 1px 0px 0px #c4c0c0;
-webkit-box-shadow: 0px 1px 0px 0px #c4c0c0;
box-shadow: 0px 1px 0px 0px #c4c0c0;
background-color:#f50a0a;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
border:1px solid #f71111;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:13px;
font-weight:bold;
padding:3px 10px;
text-decoration:none;
text-shadow:1px 1px 0px #1f1a1f;
}
.button a {
background-color:#f50a0a;
color:#ffffff;
}
.button a:hover {
background-color:#ed4815;
color:#ffffff;
}
.button a:active {
position:relative;
color:#ffffff;
top:1px;
}
.button a:visited {
background-color:#f50a0a;
color:#ffffff;
}[/css]
Задал съм навсякъде да е бял текста, и въпреки това се показва основния. Кое трябва да коригирам?
2. Втория ми въпрос относно работата с CSS е как да поставя 2 елемента на един ред?
Искам изображението да се показва в ляво. А текст в дясно. Направих един клас с две полета. Едното със флоат лефт, другото с флот райт. Пробвах с display: block и display: inline. Не става текста го вади на нов ред. Картинката остава отгоре. Как да ги направя и двете да са на един ред? А не текста да излиза на нов ред след картинката.
Сигурен съм, че и двета проблема имат много лесно решение, но като не съм запознат. Може ли някой, навътре в нещата да ме светне, как да ги оправя нещата?
Искам да попитам за две неща които са ми актуални в момента и немога да ги оправя. Сигурно са елементарни, за тези които разбират.
1. Направих един бутон CSS онлайн генератор. Елементарен. Бутона е червен, а текста в него бял. След като поставих кода в моя стайл цсс файл. Бутона се появява на сайта червен но с черни връзки в него. А трябва да са бели. Разбрах че връзките ги изобразява от основните на стайл файла.
Как да направя така че бутона да се показва с бял текст вместо черен? Демек да му задам различен от основния.
Ето кода на бутона:
[css].button {
-moz-box-shadow: 0px 1px 0px 0px #c4c0c0;
-webkit-box-shadow: 0px 1px 0px 0px #c4c0c0;
box-shadow: 0px 1px 0px 0px #c4c0c0;
background-color:#f50a0a;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
border:1px solid #f71111;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:13px;
font-weight:bold;
padding:3px 10px;
text-decoration:none;
text-shadow:1px 1px 0px #1f1a1f;
}
.button a {
background-color:#f50a0a;
color:#ffffff;
}
.button a:hover {
background-color:#ed4815;
color:#ffffff;
}
.button a:active {
position:relative;
color:#ffffff;
top:1px;
}
.button a:visited {
background-color:#f50a0a;
color:#ffffff;
}[/css]
Задал съм навсякъде да е бял текста, и въпреки това се показва основния. Кое трябва да коригирам?
2. Втория ми въпрос относно работата с CSS е как да поставя 2 елемента на един ред?
Искам изображението да се показва в ляво. А текст в дясно. Направих един клас с две полета. Едното със флоат лефт, другото с флот райт. Пробвах с display: block и display: inline. Не става текста го вади на нов ред. Картинката остава отгоре. Как да ги направя и двете да са на един ред? А не текста да излиза на нов ред след картинката.
Сигурен съм, че и двета проблема имат много лесно решение, но като не съм запознат. Може ли някой, навътре в нещата да ме светне, как да ги оправя нещата?