HTML Coding

29542 questions in this forum

1. Картинки в адаптивном дизайне

   Как правильно поступить с картинками в адаптивном дизайне. В зависимости от разрешения экрана картинки тоже должны меняться. Кстати, в данной теме под картинками имею ввиду кнопки - добавить в закладки, рейтинг, кнопки соц.сетей и т.д., то есть то на что можно нажать. Так вот, вижу 2 варианта: - менять размер картинок - размещаю картинку максимального размера (128х128), и если надо просто сжимаю - менять сами картинки, то есть в шаблон подгружаются разные картинки, от 16х16 до 128х128 Какой вариант лучше?

   Asked by alleclf, January 29, 2015

   0 votes
   2 answers
2. как располагается верстка при указании только одного девайса

   Всем привет, Читая доку по bootstrap-у, я не совсем уяснил для себя, а как располагается верстка при указании только одного девайса на других дивайсах? Например, если указан только класс для планшетов col-sm- : <div class="form-group"> <label for="name" class="col-sm-3 control-label">Name</label> <div class="col-sm-9"> <input id="name" name="name" value="" size="30" maxlength="100" class="form-control" type="text" > </div> </div> Знач…

   Asked by mstdmstd, May 25, 2016

   0 votes
   2 answers
3. Сделать респонсив табличку с summary

   Всем привет, Есть небольшая респонсив табличка : <div id="div_order_details_html"><div class="table-responsive dialog_table"> <table class="table table-bordered table-hover table-striped"> <thead> <tr> <th>Product</th> <th>Sold</th> <th>Price</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td> <a href="http://local-wprods.com/admin/product/edit/5" class="a_link" target="_blank"> Woo Ninja, </a> <a href="http://local-wprods.com/admin/order/edit/14" class="a_link" target="_blank"> (00000001201702240002) </a> </td> <…

   Asked by mstdmstd, March 2, 2017

   0 votes
   0 answers
4. Редактирование HTML

   Я совсем недавно начал пробовать создать простые сайты И умнея возник вопрос Как редактировать все страницы сайта сразу Например Создать несколько файлов css и редактировать все страницы сайты .Html так можно???

   Asked by delfin-07, November 22, 2011

   0 votes
   1 answer
5. Islands cookhouse are constant ballad matrix times

   With scullery islands, designs can comprehend a stand-alone supersede in the centralized direct attention to of the zlewozmywaki, which provides convenience and productivity via creating more workspace. Boating galley designs with islands are upward of again more roomy. When the larder atoll is located in the center of the caboose, more while is created. In most homes, an ait is the epitome temperament to turn diminish the larder from the living room. If the cookhouse archipelago has a cook cover, sinks or independently long-way-off drawer refrigerators, this accommodates greater convenience and socializing since one-liner can do dishes and overplay preparation while c…

   Asked by pouppyfef, January 28, 2012

   0 votes
   0 answers
6. помогите разобраться..

   Создать интерактивно пополняемый текст в документе (например, отзыв о сайте) посредством CGI-приложения. Отправляемые на сервер сообщения пользователя с информацией «имя пользователя» и «текст сообщения» должны проверяться на заполненность на стороне пользователя посредством Java-скриптов. Возможный способ решения - в текстовый файл, находящийся на сервере, дописывать текстовую информацию из формы документа и помещать этот файл в контейнер IFRAME документа. Можно где-нибудь посмотреть примеры? не могу в интернете найти информацию..даже не знаю как правильно запрос написать.

   Asked by StydenTo4ka, October 24, 2012

   0 votes
   0 answers
7. как обрезать изображение?

   В некоторой области экрана (id=field) есть определенное число картинок (40x40). Как можно обрезать какое то одно изображение, припустим при клике на размер 40x20? <div id=field style='position: relative; width:300px; height:300px'><img id='img1' style='position: absolute; width:40px; height:40px; left:0px; top:0px' src='some.png'><img id='img2' style='position: absolute; width:40px; height:40px; left:40px; top:0px' src='some.png'>...<img id='imgN' style='position: absolute; width:40px; height:40px; left:Npx; top:Npx' src='some.png'></div>Есть еще одно условие, что бы та часть которая обрезается не просто скрывалась, а ее вообще чтобы не было(…

   Asked by anton41k, October 27, 2014

   0 votes
   1 answer
8. проблема при создании адаптивной навигации

   Помогите, пожалуйста... я сделал гамбургер-меню, но вылезли две проблемы. Ссылка на вид до создания гамбургера - https://drive.google...YWFRcENyMVRjSFk Ссылка на вид после создания гамбургера - https://drive.google...eDNKc2g0VnRaeW8 Т.е. гамбургер сделал вроде норм, получилось, но вылезли два дефекта: - разрыв между меню и контентом - поплыла вверх активная ссылка Со поплывшей ссылкой вообще не могу понять, что происходит. А разрыв пытался убрать установив для блоков меню и контента margin-bottom и margin-top соответственно в 0px... не помогло дайте намеки, что это может быть? спасибо большое!

   Asked by Denzil, September 22, 2015

   0 votes
   0 answers
9. непонятное поведение элементов в мобильном и стационарном браузере

   Всем привет Объясните пожалуйста почему элемент в мобильном браузере (под iOS или Android) в браузере выглядит не так как в браузере на ПК. Например шрифт, размер которого задан в PX (например, font-size: 24px), на ПК всегда ровно такой какой он есть, а в мобильном браузере меняет свой размер в зависимости от того в какой ориентации девайс. Как с этим более корректно бороться (т.е. чтобы и на мобильниках все выглядело корректно)?

   Asked by Zhihar, December 26, 2015

   0 votes
   4 answers
10. Колбасит border при прокручивании в IE (6,7,8)

    Происходит что-то непонятное с бордером. Он задан штриховым, но впоследствии скролла может выглядеть и как dotted и как solid, и вот так коряво: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <style type="text/css"> #content{width:300px; height:1000em; border-right:1px dashed #C0C0C0; } </style> </head> <body> <div id="content">Lorem ipsum dolor sit amet...</div> </body> </html> height:1000em; - для примера. такая же бадяга …

    Asked by Geratewart, March 15, 2010

    0 votes
    0 answers
11. Съезжает макет

    сори, удалите плиз

    Asked by Мо ской котик, November 26, 2010

    0 votes
    0 answers
12. отсупы и маркеры

    День добрый, не судите строго, в CSS пишу 5 дней всего, но очень надо. Суть проблемы. Есть модуль меню типа аккордион, (название модуля mod_jv_accordion_menu). Сам модуль отличный но естетсвенно для дизайна сайта CSS немнного изменить пришлось. На данный момент по непонятной мне причине маркер (стандартный из шаблона дизайна, вид картинка) не хочет делать отступ от края блока (сори за мой французский,не знаю всех названий в css). Сейчай у него 10px, а необходимо 0px. В отличии от маркера с текстом такой странности не наблюдается. www.kubess.ru СМ. Блока 1С:Предприятие 8. Прикладываю код: .jv_aclickmenu_wrap ul.jv_maccordion ul{ margin: 0; padding: 0 0 0 5px; } .jv_aclickm…

    Asked by konda, October 24, 2011

    0 votes
    0 answers
13. вывод из базы в 3 калонки

    Пожскажите пожалуйста как сделать вывод из базы в 3 калонки. Что я имею ввиду - когда выводим из базы информацию то она выводится вертикально (сверху вниз), a как сделать чтобы воводилась горизонтально в 3 ряда и периносилось ниже опять 3 ряда и ниже и.т.д Вот пример как в интернет магизине выводятся товары http://www.ozon.ru/ в 3 ряда

    Asked by paseonru, January 5, 2012

    0 votes
    1 answer
14. HTML "Формы" запросов

    Доброго времени суток коллеги. перед мной стоит задача построить некий справочник. который одновременно производит поиск в базе из 3-х форм сразу. Базку поднял, всё работает, ищит. Но теперь встал вопрос красоте! Подвесил на формочки картинки и решил описание формы указать в самой форме т.е задействовать Value авто-текст форм при старте. Выглядит так это чудо: вид самой формы запроса из базы. <FORM action="index.php?page=tel" method="get"> <input type = hidden name="page" value="tel"> <b style='mso-bidi-font-weight:normal'><span style='color:blue'><a href="index.php?page=tel"> <span style='mso-spacerun:yes'>Содержание справочник…

    Asked by oscora, February 16, 2012

    0 votes
    2 answers
15. Проблемы с изображениями мобильный веб дизайн

    Здравствуйте! При загрузке моего сайта на мобильном телефоне через Опера-мини все картинки, которые я использую для оформления не пропорционально изменяются. Большие сжимаются по размеру, а маленькие наоборот, чрезмерно увеличиваются, что нарушает нормальное восприятие. Более того, Опера-мини просто тупо идет по картинкам, выстраивая их в одну колонку. Пояснения. Сайт по бокам имеет фоновые вертикальные изображения, вынесенные в отдельные div-блоки. Под каждым изображением, кроме этого есть backround-image с вертикальным повторением. Это на тот случай, если содержимое страницы увеличивается, то боковые оформления соответственно вытягиваются. Так-вот. Опера-мини тупо показ…

    Asked by rafaello9, October 6, 2012

    0 votes
    0 answers
16. Почему нельзя копировать содержимое с jsFiddle в опере?

    Собственно почему?Вот обычный код http://jsfiddle.net/3Lw38/1/ ,почему я выделяю нужные участки кода нормально но немогу копировать их?Не контрлЦ не ПКМ по выделеному.

    Asked by pudge, April 2, 2013

    0 votes
    2 answers
17. Проьлема с meta tegs

    Всем зравствуйте. Есть вопрос - сайту больше 2-х месяцев. Метатеги title и description прописаны были изначально не на всех страницах. Решили что сушествующие тайтлы и дискры надо поменять а там где не было - добавить. И вот прошла уже неделя с момента как поменяли метатеги, а гугл в выдаче до сих пор показывает старые тайтлы и дискры... Где проблема?

    Asked by valentinka1907, March 3, 2014

    0 votes
    3 answers
18. Проблема верстки шаблона DLE

    Доброго времени. Имеется слайдер <a href="{full-link}"><img src="{image-1}" alt="" title="{short-story limit="200"} <hr> {date} Посмотрели {views} раз(а)" width="330" height="250"/></a>Работает нормально, НО если в short-story появляются кавычки слайдер расползается. Подскажите, что можно поправить?

    Asked by Sanyok-ok, August 7, 2014

    0 votes
    2 answers
19. Из-за положения div'а меняется текст в коде ниже

    На моём сайте когда я блок .modal выношу в начало страницы (перед #content), весь текст на сайте (после .modal) портится: Что вообще происходит? И как с этим быть?

    Asked by iBars, May 15, 2015

    0 votes
    2 answers
20. Как сверстать обводку?

    Как сверстать обводку блока если она градиентом сверху вниз?

    Asked by hahaja, June 8, 2012

    0 votes
    2 answers
21. Background в IE

    Здравствуйте! Есть сайт www.iana-fomina.site88.net Во всех браузерах всё отлично работает, но в IE как всегда проблемы. Если потянуть за скролл, то background растягивается до неограниченых размеров. Помогите разобраться в проблеме. body{ background:#f5f5f5 url("../images/geral/bkg-pat.png") repeat scroll 0 0; font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow"; color:#a5a5a5; position: relative; width: 100%; height: 100%; }

    Asked by Iana-Fomina, February 21, 2013

    0 votes
    1 answer
22. Проблема со скроллом

    Добрый день. Нужна ваша помощь. Задача: 1. шапка, подвал и правая часть основного контента зафиксированы. Контент должен растягиваться на всю высоту страницы. Скроллиться должна только левая часть контента и полоса прокрутки должна быть только тут. 2. То же, что и в первом пункте, только полоса прокрутки должна быть на всю страницу, а скроллиться лишь левый блок контента. выкладываю, что получилось. Проблема с растягиванием левого контента на всю высоту страницы и нерабочим бегунком. http://codepen.io/anon/pen/KHmGd Большое спасибо за помощь.

    Asked by NatalieZ, November 28, 2013

    0 votes
    2 answers
23. Не могу опридилитися...

    Не могу опридилитися. Что можно сделать с главными колонками, подключить скрипт одинаковых колонок, или розтянуты их на 100%? Если можно добавьте к ответу и код решения http://vidiatest.esy.es/site/

    Asked by Ghost86421, March 12, 2014

    0 votes
    1 answer
24. Адаптивная верстка на Бутстрапе

    Привет, уважаемые форумчане! Недавно решил освоить бутстрап, и начал верстать под него стандартный двухколоночный макет шириной 980px. Работаю на ноуте, с разрешением 1366*768, колонки создавал с помощью классов col-xs-*, в итоге все хорошо получилось для моего разрешения. Однако при изменении окна браузера до 1024 пикселей в ширину, макет немного деформируется - стандартное бутстраповкое горизонтальное меню не влазит, и один пункт переходит на новую строку, также в некоторых местах возникают искажения из-за слишком больших margin и padding, которые я указывал в абсолютных значениях - px. Часть проблем с паддингами вылечилась указанием размеров в %, для остальных проблем …

    Asked by Capz, March 23, 2015

    • bootrstrap
    • сетка адаптивная верстка
    0 votes
    0 answers
25. В чем дело? Резиновый шаблон катается по экрану

    Выручайте бьюсь уже 3-и дня не понимаю, что нужно дописать в css что бы меню с картинками не уезжало при изменении разращении окна браузера? бэграунд имедж задаю 100% и всё меню с картинками поехало. сайт http://babiole-shop.ru/ Тоесть если смотреть через компьютер и не играть с разрешением, то все отлично, но как только я начинаю смотреть с телефона, или просто уменьшая разбер окна браузера, то сначала картинка ребёнка, а потом образовывается белое пространство и дальше уже идёт меню. Я понимаю, что это из-за того что картинка уменьшается в размерах

    Asked by Maks0n, August 17, 2015

    0 votes
    2 answers