Jump to content

sergiyko

Newbie
  • Posts

    17
  • Joined

  • Last visited

Everything posted by sergiyko

  1. Gaspode, то, что надо! Спасибо большое!
  2. hover при наведении. Мне нужно при клике на кнопку. Да и без разницы, прыгает и при hover.
  3. Ну передать можно в параметре ссылки/формы или с помощью 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>
  4. Здравствуйте Хочу сделать на кнопках, чтобы при нажатии текст в кнопке смещался вниз (типа эффект нажатия). Это я пытаюсь сделать изменением 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 пикселя. С одной кнопкой нормально, но с несколькими кнопками соседние кнопки начинают "прыгать". Можете посмотреть на примере выше. Как сделать, чтобы соседние кнопки "не прыгали"? Спасибо
  5. А как так сделать? Я попробовал <!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 пикселей из блока и получается больше всеравно. Вы не подскажите как правильно сделать? Как это не имеет. Видно же, что есть внутренний отступ. Я пробовал другой доктайп - тоже самое.
  6. Я смотрел в 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.
  7. Здравствуйте. Как-то раньше не замечал это или не обращал внимание. Теперь заметил, что select по ширине меньше input`ов, хотя в стилях указана одна ширина для них. Предположим такой стиль возьмем input, select {width: 300px; padding: 3px; border: 1px solid #ccc;} Ширина input будет 300+1*2+3*2=308 пикселей. А на select это получается не распространяется? Для select нужно указать ширину 308 пикселей, чтобы он стал одной ширины с input. Почему так происходит?
  8. Здравствуйте. Есть проблема такого характера. Есть див, к нему прописано 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>
  9. День добрый! У меня есть такой код <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 не был прозрачным? Спасибо
  10. Почти так. там типа модальное окно и нужно кнопки вниз прибить. Может есть универсальней метод, но я плохо понимаю в этом. То что обрезается, это не страшно? Спасибо вам за помощь!
  11. psywalker, ничего не помогло. Только первый внутренний див не вылазит за пределы внешнего.
  12. Здравствуйте! Как можно второй внутренний 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 не помогает. И еще вопрос: почему внутренние дивы вылазят за пределы родительского?
  13. А это как? Можете показать
  14. Я хотел просто сделать ссылку, немного похожую на кнопку. Обычный прямоугольник определенной ширины и высоты.
  15. В IE - да. Ссылка только на блок. А вот в файрфоксе такое наблюдается. Я подозревал, что это как-то через одно место такой подход но ничего другого не смог придумать. А как такое сделать, не нарушая HTML?
  16. Спасибо большое! Есть еще один ламерский вопрос. Такой код <a href=""> <div style="padding: 5px 10px; width: 100px; background-color: yellow;"> test </div> </a> Получается такой блок желтый шириной 100 пикселей. Но ссылка почему-то уходит за пределы этого блока и идет аж до конца окна. Там пусто, но кликать можно. Почему так происходит? И как можно исправить это? Или сделать как-то по другому.
  17. Зравствуйте! Имею код <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> Если не указать явно ширину центрального дива, то его сносит. Как на картинке Как можно сделать, чтобы не указывая явно ширину не сносило див? Чтобы то, что не влезло в рядок, переходило на следующий ряд. Так: А вообще код правильно написан?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy