input {
width: 120px;
border: 1px #CCC solid;
}
вопросы по CSS
Вопрос №1
собственно говоря
я хочу задать некие параметры по умолчанию
для поля ввода.
например:
но финт в том что эти параметры применятся еще и
к checkbox и radio что мне совсем ненужно
есть ли способ както обойти этот момент
Вопрос №2
многие наверняка с этим сталкивались
закругленные углы у кнопок,
причем кнопка не имеет фексированной ширины
моих знаний хватает только на то что бы
сделать закругленные углы с одной стороны
собственно говоря
я хочу задать некие параметры по умолчанию
для поля ввода.
например:
Код:
но финт в том что эти параметры применятся еще и
к checkbox и radio что мне совсем ненужно
есть ли способ както обойти этот момент
Вопрос №2
многие наверняка с этим сталкивались
закругленные углы у кнопок,
причем кнопка не имеет фексированной ширины
моих знаний хватает только на то что бы
сделать закругленные углы с одной стороны
Цитата:
input[type="submit"]
не работает в ИЕ6 и ниже (выше не уверен).
Код:
<style type="text/css">
width: 120px;
border: 1px #CCC solid;
</style>
<input type="text" class="textbox" />
width: 120px;
border: 1px #CCC solid;
</style>
<input type="text" class="textbox" />
Цитата:
Вопрос №2
На кнопку в виде <input> действительно нельзя, но можно на ссылку
Код:
<style type="text/css">
.button{
background: url(/img/cornerLeft.gif) left top no-repeat;
}
.button span{
padding:0 10px;
background:# url(/img/cornerRight.gif) right top no-repeat;
}
</style>
<a href="#" class="button"><span>кнопка</span></a>
.button{
background: url(/img/cornerLeft.gif) left top no-repeat;
}
.button span{
padding:0 10px;
background:# url(/img/cornerRight.gif) right top no-repeat;
}
</style>
<a href="#" class="button"><span>кнопка</span></a>
не проверял, но суть такая )
Цитата: Nixus
Код:
input[type="submit"] {
width: 120px;
border: 1px #CCC solid;
}
width: 120px;
border: 1px #CCC solid;
}
странно
я о такой схеме неслышал
и у меня в ИЕ6 не работает
Цитата: cogonet
Код:
<style type="text/css">
.button {
background: url(/img/cornerLeft.gif) left top no-repeat;
}
.button span {
padding: 0 10px;
background: url(/img/cornerRight.gif) right top no-repeat;
}
</style>
<a href="#" class="button"><span>кнопка</span></a>
.button {
background: url(/img/cornerLeft.gif) left top no-repeat;
}
.button span {
padding: 0 10px;
background: url(/img/cornerRight.gif) right top no-repeat;
}
</style>
<a href="#" class="button"><span>кнопка</span></a>
этот вариант я знаю,
но в нем идет определение через 2 тега
я просто думал может есть способ зделать это через 1 тег
ну нет так нет
всеравно спасибо
есть еще такой трабл
[HTML]
<ul class="pageMenu">
<li><a href="page1.php" title="Страница 1">1</a></li>
<li><a href="page2.php" title="Страница 2">2</a></li>
</ul>
[/HTML]
CSS стили
вобщем неработает
точнее говоря работает но цыфры выводятся в столбик,
а не в строчку
вопрос собственно как бы их вывести в строчку
пробовал так
выводит в строчку, но нарущаются все размеры
бло становится размером с саму цыфру(меньше 14 px)
перестает центрироваться
и в ширину не растягивается на полную
вобщем совсем некатит :(
пробовал еще так
работает правельно
если не считать того что параметр float
не проходит кросбраузерность
и строчка идущая следом за списком
выводится в тойже строке
посоветуйте что ни будь
уже не первый раз сталкиваюсь с такой проблемой
[HTML]
<ul class="pageMenu">
<li><a href="page1.php" title="Страница 1">1</a></li>
<li><a href="page2.php" title="Страница 2">2</a></li>
</ul>
[/HTML]
CSS стили
Код:
ul.pageMenu {
margin: 0;
padding: 0;
}
ul.pageMenu li {
margin: 2px;
padding: 0;
width: 14px;
height: 14px;
display: table;
text-align: center;
}
ul.pageMenu li a,
ul.pageMenu li a:link,
ul.pageMenu li a:visited,
ul.pageMenu li a:hover {
width: 14px;
height: 14px;
margin: 0;
padding: 0;
display: block;
text-align: center;
text-decoration: none;
}
margin: 0;
padding: 0;
}
ul.pageMenu li {
margin: 2px;
padding: 0;
width: 14px;
height: 14px;
display: table;
text-align: center;
}
ul.pageMenu li a,
ul.pageMenu li a:link,
ul.pageMenu li a:visited,
ul.pageMenu li a:hover {
width: 14px;
height: 14px;
margin: 0;
padding: 0;
display: block;
text-align: center;
text-decoration: none;
}
вобщем неработает
точнее говоря работает но цыфры выводятся в столбик,
а не в строчку
вопрос собственно как бы их вывести в строчку
пробовал так
Код:
ul.pageMenu li {
display: inline;
}
ul.pageMenu li a {
display: table;
}
display: inline;
}
ul.pageMenu li a {
display: table;
}
выводит в строчку, но нарущаются все размеры
бло становится размером с саму цыфру(меньше 14 px)
перестает центрироваться
и в ширину не растягивается на полную
вобщем совсем некатит :(
пробовал еще так
Код:
ul.pageMenu li {
display: table;
float: left;
}
ul.pageMenu li a {
display: block;
}
display: table;
float: left;
}
ul.pageMenu li a {
display: block;
}
работает правельно
если не считать того что параметр float
не проходит кросбраузерность
и строчка идущая следом за списком
выводится в тойже строке
посоветуйте что ни будь
уже не первый раз сталкиваюсь с такой проблемой
Цитата:
input {
width: 120px;
border: 1px #CCC solid;
}
width: 120px;
border: 1px #CCC solid;
}
Можно разделить на классы.
input.textBox{/*blabla*/}
А потом объявлять как
<input class="textBox" type="text">
Цитата:
закругленные углы у кнопок,
причем кнопка не имеет фексированной ширины
причем кнопка не имеет фексированной ширины
Погугли Nifty Corners, может поможет. Там куча способов в фреймворке есть. Может поможет. Фреймворк бесплатен.
Цитата:
если не считать того что параметр float
не проходит кросбраузерность
не проходит кросбраузерность
На всех популярных браузерах (IE6, FF2, Opera9) работает насколько я знаю.
Попробуй поиграться еще и с параметром clear в css.
Цитата: dead_star
точнее говоря работает но цыфры выводятся в столбик, а не в строчку
вопрос собственно как бы их вывести в строчку
вопрос собственно как бы их вывести в строчку
А что мешает вездее написать display: inline?
Цитата: hel
Погугли Nifty Corners, может поможет. Там куча способов в фреймворке есть. Может поможет. Фреймворк бесплатен.
посмотрел
библиотека просто супер
спасибо бальшое
Цитата: hel
На всех популярных браузерах (IE6, FF2, Opera9) работает насколько я знаю.
Попробуй поиграться еще и с параметром clear в css.
сейчас проверил
действительно везде работает
хотя у меня почемуто была уверенность,
что в какомто из браузеров неработает:confused:
Не стал создавать новой темы, по этому спрошу здесь:
Мне нужно назначить допустим цвет ссылки, по которой я в данный момент нахожусь
Мне нужно назначить допустим цвет ссылки, по которой я в данный момент нахожусь
Цитата: Frozzeg
Не стал создавать новой темы, по этому спрошу здесь:
Мне нужно назначить допустим цвет ссылки, по которой я в данный момент нахожусь
Мне нужно назначить допустим цвет ссылки, по которой я в данный момент нахожусь
через css это зделать нельзя