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
-
Вертикальное центрирование внутри блока
И снова очередной чудо-макет. http://jsfiddle.net/gcuxgc71/ В макете кнопка у которой содержимое с классом items_name может быть из одной, двух и трёх строчек. Поэтому остальные блоки нужно всегда выводить по центру. Есть ли возможность не используя таблицы выравнивать текстовые элементы по-вертикали по центру?
0 votes4 answers -
горизонтальное выравнивание блока фиксированной ширины
помогите пожалуйста горизонтально выравнять вложенные пункты меню относительно родительских jsfiddle здесь каждый пункт меню верхнего уровня имеет белую полосу, которая появляется при наведении на пункт. видно, что блок с вложенными пунктами смещён по горизонтали относительно этой полосы. в этом проблема для облегчения задачи я задал жёстко ширину блока с вложенными пунктами. но если подскажете решение для блока неизвестной ширины, будет ещё лучше хотелось бы получить решение очень кроссбраузерное. даже за счёт красоты кода
0 votes5 answers -
Обрезания текста
Мне нужно чтобы текст обрезался посредине. То есть если у меня есть файл с именем "some-file-name.pdf" в зависимости от того какой ширины контейнер нужно обрезать имя файлу к такому формату "some-f...ame.pdf". Часть "ame.pdf" я указываю сам, пример: 3 символа к точке + расширения файла. А часть "some-f" определялась автоматически от ширины контейнера. Вот набросал пример как я его представляю. В хроме/ie10-11 работает, а вот в firefox работает не правильно. Может кто сталкивался с такой проблемой и знает как его исправить. http://jsfiddle.net/9L0kwqyx/1/
0 votes0 answers -
Найти подходящий элемент
В общем хочу сделать вот такую штуку , но даже не знаю как подступиться .Подскажите пожалуйста.
0 votes2 answers -
список определений с классом
Всем привет, Используя список определений с указанием размера хедера в классе будет ли это равноценно по правилам HTML5 и SEO ? Иными словами равноценны ли записи <dt class="h3 ">TEXT</dt> и <h3>TEXT</h3> ?
0 votes2 answers -
Таблица вылетает далеко вниз при 100% высоте
Наверняка уже была проблема, но покурив достаточно много поиск, именно такой проблемы так и не попалось=( имеем html, body { background: url('img/chbpolos11.jpg'); margin: 0px; font-size:11px; height:100%; } table.main { margin:auto; border: 10px #ffffff solid; border-bottom: none; background: #ffffff; width:780px; padding:0px; height:100%; } и ячейка <td style="height:100%;" valign="top"> в которой располагается таблица с контентом. Если убрать высоту ячейки, то табличка перестает уползать далеко вниз, но ползет верстка в целом. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Есть ли рецепты как это…
0 votes1 answer -
DIV являеться родителем для другого DIV
Форумчане выручайте! Например к описанию свойства margin идет следующие Если я применяю данное свойство к DIVу который находиться в другом DIVe, то отступ идет в обоих дивах. Как мне сделать, чтоб первый див был родителем для другого дива находящегося в нем?
0 votes3 answers -
Обтекание картинки
Подскажите ,как мне здесь сделать обтекание картинки текстом??? <div class="br_middle" ><img src="file:///C:/Users/Admin/Desktop/std/img.png" /> 11111</div> .br_middle { background: #cecece; border: 1px solid #afafaf; padding: 4px; position: relative; }
0 votes2 answers -
Помощь по обработке данных
Объясню на примере, что хотелось бы узнать. Существует страница. На ней имеется: Текст(вопрос), после для ввода ответа, и кнопка "далее". С помощью какого тега или функции в JS можно сделать чтобы скрипт обработал данные, введенные пользователем, сравнил их с правильным ответом, и либо пустил дальше, либо оставил на текущей странице?
0 votes3 answers -
Баг с background-position в FF 9.0.1
<html> <head></head> <style> .bug { background: url("loading.png") repeat 10000px 100000px; height: 800px; width: 800px; } .normal { background: url("loading.png") repeat 10000px 10000px; height: 800px; width: 800px; } </style> <body> <div class="bug"> </div> <div class="normal"> </div> </body> <html> картинка "loading.png": Так вот, в FF 9 в нижнем диве все нормально, картинка в background отображается, а в верхнем- нет. В чем проблема, как решить? Во всех остальных браузерах проблемы такой нету.
0 votes4 answers -
Проблема с тенью и градиентом
Добрый день, форумчаны! Столкнулся с несколькими проблемами с версткой и прошу Вашего совета как пофиксить 1 Это кросбраузерность теней в разных браузерах. Для генерации тени для блока использовал вот этот сервис css3generator.com Проблема в том что в разных браузерах разная интенсивность тени. Это нормально? Код тени таковой -webkit-box-shadow: 0 3px 10px -4px #555555; -moz-box-shadow: 0 3px 10px -4px #555555; box-shadow: 0 3px 10px -4px #555555; Это нормально? Само лучше показывается FireFox 2. Это кросбраузерность градиенты А точнее у меня глюк отображения градиента в 2 браузерах опера и експлоер У меня не отображается не градиент и не картинка Вот так в…
0 votes4 answers -
различная длина страница в разных браузерах
Добрый вечер, уважаемые форумчане! Я никогда не занимался версткой, но недавно попросил о помощи человек, которому невозможно отказать. Вроде бы все отредактировал, все хорошо, но возникла такая проблемка: есть три страницы, длина которых отражается по разному в разных браузерах. Точнее во всех нормально, кроме фф (в нем страница короче). При этом первая страница http://vista-edu.ru/galery.html отображается во всех одинаково, вторая - http://vista-edu.ru/buh-nalog.html - короче в фф пикселей на 200 (на глаз), третья - http://vista-edu.ru/buh-basic.html - пикселей на 400. Буду очень благодарен, если сможете подсказать как ее решить.
0 votes6 answers -
Ненужное смещение то ли текста то ли divа при изменении цвета border-bottom по a:hover в IE
При первом наведении происходит ненужное смещение то ли текста то ли divа при изменении цвета border-bottom по a:hover в IE 8 и 10 (в остальных нормально). Вживую (в области основного контента): http://suits.ru CSS: a:link { text-decoration: none; color: #003366; border-bottom: 1px solid #C0C7CE; } a:visited { text-decoration: none; color: #4E5869; border-bottom: 1px solid #C0C7CE; } a:visited:hover, a:hover, a:active, a.active { text-decoration: none; color:#B50000; border-bottom: 1px solid #E7E7E7; } Помогите, пожалуйста, исправить. Может я запрос не так формулирую, но поиск ничего не дал.
0 votes3 answers -
Проблемы с Wordpress темой
Доброго времени суток, помогите разобраться с таинственным поведением верстки после "натягивания" на WP. Верстка делается в соответствии с шаблоном, проверяется PixelPerfect'ом, все супер, но после "соединения" с WP, появляется ряд недочетов, в частности: - межбуквенный интервал в заголовках (в верстке указан 1рх, на WP пришлось уменьшить до 0,6рх - и верстка и тема прошли PixelPerfect), - поведение блоков (позиционирование по правому краю с помощью флоата) ... может что-то пропускаю, может в WP есть таки какой стиль, который перебивает каким то образом стили темы, но вроде бы такого быть не может... раньше замечались расхождения, но под руками не было PixelPerfec…
0 votes1 answer -
hover
Есть картинка под ней текст , как сделать чтобы при наведении на картинку менялся цвет картинки и текста. Также при наведении на текст менялся цвет текста и картинки????
0 votes6 answers -
Как мне вставить изображение
Помогите пожалуйста, как мне вставить изображение? http://jsfiddle.net/oleg126/Ch42a/ Нужно что бы все было в одну строчку, и вместо span было изображение!
0 votes8 answers -
Смещение текста в разметке
Здравствуйте! Начал писать сайт в PHP дизайнере и столкнулся с такой проблемой. При настройке стилей css с блоками div. Запускал в Explorer все нормально. В Опера смещается вниз текст. Рассматривал в инете, не получилось. Заранее спасибо. https://yadi.sk/i/v6gfCIPLd48vA https://yadi.sk/i/JT3U6p5Jd48vC
0 votes1 answer -
В макете сайта не заменяются английские символы - русскими.
Здравствуйте. Скачал макет сайта и пробовал заменить английские символы на русские - они просто не отображаются. (кроме "client_login", прекрасно заменяется ) Пробовал сделать резиновым тоже не получилось. Помогите кто чем может . Вот архив исходник макета.https://yadi.sk/d/jtIrxEDSjDsQ4
0 votes6 answers -
При вставке текста с ссылкой в форму отправки заявки не работает ссылка
При вставке текста с ссылкой в форму отправки заявки не работает ссылка. При клике на ссылку срабатывает кнопка отправки сообщения вместо открытия ссылки. Ничего не понимаю, что можно сделать? Вот концовка формы: <div class="col-xs-12 col-md-4"> <p><textarea name="msg" placeholder="Сообщение"></textarea></p> <div><a href="#" class="button" style="float: right;">ОТПРАВИТЬ</a></div> </div> <a href="<?=SITE_DIR?>soglasie.pdf" target="_blank">Нажимая на кнопку О…
0 votes1 answer -
Есть ли какой нибудь инструмент, которой может удалить не нужные строчки CSS, которые не используются в HTML документе
Есть ли какой нибудь инструмент, которой может удалить не нужные строчки CSS, которые не используются в HTML документе ? Т.е. есть файл HTML к нему идет файл CSS, но он на 95 процентов заполнен левыми строчками кода......в CSS строчек 10т
0 votes1 answer -
не могу сделать макет страницы
Нужно сделать страницу из 5 блоков, где прописывать расположение блоков и размеры? Мне нужна "резиновая" верстка, чтобы при разных разрешениях страницы выглядели хорошо. <html> <head> <title>title</title> </head> <body> <div id="wrapper"> <div id="head"> <?php include 'head.php'; ?> </div> <div id="left"> <?php include 'left.php'; ?> </div> <div id="right"> <?php include 'right.php'; ?> </div> <div id="center"> <?php include 'center.php'; ?> </div> <div id="footer"> <?php include 'footer.php'; ?> <…
0 votes2 answers -
Background не рабоает в прикрепленном css
В общем глупость какая-то. Если пишу css св-во background:url('ссылка на картинку'); внутри html файла, то все работает, если пишу это же во внешнем файле css то картинка не цепляется. В чем проблема?
0 votes3 answers -
сгладить фон
помогите пожалуйста сгладить фон. на странице в шапке меджу самолётами и ссылкой на фото расположена линия. сделать равномерный градиент этой линии у меня не получается. если я делаю неравномерный, то заметен переход около правого конца линии. как поступают в таких случаях? может стоит использовать совсем другой подход? для наглядности изображения самолетов сдвинул влево
0 votes2 answers -
ie
http://school528.spb.ru/main/newspaper/index.php Вот страница сайта, в гугл хроме работает и в мазиле в ie ,хоть один из последних,все равно вылетают подписи в фотографиях и текст в рубрике читайте в номере Уважаемые знатоки, дайте пожалуйста совета Заранее спасибо!
0 votes4 answers -
Древовидные комментарии
Кто-нибудь верстал что-то подобное? Для верстки использовал вложенные списки, но пока есть проблемы с кроссбраузерностью. Если вы видели на каком-то сайте аналогичные каменты со стрелочками-указателями, то скиньте, пожалуйста, ссылку. Проблема собственно в запутанности и сложности получившегося кода. Кто как сверстал бы такое?
0 votes3 answers