HTML Coding

29,542 questions in this forum

1. Input type=file

   И снова здравствуйте! У меня опять задача. Первый раз столкнулся с type=file и очень удивился, когда к нему не применились стили, выставленные для input. Покопавшись в интернетах, нашел самый популярный один способ его стилизации с помощью подложки и двойного инпута. Так вот в чем вопросы(возможно риторические): 1)если дизайн не очень портится от стандартного инпута, может не стоит извращаться или такая стилизация вполне нормальна? 2)есть ли еще какой-нибудь способ его разукрасить?

   Asked by Softlink, August 3, 2011

   0 votes
   2 answers
2. Многоязычный сайт

   Скажите, пожалуйста, как правильно организовать структуру многоязычного сайта для поисковиков(допустим в meta прописать на всех языках в основном index файле или прописать для каждого языка в своем файле)?Какие-либо нюансы при организации структуры? На что обращать внимание? Рада буду любым полезным полезным ссылкам и советам.

   Asked by Анна, August 3, 2011

   0 votes
   2 answers
3. помогите с меню

   помогите зделать чтоб при наведении курсора на пункт меню появлялась картинка и находилась на той странице где мы находимся картинка должна быть резинова

   Asked by neon2030, August 4, 2011

   0 votes
   0 answers
4. 100% высота div'a относительно родителя

   есть такой код: <div class="content"> <div class="photo-prev"><</div> <div class="photo-next">></div> <div class="photo"><img src="1.png" /></div> </div> и стили .photo { margin: 0 auto; } .photo-prev { float: left; height: 100%; background: #000; width: 40px; } .photo-next { float: right; height: 100%; background: #000; width: 40px; } но блоки photo-prev и photo-next имеют высоту, в зависимости от текста, но мне нужно 100%. как сделать?

   Asked by vvsh, August 5, 2011

   0 votes
   9 answers
5. Float и схлопывающиеся отступы

   По каким принципам определяется положение floated-блока, когда он находится между двумя блоками со схлопывающимися отступами? Например, в такой ситуации: <div class="upper" style="margin-bottom: 30px;">some content</div> <div class="floated" style="float: left;">some content</div> <div class="lower" style="margin-top: 50px;">some content</div> Естественно, размещение легко выяснить опытным путем, но меня больше интересуют правила, согласно которым вычисляются позиции блоков в подобных случаях.

   Asked by troll, August 3, 2011

   0 votes
   30 answers
6. Когда не надо указывать overflow

   У меня у блока есть чётка ширина. Высота меняется от контента. В стилях стоит word-wrap: break-word;. В этом случае ведь не надо узкаывать свойство overflow. Оно никогдла не понадобится? Я прав?

   Asked by new01, August 3, 2011

   0 votes
   1 answer
7. Подвинуть пункт меню налево.

   Начала верстать макет от Verdera. Макет резиновый и видно что меню тоже тянется по ширине. Проблема с первым пунктом меню. По макету текст в меню отцентрирован, а в первом пункте текст выровнен с левого края, но пропорция сохранена. То есть с текста до правого бордюра расстояние такое же как в других пунктах. Попробовала два варианта решения: 1. Просто сделала как в макете - отрезала часть ширины первого пункта, задала ему text-align:left, а остальным text-align:center. Ссылка 2. отрицательным маргином первый пункт подвинула налево.Ссылка В первом случае ширину первого пункта сократила до 15%, когда ширина остальных пунктов 20%. Во втором подвинула на 130 пк. Но в двух…

   Asked by amelice, August 3, 2011

   0 votes
   27 answers
8. Плывет градиент при background-attachment: fixed

   Здраствуйте. Глупый вопрос скорее всего) Есть класс .gr{ background-image: url("img/gr.gif"); background-repeat: repeat-x; background-attachment:fixed; } Проблема в том, что при прокрутки вниз в любом браузере, градиент бежит вниз страницы за прокруткой. Класс применяется в таком виде: <td class="gr" height="100%">

   Asked by ab138, August 3, 2011

   0 votes
   2 answers
9. Уменьшать div'ы

   Такая задача, есть горизонтальная строка с div'ами, они создаются автоматически, когда их становится слишком много, нужно их уменьшать по ширине, как, например, в браузере гугле хроме. <div id="onchantopswitch" class="onchantopswitch globbutton"> <div class="room_s" tab="chlist"> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="канал1" tabs="kn77a4ko1yxlxs28asub2g9tnvlw85s" tabz="1" taby="terminal" tabx="1"></div> <div class="room_s" tabg="f2jb1y3v5bb95mltctaxwdrgxlqlh5" tabf="" tabd="*канал2" tabs="euqab84pmzoa6o4w2y812lkqhktek" tabz="1" taby="terminal" tabx="11"></div> <div class="room_s" tabg="f2jb1y3v…

   Asked by Kerny, August 3, 2011

   0 votes
   14 answers
10. Тянущиеся блок

    Помогите с версткой! Ссылка В макете контент слева - тянется в зависимости от количества текста. Как сделать, чтобы меню справа тянулось с контентом? Ставлю height: 100% - не выходит. <div id="content"> <div id="content_left">Текст</div> <div id="menu">Меню</div> </div>

    Asked by p1653v, August 14, 2011

    0 votes
    4 answers
11. java часы

    Подскажите как добавить часы такого типа 12:45 и чтобы двоеточие мигало каждую секунду.И ещё сделать зависимость времени суток к картинке ,т.е. с 7 утра до 9 вечера рядом должна присутствовать одна картинка , а в остальное время другая.

    Asked by Rambo2045, August 3, 2011

    0 votes
    9 answers
12. Стоит ли такие фичи реализвоать в CSS

    Активно изучаю веб, и пробую новые приемы в CSS3 и.т.п. Делаю себе новую шкуру с использованием некоторых прибамбасов. http://dgbomb.com/maket/ Есть несколько вопросов: 1. Насколько сильно эффекты закруглений, CSS транзишн, тени и т.п. грузят броузер. Может, все это лучше картинками сделать? 2. У меня макет пересчитывается через CSS на несколько разрешений. То есть, на разнах разрешениях - разная ширина макета. Насколько это приемлимо. Или лучше сделать через скрипт. 3. Заметил, что слайдеры на превьюшках в файрфоксе анимируются скачками. Это особенность броузера? Или у меня косяк. 4. Общий вопрос. Как сохранить баланс в наследовании классов типа .style ul li ul {} или .…

    Asked by alexpop, August 3, 2011

    0 votes
    5 answers
13. CSS градиент в IE

    нужно делать линейный градиент для IE. В css пишу: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#ffffff')"; Но он создает градиент сверху вниз. Как делать чтоб он шел слево на право. Можно так?

    Asked by jumancy, August 4, 2011

    0 votes
    3 answers
14. Подскажите аудиоплеер

    Здравствуйте,подскажите флеш аудиоплеер для сайта. Где есть функции javascript для остановки воспроизведения, если запустился другой трек. Понравился drplayer, но у него нельзя поменять background-color, так как уже скомпилированная swf. Так же смотрел nx_audio_player. Но он почему-то тормозит в FireFox и надо написать хак для IE.

    Asked by oke11o, August 16, 2011

    0 votes
    1 answer
15. Про рамки ячеек в таблице

    наверно, обсудалось, но я не нашел (может плохо искал) как через CSS сделать чтоб у всех ячеек таблицы был бордер?

    Asked by lavsan, August 4, 2011

    0 votes
    5 answers
16. Свои аттрибуты

    сложилось так что для определённой задачи стало недостаточно id и name создал свой аттрибут <tr id='id1' ff='1'> всё работает , но валидатор ругается. line 194 column 49 - Ошибка: there is no attribute "FF" насколько это допустимо (использование своих аттрибутов)? и ещё используя jquery в своей функции пишу $("<tr height="+h+"px><td id='adds'></td><td><input class='sf' id='dpbx0x' /></td><td><input class='sf' id='dpex0x'/></td></tr>").appendTo("#tab"); а валидатор ругается line 287 column 64 - Ошибка: end tag for element "TD" which is not open тут понятно, что он просто производит парсинг строки и ищет …

    Asked by lavsan, August 4, 2011

    0 votes
    7 answers
17. Подскажите чайнику

    День добрый. Подскажите последовательность книг, которые нужно изучить, что бы сделать более менее приличный сайт. Нет цели его продать. Друг подсказал, что нужно изучить HTML, CSS, PHP, Фотошоп нужен и Флеш-аниматор. Книг множество. С чего начать? Откуда бесплатно скачать и в каком порядке? Как лучше изучать - прочесть книгу,потом садиться за комп или параллельно читать и делать на практике?

    Asked by TaD483VrZ, August 4, 2011

    0 votes
    18 answers
18. Вёрстка поля для поиска

    Моя задача: сверстать поле для поиска такое же как на картинке(рис.1) Моя проблема: При вёрстке поля для поиска вылезает какая-то непонятная белая рамка (в IE рамка чёрного цвета)(рис.2) Мой вопрос: Как избавится от рамки белого цвета и как ещё можно улучшить мой свёрстанный текстбокс, чтобы он был похож на текстбокс с картинки ? Страничку в браузере можно посмотреть по ссылке:http://web-luck.ru/horner/search.html? Вот весь исходный: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Текстбокс</title> <script src="jquery-1.6.2.min.js"></script> <script s…

    Asked by averin13, August 4, 2011

    0 votes
    6 answers
19. Индивидуальное выравнивание для колонок таблици

    Всем привет. Есть оч. большая таблица, в которой нужно задать для некоторых колонок индивидуальные стили(например выравнивание). Проставлять для каждой ячейки класс, к которому потом прикрутить стили, не очень хочется, поскольку это ощутимо увеличит размер страницы, на которой будет размещена данная таблица. Пытался копать в сторону col и colgroup, - но спецификация говорит, что таким образом можно задать только высоту, границу, фон и visibility. Как вариант рассматриваю JS, но хотелось бы обойтись без нее. Не подскажите есть ли какой-нибудь альтернативный способ стилизации ячеек колонки кроме как через присвоение класса каждой ячейке? Вот ссылка http://jsfiddle.net/GW8dy…

    Asked by CoDy, August 15, 2011

    0 votes
    10 answers
20. 2 проблемы с формой

    Всем привет. Код формы: <div id="contact-wrapper"> <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="contactform"> <div> <label for="name"><strong>Name:</strong></label> <input type="text" size="50" name="contactname" id="contactname" value="" /> </div> <div> <label for="email"><strong>Email:</strong></label> <input type="text" size="50" name="email" id="email" value="" /> </div> <div> <label for="subject"><strong>Budget:</strong></label> <input type="text" size="50" name="subject" id="subject" value=""…

    Asked by nazarlee, August 4, 2011

    0 votes
    1 answer
21. position: absolute перекрытие

    Есть для примера 2 блока. <div style="background: green; height: 71px; width: 800px; position: absolute; top: 0; left: 0; z-index: 2;"></div> <div style="color:red; z-index: 999;">bla bla bla</div> По какой-то необьяснимой причине первый блок перекрывает второй закрывая текст, игнорируя z-index. Помогите пожалуйста, что здесь происходит и как с эти бороться? Изначальная идею состояла в том, чтобы поместить несколько бэкграундных изображения под текст.

    Asked by graf, August 4, 2011

    0 votes
    6 answers
22. Возможно ли в smarty проверить на существование файл

    Возможно ли в smarty проверить на существование файл. У меня в проекте много фотографий которые просто не существуют. Мне необходимо сделать в шаблоне не на php а именно на смарти. Если такого файла нет то я просто поставлю рыбу.

    Asked by ultimatum, August 4, 2011

    0 votes
    1 answer
23. CSS / Не подгружаются фоны для дивов !

    Все стили норм подгружаются из css-файла кроме двох содержащих фон и параметры для дивов . HTML: <!--fon--> <div align="center" class="fon_1"> <!--fon_2--> <div class="fon_2"> CSS: .fon_1 {background-image:url(img/fon.jpg); background-repeat:no-repeat; width:1000px; height:600px; margin:auto;} .fon_2 {position:absolute; background-image:url(img/ps.jpg); background-repeat:no-repeat; margin-left:57px; margin-top:58px; width:699px; height:491px;} Чет никак не допру в чем дело ( #2 Главное пока было прописано через style , все работало , как толька перенес в отдельный CSS-документ все покрылось.

    Asked by Vandeko, August 4, 2011

    0 votes
    3 answers
24. Как выравнять по центру инлайновые дивы?

    Вот код: <style> #inners{ width: 400px; margin: auto; background-color: red; text-align: center; } #inners .inner{ display: inline; float: left; margin-right: 10px; background-color: green; } </style> <div id="inners"> <div class="inner">11111<br>11111<br>1111</div> <div class="inner">222222</div> <div class="inner">3333</div> <div style="clear: both;"></div> </div> Хочу выравнять эти инлайновые блоки по центру. Думал, что text-align: center сработает для инлайновых элементов, но не сработал Может кто знает?

    Asked by E5000, August 4, 2011

    0 votes
    6 answers
25. Opera footer, прыгает страница

    Доброе время суток. Очень прошу помочь в этом вопросе. Доделываю магазин на шаблоне joomla 1.5 и virtuemart, все прекрасно, кроме одной проблемы. Если в Opera (в остальных браузерах этой проблемы нет) на странице с товаром прокрутить страницу до футера, страница подскакивает вверх примерно пискселей на 100-150, то есть это портит впечатление и конкретно режет функционал так как снизу страницы также размещена инфо с контактами и т.д. Это наблюдается только на странице с товаром, на остальном сайте все отлично. Сначала думал что виноваты скрипты, но после отключения все повторилось. Возможно есть предположения какой параметр может отвечать за этот глюк?

    Asked by sloun, August 4, 2011

    0 votes
    10 answers