sergiyko
-
Posts
17 -
Joined
-
Last visited
sergiyko's Achievements
Explorer (1/14)
0
Reputation
-
Gaspode, то, что надо! Спасибо большое!
-
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 пикселя. С одной кнопкой нормально, но с несколькими кнопками соседние кнопки начинают "прыгать". Можете посмотреть на примере выше. Как сделать, чтобы соседние кнопки "не прыгали"? Спасибо
-
А как так сделать? Я попробовал <!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 пикселей из блока и получается больше всеравно. Вы не подскажите как правильно сделать? Как это не имеет. Видно же, что есть внутренний отступ. Я пробовал другой доктайп - тоже самое.
-
Я смотрел в 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 не помогает. И еще вопрос: почему внутренние дивы вылазят за пределы родительского?
-
А это как? Можете показать
-
Я хотел просто сделать ссылку, немного похожую на кнопку. Обычный прямоугольник определенной ширины и высоты.
-
В IE - да. Ссылка только на блок. А вот в файрфоксе такое наблюдается. Я подозревал, что это как-то через одно место такой подход но ничего другого не смог придумать. А как такое сделать, не нарушая HTML?