HTML Coding

29542 questions in this forum

1. Скролл сдвигает блоки

   Здравствуйте, на сайте есть главный блок wrapper, в котором находится весь контент. На главной странице, где есть вертикальный скролл все выглядит хорошо и красиво. Но на страничке с продуктом (или Contact или About), где контента не достаточно для того что бы появился скролл, меню сдвигается вправо на количество пикселей равное ширине скролла браузера. Не подскажете ли как от этого избавиться, нужно что бы независимо от того есть ли скролл или нет, контент был отцентрирован одинаково на всех страницах. Спасибо заранее

   Asked by DImas95, December 16, 2012

   0 votes
   7 answers
2. Как заставить Masonry располагать контент в 3 колонки?

   При настройке Masonry возникает проблема: ширина блоков регулируется отлично (и в %, и в px), но, когда возникла необходимость сделать один из блоков в 2 раза выше остальных блоков - низкие блоки не занимают пустое место рядом с высоким блоком и получается то что на картинке ниже. Перепробовала, как мне кажется, все: в инициализации указывала ширину колонки в пикселях, в процентах, добавляла в код grid-sizer, убирала grid-sizer........... Методом тыка поняла что если увеличить у меня в css ширину блока .grid-item - то колонок становится две - и в таком случае Masonry красиво все располагает. Код здесь (постаралась оставить только суть).

   Asked by VeraVostro, November 24, 2017

   • css
   • jquery
   • flexbox
   • masonry
   0 votes
   3 answers
3. Как вам такая идея?

   http://fotoplenka.ru/users/sokol14/446922/.../#mainImageLink Все недостатки можете написать:? И предложить вариант для улучшения!

   Asked by sokol14, January 7, 2009

   0 votes
   11 answers
4. CSS ссылки

   Здравствуйте! Проблема следующая, как можно и можно ли сделать в веб-странице с помощью CSS область (абстрактную, полностью прозрачную) фиксированную в одном месте (не в одном месте экрана, а страницы), чтобы при наведении можно было перейти по адресу определенному. Может это не в CSS делается?

   Asked by skv_79, May 26, 2009

   0 votes
   8 answers
5. Не приходят данные на емайл введеные на форме сайта.

   Написал простую форму, указал переменные на php файл в котором указал емайл куда должны будут переходить инфа с формы сайта, письмо приходит но не отображается инфа введеный пользователем. Что не так сделал? пхп файл <? if(!isset($ch1)) {$ch1="нет";} if(!isset($ch2)) {$ch2="нет";} mail("test@pochta.ru","Заказ диска","Человек по имени $fio указавший пароль $pass указал свой емайл - $email, выбрал вариант носителя $disc, указал, что он хочет видеть на диске следующие курсы:\n Курс по созданию сайтов - $ch1 \n Курс по созданию книг - $ch2 \n указал тип доставки - $delivery в качестве домашнего адреса и примечаний указал - $add_text." ); ?> форма <form action="…

   Asked by dauren300, August 15, 2010

   0 votes
   5 answers
6. Грамотная резиновая верстка

   В качественной резиновой верстке принято использовать относительные величины? Вычитал, что так, но резиновых проектов, к примеру с "em", в сети вообще довольно трудно найти, хотя и делают профессионалы.

   Asked by flagreit, March 7, 2011

   0 votes
   8 answers
7. html таблица

   не знаю куда писать поэтому напишу сюда, администрация форума поставьте мой пост в нужное место, парни помогите разобраться с проблемой, проблема такова, есть таблица в которой нужно убрать одну границу говорю одну потому что их много у меня, вот сам кусочек этой границе <td class="p"> </td>, а вот кусок css к этой границе td.p { border: 1px solid; border-color: #EEF #8CF #8CF #EEF; background: #D0F0FF; padding: 1px 5px 2px 5px; }

   Asked by wolf777, June 24, 2011

   0 votes
   24 answers
8. Загвоздка с отступом после некоторых спецсимволов в Internet Explorer

   Добрый день. Так получилось, что приходится часто по ходу текста использовать спецсимвол 8242; но в Explorer после него получается огромный отступ, который не убирается средствами letter-spacing. Если есть возможность повлиять как-то на это - подскажите. Получается не очень красиво, мягко говоря.

   Asked by Aventurier, May 28, 2008

   0 votes
   4 answers
9. heigh 100% и margin-top

   Возникла следующая проблема: хочу сделать поле, занимающие всю высоту экрана и при этом имеющие фиксированный в пикселях отступ сверху. Если я указываю height: 100% и margin-top: 200px, то мое поле вылезает за размеры экрана, создавая не применимый скроллинг. Как добиться, чтобы высота поля была 100% - 200px и лишний скроллинг не возникал? В этом примере я попытался изобразить концепцию, однако два элемента здесь налезают друг на друга. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title> …

   Asked by Guest Гость_Олег_*, September 10, 2008

   0 votes
   7 answers
10. Загадка CSS

    Господа, помогите понять, как это может быть такое: Медленно подгружаются стили на сделанном мною сайте: www.isn.su, я подумал, что это из-за того, что я подключил несколько css-файлов и решил весь css-код поместить в один css-файл. Скопировал и переместил. Но, после этого, почему-то, для меня остается большой загадкой, стала подгружаться только часть css кода. К примеру, картинки и блоки нормально отображаются, а текст неотформатирован и так далее. Потом я решил попробовать css-стили включить в html-файлы, но получилось тоже самое - подключается только часть css-кода. Помогите, пожалуйста, понять, как это может быть такое??? Заранее большое спасибо!

    Asked by murtts, January 13, 2009

    0 votes
    7 answers
11. Как семантически правильней?

    Фамилия: Иванов Имя: Иван Отчество: Иванович Возраст: 25 и т.д. Как семантически правильней? див со спанами, таблицей или же dl, dt, dd?

    Asked by vikusik, July 6, 2011

    0 votes
    17 answers
12. Форма поиска. Chrome.

    Проблемма в том, что в поле ввода хрома "Поиск..." (placeholder="Поиск...") отображается на одном уровне,а вводимый пользователем текст на пару пикселей ниже. В фф и иэ все нормально. Глаз режет, помогите( Код: [hide] <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Форма для поиска</title> <style>body{background:#394e63;font-family: "PT Sans",Verdana,Arial,sans-serif;}.search {width: 240px;height: 35px;border-radius: 10px;background:#fff;}input[type="text"] {padding:0;margin:0;display:block;height:35px;border: none;outline: none;-webkit-appearance: none;width: 197px;margin: 0px 0px 0px 9px;float:left;font:16px/19px…

    Asked by ZMichail, March 29, 2014

    • chrome
    • форма
    • поиск
    • отображение
    • верстка
    • css
    • html
    • как сделать
    0 votes
    8 answers
13. Не удаётся убрать горизонтальную полосу прокрутки

    Верстаю сайт xxvc.zz.vc с помощью bootstrap 3, сделал навигационное меню, в результате появилась горизонтальная полоса прокрутки, никак не получается её убрать, может кто подскажет в чём дело и как это можно исправить?

    Asked by dmitriy.pryadko, March 11, 2015

    • bootstrap 3
    0 votes
    1 answer
14. Последовательная загрузка элементов

    Подскажите пожалуйста, в каком направлении мне искать возможность последовательной загрузки элементов на страничке. Есть ли возможность загружать их в порядке: Бекграунд -> структура -> Рисунки? Я рассмотрел 2 возможности CSS и JS. в СSS я не понял как сделать так что бы элементы загружались последовательно. а JS код вышел здоровым шопипец. Может есть простое решение?

    Asked by ide32, April 7, 2008

    0 votes
    7 answers
15. Различия верстке списков под разными браузерами

    В чём заключается различие в вёрстке списков под разные браузеры?

    Asked by ArtK, September 2, 2008

    0 votes
    5 answers
16. jQuery

    Добрый час. Я себе уже не первый час трХаю моск..Вот есть страничка со сборкой jQuery.На странице выбираем только эти 3 галочкиотключите все и нажмите 1 раз на Tabs, остальное само выберется) Core Widgets Tabs и скачиваем полученный архив. я заливаю библиотеки на сайт и меняю в файле, и оно перестает работать!!!!! почему??? залил теже самые файлы к себе на хостинг и оно перестает работать!!!!ПОМОГИТЕ!

    Asked by muzhik, January 15, 2011

    0 votes
    8 answers
17. Вставка *.svg на страницу

    Друзья, вот такая проблема. Нужно в ссылку впихнуть файл *.svg. Делаю это с помощью <img>. Но в лисе вообще ничего нет, а в Chrome картинка, обозначающяя, что картинка не смогла интерпритироваться. Как можно выкрутиться из этой ситуации. Варианты с JS принимаются. Спасибо!

    Asked by Michael Myers, July 10, 2013

    0 votes
    5 answers
18. значение пробелов в верстке

    Коллеги! Не сочтите за банальный мой вопрос. Верстая страницу, иногда допускаю пробел между двумя тэгами, к примеру, между и . Это является ошибкой? Тэги обязательно должны стоять вплотную друг к другу, без пробелов?

    Asked by Vimaz, July 19, 2007

    0 votes
    3 answers
19. *.chm

    У меня вопрос: с помощью какой программы можно создать *.chm файл!

    Asked by Elendor, March 11, 2008

    0 votes
    8 answers
20. Проблема в браузене Сафари

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #nav_ct { float:left; height:33px; width:920px; } #content_all { overflow:hidden; padding:20px 0; width:100%; } .center { height:100%; margin:auto; width:936px; } </style> </head> <body> <div class="center"> <div id="nav_ct"> Navigation </div> </div> <div id="content_all"> …

    Asked by Mal4ishnik, April 21, 2010

    0 votes
    11 answers
21. Выполнение скрипта при <=1023px

    Например я делаю вот так: $(window).resize(function(){ if ($(window).width() <= 1023){ $('#bestseller_slider').carouFredSel({ responsive: true, items: { visible: 3 }, scroll: { items: 1, duration: 300 }, auto: false, swipe: { onTouch: true }, prev: '#bestseller_prev', next: '#bestseller_next' }); } });т.е. при разрешении <=1023 включается слайдер. Как бы все работает. А можно ли сделать, чтобы при увеличении разрешении, т.е. когда уже >1023 действие скрипта прекращалось. Т.е., например, слайдер отключался, …

    Asked by npofopr, December 24, 2013

    0 votes
    23 answers
22. Некорректное масштабирование элементов страницы в хром и опере

    Здравствуйте. В общем обнаружилась такая проблема. Есть элементы в виде квадратиков в несколько рядов. https://jsfiddle.net/y5hsr9b6/ В хроме, опере в масштабе 110% начинают скакать нижние ряды элементов. В масштабе 100%, 125% и др. все нормально, в других браузерах в любых масштабах все норм. Получается хром и опера некорректно масштабирует страницу? Как лучше справиться с этим эффектом?

    Asked by ishurgaya, June 23, 2016

    0 votes
    7 answers
23. Гиперссылка на CSS

    Всем привет! Можно ли сделать так, чтобы при клике по ссылке на страницу подгружалась новая css, а старая "выгружалась"? Замена подключенной к странице css-ки на другую...:cool:

    Asked by styleroom, February 16, 2008

    0 votes
    10 answers
24. float:left; и отступ между слоями.

    Здрвствуйте! Помогите разобраться с простым отступом. В макете две колонки: СЛОЙ-1 – float:left; и фиксированная ширина. СЛОЙ-2 – все, что осталось справа. При уменьшении окна браузера СЛОЙ-1 трактуется как «Минимальная ширина экрана», а контент СЛОЯ-2 слетает вниз и располагается под СЛОЕМ-1 (что и требуется). Пока оба слоя расположены в ряд, между ними должен быть отступ. Если задать его так: . СЛОЙ 2 {margin-left: XXpx;} – это не помогает. Приходится делать: . СЛОЙ 1 {margin-right: XXpx;} Теперь – суть проблемы: Нужно, чтобы «Минимальная ширина экрана» была фиксированной (допустим 1024px), и чтобы при этой ширине СЛОЙ-1 занимал ВСЮ ШИРИНУ экрана (Параметр width…

    Asked by Дядька, October 8, 2008

    0 votes
    6 answers
25. Вопрос по позиционированию сайта

    В общем вот разметка: Проблема в том, что никак не могу поставить сайт по центру. Подскажите как же всё же совершить этот подвиг? А то опыта верстки мало, но учусь, вот пока с этим запарка.

    Asked by WarEnek, December 28, 2009

    0 votes
    17 answers