HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
checkbox внутри select
Добрый день. Подскажите решение, необходимо в выпадающий список возле каждой строчки установить флажок. Заранее спасибо!
0 votes2 answers -
Нижний scroll bar
по сайту искал но ответа ненашел, вот есть вапросик. если я делаю так http://www.htmlbook.ru/css/height.html то как то можно убрать нижний скрол? при чем не просто скрол а и само поле для скрола тоже, но только для нижнего
0 votes10 answers -
Элемент сайта в отдельном файле.
Доброго времени суток. Пока разрабатывал сайт, понял, что нужно сделать меню в отдельном файле, чтобы при обновлении его, не переписывать каждую страницу, а намечается их довольно много. Посмотрел несколько форумов, предлагают через фреймы, но они меня не устраивают. Можно через php, но пока я далек от него. Поэтому хочу узнать, можно ли сделать так, чтоб меню подгружалось из отдельного файла, средствами обычного html? Если нет, то расскажите как сделать это с помощью php (желательно поподробней) или каким другим способом, может через js, если такое возможно? P.S. Ну и на последок посоветуйте пожалуйста хороший учебник по php. Всем спасибо.
0 votes13 answers -
Верстка под mac os x
Привет ребята! недавно перешел на макос и столкнулся с проблемой тестирования кода в IE. Давно я завидовал тем, кто верстает под маком, мне всегда казалось это красивым и удобным средством, давно я мечтал, что открою настоящий текстмейт, а не вин суррогат... Вот и свершилось это чудо, а такие элементарные вещи, как полноценное тестирование кода, под маком совершить не удается. Вот такие дела. Я в расстроенных чувствах.
0 votes15 answers -
резиновый трехколоночный макет с отступами по бокам
Ссылка: http://concept.dax.ru/ В IE6 не удается получить тоже, что и в FF и Opera, а именно отступы от краних колонок по 10%. Так же в IE6 не удаётся задать ширину для центральной колонки такую, как прописанно в стилях (min-width: 4,9%) почему не ясно хотя я прописал min-width:4,9%; width: auto !important; width: 4,9%; а вотFF и Opera хоть и отдают для этой колонки нужное пространство, но судя по border сам слой эту ширину не имеет? Как можно исправить проблему с отступами в IE, какими принципами можно руководствоваться тут для верстки такого макета? Почему ширина min-width не входит в рамку колонки pust?
0 votes23 answers -
Видео с Youtube на сайт
При переносе сайта на другой Hosting потерял скрипт вывода видео с Youtube через fancybox...Скрипт берёт из текстового файла адрес и в случайном порядке выводит видео в блок или на страницу... Сам текстовый файл такого вида- PHP/HTMLВыделить код 1 2 <a class ="fancybox fancybox iframe"href="https://youtube.com/embed/1QRV4m1dabg">Video #8 <iframe width="100%" src="//www.youtube.com/embed/1QRV4m1dabg" frameborder="0" allowfullscreen></iframe></a> <a class ="fancybox fancybox iframe"href="https://youtube.com/embed/mKGDphbiwl4">Video #1 <iframe width="100%" src="//ww…
0 votes0 answers -
Перенос текста при абсолютном позицировании
В общем искал объяснение в инете, и ничего попутного не нашел. Проблема собственна решена, но не понятна причина. Есть у меня кнопка, которая спозиционирована внутри родительского контейнера абсолютно. Только вот когда, макет у меня ужимается до мобильных разрешений, текст кнопки переносится на след. строку, хотя места вокруг достаточно, для расположения текста в одну линию(на прикрепленном к посту скрине, показано это странное поведение). Проблема, из-за чего возникает такое поведение возникает из-за этих двух строчек: left: 50%; transform: translateX(-50%); если их убрать, то текст кнопки в одну располагается в одну линию. Вот полный пример . Данная …
0 votes1 answer -
Интеграция собственного шрифта
День добрый! Скажите пожалуйста, как можно интегрировать собственный шрифт на страницы сайта? В каких браузерах это работает? Заранее спасибо!
0 votes22 answers -
Идентификатор или класс?
Объясните пожалуйста, нигде найти не могу найти толкового объяснения. А именно: почему параметры основных блоков, таких как footer, main, header советуют тоже через классы задавать? почему id - это не правильно\не эстетично!?
0 votes34 answers -
Проблема с максимальным расширением дива в диве среди дивов
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> div { border: 1px solid #000000; padding: 5px; } </style> </head> <body> <div style="width: 500px;"> <div style="float: right;">Right</div> <div style="float: right; width: 80%;">Center</div> <div style="">Left</div> </div> </body> </html> Возможно ли сделать так, чтобы Center автоматически расширялся до максимально возможного размера, но без нарушения структуры? Если поставить 100%, то все разъезжается.
0 votes6 answers -
Темплейты smarty кешируются?
Добрый день. Имею вопрос по smarty. Вводная: есть сайт с использованием smarty. Скомпилированные темплейты лежат в паке templates_c Теперь собсвенно к вопросу: если скопировать новый темплейт (xxxxx.tpl) в папку templates, то на странице ничего не обновиться, пока не будет удален скомпилированный темплейт с папки templates_c Может кто встречал такую бяку? И как от нее избавиться?
0 votes5 answers -
Картинки в выпадающем списке
Как сделать сабж? Вот наглядно:
0 votes2 answers -
Как сдвинуть форму?
Всем привет. Как можно сдвинуть форму относительно предыдущего элемента? Вот код: <!DOCTYPE html> <html> <body> <div style="height: 120px; width: 80px; float: left; background-color: green"> <p>Просто текст</p> </div> <form action="save_data.php" method="post" style="margin-left: 20px"> <p> <b>Что вы предпочитаете выпить:</b><Br> <input type="radio" name="drink" value="rad1">пиво<Br> <input type="radio" name="drink" value="rad2">чай<Br> <input type="radio" name="drink" value="rad3">кофе<Br> <input type="image" src="images/imgbutton.png"> </p&…
0 votes1 answer -
div фон
Подскажите пожалуйста ! Есть контейнер в нём все дивы в цсс пытаюсь сделать так,что бы у див лефт картинка была растянута и что бы это по ИЕ 7 подходило , но никак не получается...кто подскажет ??? #left{ background:url(i/170.jpg) center no-repeat; /*background: url(i/170.jpg) no-repeat;*/ /*background-color: #0ff;*/ background-size: 100% 100%; /*расстягиваем картинку под див*/ /*border: 1px solid #000000;*/ width: 70%; height: 400px; float: left; /*обтекание блока по правой стороне другим блоком*/ } <div id="container"><!--CONTAINTER STARTS--> <div id="header">header</div> <div id="…
0 votes42 answers -
Тень таблицы
Здравствуйте как сделать тень у основной таблицы при табличной верстке? в интернете нашел идею, сделать картинку и вставить её) т.к Фотошопом владею вариант лучше некуда, но можно ли сделать так, чтобы эта тень повторялась по вертикали? ну сообственно на всю высоту блока? можно конечно сделать просто огромную картинку, но надеюсь есть вариант более...рациональный что-ли) или мб можно обойтись средствами CSS? видел тег border-shadow вроде бы...но Notepad++ даже не отображает это как тег... Вот примерно как здесь хочу эффект: http://www.zvirec.com/
0 votes2 answers -
Как сделать кнопки переключающие контент?
Друзья, как сделать так, как реализовано на сайте apple http://www.apple.com/ru/osx/server/ Под картинкой 2 кнопки, "клиент" и "сервер", при нажатии на них меняется картинка. Пробовал сам, получилось вот так http://jsfiddle.net/Ftfhb/9/ . Но как-то коряво
0 votes4 answers -
Дробный font-size
Подскажите как понимать цифры через слэш. Как их трактует браузер? body { color: #333333; font: 12px/17px 'Trebuchet MS','Lucida Grande',Arial,sans-serif; margin: 0; }
0 votes15 answers -
Высота у select[multiple]
Проблема с кроссбраузерностью мультиселекта. Есть такой селект: <select class="b-task-status-execution" name="ts_status" multiple=""> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> .b-task-status-execution{ border:1px solid #abb1c2; font:normal 12px/16px Tahoma; width:150px; height:100px; } .b-task-status-execution option{ line-height:16px; } http://jsfiddle.net/nastyamn/kQ7ZC/1/ Нужно сделать чтобы не поя…
0 votes4 answers -
Проблема с footer
Всем привет. Была проблема: "подвал" на сайте http://www.my-abc.info/ в мозилле уезжал вверх, т.е. следовал сразу за основным текстом. Проблему решил правкой css: добавил clear:left в классе .outfooter. http://www.my-abc.info/styles.css На другом сайте такая же проблема - http://www.sdmsp.com/ При этом в IE6 всё отображается нормально, а вот в остальных браузерах - низ уезжает вверх... Пробовал решить добавлением clear:both, но не помогает. http://www.sdmsp.com/styles.css http://www.sdmsp.com/mail.html У кого какие мысли? Я просто даже не знаю, где нужно искать проблему... Буду благодарен за любые подсказки.
0 votes32 answers -
Прыгает текст при наведении
сверстал меню из иконок и текста и выделил это все добро borderом при наведении. когда наводишь на картинку текст прыгает как сделать так чтобы он не прыгал. вот здесь можно посмореть ->http://test19.testilpi.ru меню там где краны и т.п...
0 votes8 answers -
Помогите решить пару проблем
Кто знает, подскажите пожалуйста, как решить следующие проблемы: 1.Можно ли сделать, чтобы определенный цвет рисунка отображался прозрачным на браузерах Mozilla Firefox, IE6,7, Opera. На IE это делается с помощью фильтра chroma, а на других как? 2.Не на IE у меня почему-то не действует свойство CSS "cursor: hand". Опять же, как можно задать определенный курсор на элементе во всех трех браузерах. 3.Также не в IE не действует свойство CSS border-left, примененное к фрейму. Как можно это исправить. Есть ли какой-то тэг для рисования не горизонтальной, а вертикальной линии в HTML, который действовал бы во всех трех браузерах? 4.Я уже начинаю ненавидеть разработчиков Mozilla и…
0 votes11 answers -
Notepad++
Здравствуйте, форумчане. Не подскажете, как сделать автозакрытие фигурных и обычных скобок в Notepad++?
0 votes12 answers -
Картинка при наведении курсора на текст
Хочу сделать таблицу, с перечнем запчастей, и их фото. фото появляется при наведении на запчасть(на текст). Реализовать решил на CSS <style type="text/css"> .demo{ position: relative; z-index: 0; } .demo:hover{ background-color: transparent; z-index: 50; } .demo span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .demo span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .demo:hover span{ /*CSS for enlarged image on hover*/ position: f…
0 votes18 answers -
распределение дивов
Вопщем такой вопрос созрел: надо сделать из 4 дивов которые выводятся друг за другом, что бы при сжимании окна браузера они смешались вниз тока по 2, а не по 1-ому. <div style="float:left; width:200;">12345</div> <div style="float:left; width:200;">123456</div> <div style="float:left; width:200;">1234567</div> <div style="float:left; width:200;">1234578</div> Может кто уже делал что-то подобное, помогите плиз!) {...перенесено "Слои" kiD}
0 votes14 answers -
Активная ссылка
По негласным законам веб-дизайна, активная ссылка должна как минимум выделяться. Вопрос: как дезактивировать ссылку (т.е превратить в обычный текст), по адресу которой мы и находимся. Например если пользователь на главной странице, то ссылка "На главную" или не присутствует или не активна. Как я понимаю понимаю, только HTML и CSS тут не обойтись.
0 votes6 answers