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
29,542 questions in this forum
-
Проблема сохранения верстки при компилировании набора html страниц в chm с использованием AdobeRobohelp
Всем привет. Я только начинаю осваивать html, css и все что с этим связано, поэтому сразу прошу прощения если вопрос окажется глупым. Проблема такая: я написал страницу html, прикрутил к ней css файл, но при компилировании его в файл справки часть функций не работает. В чем может быть причина? Конкретно не работает: всплывающая подсказка, скругление углов у div. Остальное форматирование переносится нормально. Заранее спасибо!
0 votes3 answers -
Разрешения для адаптивной верстки
Привет всем. Делаю сайт с использованием бутстрап 3 и шапка у меня на всю страницу растянута, но текст в ней при разных разрешениях выходит за рамки шапки и переходит на нижние блоки. Хочу под разные разрешения подогнать текст в шапке. Скажите пожалуйста стоит ли делать так? или все же есть простой способ? Если нужно подгонять, то на какие разрешения нужно обратить внимание при адаптивной верстке чтобы на всех устройствах корректно отображался сайт?
0 votes3 answers -
чем его бутстраповость bootstrap-modal-carousel
Всем привет, есть такая каруселька с картинками link сделанная как я понимаю на основе bootstrap-modal-carousel отсюда link Симпатично, но возник вопрос в чем проявляется его бутстраповость? Я вставил в этот пример несколько картинок link и для айфона более крупные картинки в моем Cromium таскаются горизонтально вместе с содержимым всей страницы а в Firefox при клике на картинке полная картинка видна в полупрозрачном состоянии как таскаемый элемент... Я попробовал смотреть через http://deviceponsive.com на смартфоне и снова непонятно в чем его бутстраповость ?
0 votes3 answers -
Доработка кода
Требуется мелкая доработка кода опенкарт. Есть ли кто в сообществе, кто этим занимается?
0 votes0 answers -
Картинка уменьшается при добавлении ее в тег <figure>
Всем привет. Решил добавить к картинкам тег <figure>, но при выводе картинка уменьшается в размерах. В чем может быть проблема? Код CSS: body{ margin: 0px; padding: 0px; max-width: 1000px; background: url(./bg3.jpg) repeat center top fixed; } html, body, #wrapper{ margin: 0px; padding: 0px; margin: 0 auto; } @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,cyrillic); *{box-sizing: border-box;} #container{ display: table; max-width: 100%; height: 100%; margin: 0 auto; background-color: #272727; box-shadow: #000 0px 0px 40px 10px; } #header{ max-width: 100%; width: 10…
0 votes0 answers -
Вопрос по спискам
Доброго времени суток. помогите решить проблему. Есть список. Он динамический. Нужно сделать так, чтобы по вертикали было к примеру 20 пунктов, а потом список продолжался как бы с нового столбика. Такое возможно, или нужно использовать таблицы?
0 votes2 answers -
проблема при размещении рисунков
Добрый день! Возникла проблем при вставке 2-х изображений в ячейку таблицы. Нужно чтобы одно отступало сверху-слева на 10 пикселей, а другое было прижато вправо-вниз ячейки. Пытаюсь использовать такой код <td colspan="2" rowspan="2" ><img src="tel.gif" style="float:left;margin-right:100px" alt="" /><img src="drevo.gif" style="padding-right:0px; padding-bottom:0px" alt="drevo" /></td> не помогает. Заранее благодарю за совет)
0 votes2 answers -
Как так сделать?
Как так сделать? Я знаю один вариант, задать для blue - position: absolute; и спозиционировать куда-нужно. Или отрицательными margin А как еще можно?
0 votes3 answers -
помогите пожалуйста сделать футер
Здравствуйте. Я с CSS только знакомлюсь. У меня 2 вопроса. 1) делаю сайт, состоящий, из двух колонок (лево\право) и центральной части. Правый бокс заверстался без особых проблем. Каждый контейнер располагался непосредственно друг за другом. С левым боксом почему-то так не получается. Хоть вроде бы всё делаю тоже самое. Все боксы размещаются друг на друге сразу под первым боксом. проблема решалась только путём "margin-top" но как это будет отображаться на мониторах с другими размерами неизвестно... 2) не получается разместить внизу страницы футер. Мне не важно, будет он привязан к низу окна, или нет, но он точно должен быть, я перепробывал множества способов, которые на…
0 votes2 answers -
Опять про масштабирование изображения
Всем привет! Есть такая задача. Имеется сайт с большими фотографиями на страницах разделов. Фотографии имеют разрешение 1200х860px. Сейчас, если открыть сайт на ноуте, то фотки образаны снизу, поскольку часть экрана занимает верхняя панель броузера и шапка сайта. Выглядит погано. Задача состоит в том, чтобы при запуске сайта на ноутбуках с экраном 15" и менее эти фотографии пропорционально уменьшились относительно размеров окна браузера, оставаясь на нужном месте. А теперь, внимание, главный вопрос. Каким образом сделать так, чтобы, если сайт открывается на большом экране, фотки не растягивались бесконечно, а в какой-то момент растягивание останавливалось на своем оригина…
0 votes1 answer -
Помогите исправить Вид материалов файлов
Я написал вид материалов как ВКотнтакте, но он выглядит не очень СМОТРИТЕ В СКРИНЕ Выглядит тексты не ровны Это CSS .app_cat_image_cont { vertical-align: top; padding: 0px; width: 75px; text-align: left; } .app_cat_image_h { width: 75px; height: 75px; overflow: hidden; } .app_cat_image { -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-bottom: 10px; /*box-shadow:inset 0 0 3px #BBBBBB; -moz-box-shadow:inset 0 0 3px #BBBBBB; -webkit-box-shadow:inset 0 0 3px #BBBBBB;*/ } .apps_cat_row { display: inline-block; width: 292px; padding: 5px 10px 10px; vertical-align: top; *display: inline; *zoom: 1; } .apps_wide_row { padding: 11px 0px; border-…
0 votes0 answers -
Таблица заливается черным фоном в IE 6-8
Добрый! Гуглил, искал по фразе "черный фон в ie" и +/- слово, но ничего внятного не нашлось. Проблема в том, что... В общем, в IE. Смотрите скриншот. Код в пейстбине здесь. Скриншот: http://fotki.yandex.ru/users/denis-poligon/view/502351/?page=0 Сам файл: http://narod.ru/disk/44467697001.624ae25694fdb55ab064b10be24053ce/errors.html.html Подкиньте, пожалуйста, ссылок, где описано как это побороть. P.S. Какие есть инструменты и сервисы для проверки корректности кода больших объемов? P.S.2: Dropbox как долго обновляет ссылку? Кинул файл в share, а по ней 404
0 votes3 answers -
jpeg в браузерах и Chrome
Странный то ли глюк, то ли что. Одна и та же картинка (jpeg) во всех браузерах показывается ок, а вот в Chrome — с какими-то артефактами, будто она пережата (особенно заметна какая-то полоса справа). Пример в аттаче (слева — FF, IE, etc., спарва — Chrome). Смотреть, видимо, нужно не в Chrome =) Кто-то сталкивался с таким? В чем корень проблемы? Спасибо.
0 votes1 answer -
Простой слайдер
Доброго времени суток! Есть с десяток объектов с 3-5 рисунками каждый. Хотел сделать на каждый объект подобие слайдера, картинка с цифрами снизу Все вроде просто, пример ниже, но вот при нажатие на цифру весь слайдер изменяет позицию (из центра вверх экрана), т.е браузер производит переход по странице. Вопрос: можно ли изменить поведение ссылки, что-бы при нажатии на цифру слайдер оставался на месте. спасибо <table border="1"> <col class="c_image" /> <col class="c_image" /> <tr> <td> <div class="project"> …
0 votes1 answer -
Подключение скрипта к Джумла
У меня проблема следующего рода: Скачал скрипт Textualizer Дальше в Джумле в <head> подключил скрипты <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/textualizer.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/textualizer.min.js"></script> Скопировал сами скрипты textualizer.js в нужную папку. Дальше в <head> добавил var list = ['описание один', 'описание два', 'описание три']; // список описаний var txt = $('#txtlzr'); // Контейнер в котором будет выводиться …
0 votes1 answer -
Не скругляется внктренний блок.
В общем... есть проблема такая, раньше не когда этого не замечал, в общем, создал круг, и хочу поместить в нем еще несколько блоков... вот тут-то и проблема, эти внутренние блоки не в какую не хотят скругляться... пробовал разные способы, эффекта 0... помогите пожалуйста вот скриншот и код <!DOCTYPE html> <head> <meta charset="UTF-8" /> <title>pechal'</title> <link rel="stylesheet" type="text/css" href="style2.css" /> </head> <body> <div class="container"> <div class="krug"> <div class="krugc"> <div id="barG_1" class="bar-lineG"></div> <div id="barG_2" cla…
0 votes2 answers -
Как сделать рамку только для ячейки
Прописал следующий код, вроде бы должна быть рамка но её нету, почему? в HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> Главная страница </title> <link rel="stylesheet" type="text/css" href="style.css" > </head> <body> <table> <tr> <td class="1td"> 1 </td> <td class="2td"> 2 </td> <td class="3td"> 3 </td> </tr> </table> </body> </html> В CSS .1td { border: 3px solid #c716bd; } .2td { border: 3px solid #c716bd; } .3td { border: 3px solid #c716bd; }
0 votes1 answer -
Подскажите размещение блоков
Добрый день. подскажите пожалуйста как лучше всего закрепить блоки согласно рисунка так чтобы image 1 всегда было сверху, а image 2 всегда было снизу высота контейнера меняется согласно его заполнения Заранее всем спасибо
0 votes2 answers -
Помогите с версткой проблемки!
К кому можно обратиться по email для помощи в верстке, для проверки так сказать?есть ли добрые люди
0 votes2 answers -
Помогите настроить валидность верстки!
Проблема состоит в следующем: Имеется скрипт выдвижного меню, вот сам код: И все бы хорошо, все установилось. НО validator - выдает вот такое сообщение при проверке: Я так понял это связано с атрибутом "onClick" - Помогите, как это можно исправить?
0 votes2 answers -
Проблема с адаптивностью
Когда открываю эту страницу http://danxil.pp.ua/layout/index.html в обычном браузере и изменяю ширину окна - все ок, блоки спускаются на нижнюю строку как идолжно быть, но когда открываю эту страницу в мобильном браузере, у нее просто меняется масштаб, а блоку остаются на месте. Как сделать так что бы на мобильных браузерах именно сжималась ширина блока ?
0 votes5 answers -
Помогите с макетом
Здраствуйте, прошу помогите сделать вот такую конструкцию прошу очень срочно нужно
0 votes0 answers -
Проблемы с IE
Доброго времени суток! IE главную страницу сайта http://libufim.ru отображает нормально, а внутренние страницы http://libufim.ru/mode отображает так, как будто на них не действуют никакие стили. Уважаемые Гуру HTML и css, помогите решить проблему.
0 votes3 answers -
Маленькое окошко
Добрый вечер, можно ли с помощью html создать вот такие страницы, как на сайте Alawar, когда смотрим скриншоты игры, или все таки нужен джава скрипт?
0 votes5 answers -
Проблема с полосами прокрутки
Добрый день, подскажи, пожалуйста, возможное решение проблемы. Есть div. В данном случае основной контент - div content Информации на странице довольно много, а надо, чтобы именно этот див не выходил за пределы размеров экрана и соответственно не заставлял сдвигаться div footer. Установил для него аттрибут overflow: auto и задал соответствующую высоту. Все работает. Но мне требуется, чтобы не было видно самих полос прокрутки, но прокрутка текста должна оставаться. Если ставишь overflow: hidden (при любом position: absolute, relative или static), то текст просто застывает и нет ни прокрутки ни самих полос для прокрутки. Как можно убрать отображение полос, но чтобы прокрутк…
0 votes3 answers