sergiyko
-
Posts
17 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by sergiyko
-
-
hover при наведении. Мне нужно при клике на кнопку. Да и без разницы, прыгает и при hover.
-
Ну передать можно в параметре ссылки/формы или с помощью ajax. А так разве не работает?
<div id="sc_menu_wrapper" class="sc_menu_wrapper" height="">
<script type="text/javascript">
document.getElementById('sc_menu_wrapper').style.height = getClientHeight() + 'px';
</script> -
Здравствуйте
Хочу сделать на кнопках, чтобы при нажатии текст в кнопке смещался вниз (типа эффект нажатия). Это я пытаюсь сделать изменением padding`a в псевдоклассе :active. Вот пример кода
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
#buttons {
font: 12px/1.4 Verdana;
padding: 20px;
}
#buttons input[type="button"] {
border: 1px solid green;
padding: 5px;
}
#buttons input[type="button"]:active {
padding: 7px 5px 3px;
}
</style>
</head>
<body>
<div id="buttons">
<input type="button" value="Кнопка 1">
<input type="button" value="Кнопка 2">
<input type="button" value="Кнопка 3">
</div>
</body>
</html>Здесь при нажатии на происходит увеличение отступа сверху на 2 пикселя и уменьшение снизу на 2 пикселя. С одной кнопкой нормально, но с несколькими кнопками соседние кнопки начинают "прыгать". Можете посмотреть на примере выше. Как сделать, чтобы соседние кнопки "не прыгали"?
Спасибо
-
Вот чтобы таких вещей не происходило, я всегда делаю железную обёртку, которой и задаю ширину, а поля внутри уже растягиваю на 100% и они у меня везде красивенькие и абсолютно одинаковые.
А как так сделать? Я попробовал
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<style type="text/css">
div#wrap {width: 300px;}
input, select {width: 100%; padding: 3px; border: 1px solid #ccc;}
</style>
<form>
<div id="wrap">
<input name="text" type="text" />
<br /><br />
<select name="sel">
<option value="1">Value 1</option>
<option value="2">Value 2</option>
</select>
</div>
</form>
</body>
</html>select влазит в 300 пикселей, а input вылазит на 8 пикселей из блока и получается больше всеравно. Вы не подскажите как правильно сделать?
при использовании <!DOCTYPE html> <select> не имеет padding-left и padding-right
и вообще считаю использование HTML5 пока не рациональным в виду малой поддержкой браузерами.
Как это не имеет. Видно же, что есть внутренний отступ. Я пробовал другой доктайп - тоже самое.
-
Я смотрел в Firefox и IE. Нужно указать доктайп. У меня <!DOCTYPE html>
Вот пример сделал
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<style type="text/css">
input, select {width: 300px; padding: 3px; border: 1px solid #ccc;}
</style>
<form>
<input name="text" type="text" />
<br /><br />
<select name="sel">
<option value="1">Value 1</option>
<option value="2">Value 2</option>
</select>
</form>
</body>
</html>Проверил в Firefox, IE, Chrome.
-
Здравствуйте. Как-то раньше не замечал это или не обращал внимание. Теперь заметил, что select по ширине меньше input`ов, хотя в стилях указана одна ширина для них.
Предположим такой стиль возьмем
input, select {width: 300px; padding: 3px; border: 1px solid #ccc;}
Ширина input будет 300+1*2+3*2=308 пикселей. А на select это получается не распространяется? Для select нужно указать ширину 308 пикселей, чтобы он стал одной ширины с input. Почему так происходит?
-
Здравствуйте.
Есть проблема такого характера. Есть див, к нему прописано opacity: 0.3; Внутри этого дива есть картинка, мне нужно, чтобы она не была прозрачной. Я прописываю картинке opacity: 1 !important;, но она все равно прозрачная. Как быть, подскажите?
<div style="width: 600px; height: 300px; background: #FFFFFF; opacity: 0.2;">
<div style="position: absolute; left: 200px; top: 50px;">
<img src="myimg.png" style="opacity: 1 !important;">
</div>
</div> -
День добрый!
У меня есть такой код
<div style="background: green; padding: 10px; opacity: 0.4; position: absolute;">
<div style="width: 300px; height: 200px; background: #000; color: #fff; opacity: 1.0;">
TEST
</div>
</div>Я хочу сделать первый div полупрозрачным, а следующим за ним не прозрачным. Ну вот хоть я и задал для него opacity: 1.0, он всеравно остается прозрачным. Как мне сделать чтобы второй div не был прозрачным?
Спасибо
-
также невижу смысла в этом коде. Потому что и при статическом потоке верхний растягивается и отталкивает нижний.
ТС наверное хотел спросить чтото типа как прибить футер книзу?
Почти так. там типа модальное окно и нужно кнопки вниз прибить. Может есть универсальней метод, но я плохо понимаю в этом.
То что обрезается, это не страшно?
Спасибо вам за помощь!
-
psywalker, ничего не помогло. Только первый внутренний див не вылазит за пределы внешнего.
-
Здравствуйте!
Как можно второй внутренний div поместить вниз родительского ?
<div style="width: 500px; padding: 5px; height: 450px; border: 1px solid black;">
<div style="width: 100%; padding: 5px; background: green;">
12345
</div>
<div style="width: 100%; padding: 5px; height: 50px; background: green; vertical-align: bottom;">
67890
</div>
</div>Первый внутренний див так и должен висеть вверху. А второй мне нужно чтобы постоянно висел внизу, даже если первый див будет расширятся по вертикали. vertical-align: bottom не помогает.
И еще вопрос: почему внутренние дивы вылазят за пределы родительского?
-
clear: both; в отдельный блок и применить этот блок перед закрытием родителя
А это как? Можете показать
-
Я хотел просто сделать ссылку, немного похожую на кнопку. Обычный прямоугольник определенной ширины и высоты.
-
В IE - да. Ссылка только на блок.
А вот в файрфоксе такое наблюдается.
Я подозревал, что это как-то через одно место такой подход но ничего другого не смог придумать.
А как такое сделать, не нарушая HTML?
-
Спасибо большое!
Есть еще один ламерский вопрос.
Такой код
<a href="">
<div style="padding: 5px 10px; width: 100px; background-color: yellow;">
test
</div>
</a>Получается такой блок желтый шириной 100 пикселей. Но ссылка почему-то уходит за пределы этого блока и идет аж до конца окна. Там пусто, но кликать можно. Почему так происходит? И как можно исправить это? Или сделать как-то по другому.
-
Зравствуйте!
Имею код
<div style="width: 100%;">
<div style="width: 120px; height: 150px; background-color: red; float: left;">
1
</div>
<div style="font-size: 40px; float: left;">
dsadsad sad sadas d d ad asdsadsad fdg dfsasds fdg dfdg df gdf gdfg
</div>
<div style="width: 120px; height: 150px; background-color: red; float: right;">
2
</div>
</div>Если не указать явно ширину центрального дива, то его сносит. Как на картинке
Как можно сделать, чтобы не указывая явно ширину не сносило див? Чтобы то, что не влезло в рядок, переходило на следующий ряд. Так:
А вообще код правильно написан?
Проблема с padding
in HTML Coding
Posted
Gaspode, то, что надо! Спасибо большое!