HTML Coding

29,542 questions in this forum

1. "Абсолютные" блоки за вне сайта.

   Здравствуйте. Возникла такая проблема: Я патаюсь сделать слева и справа от сайта фоновые узоры. Т.е. есть один основной блок, в котором содержится весь сайт. Его position равна relativ. В нем есть 2 блока с узорами. Их position absolute. Им выставляется например left: -300px и right: -300px. Все работает как и задумано. Но вдруг я обнаружил что на мониторах с маленьким разрешением появляется горизонтальный скролл. Я же хочу чтобы эти узоры были видны только на больших мониторах. А на маленьких просто обрезались. Конечно есть возможность отключить горизонтальный скролл. Но в этом случае, если ктото войдет на сайт с мобильного устройства, и маленьким разрешением монитора, к…

   Asked by HobbyStudio, December 10, 2011

   0 votes
   3 answers
2. "Адаптивные" квадраты

   У меня такой вопрос. Как реализовать грамотно и адаптивно такое вот дело? Ну т.е. может уже есть готовые фреймворки или еще что-то, можно тыкнуть носом в статью или еще что-то.

   Asked by aquapasha, November 7, 2013

   0 votes
   1 answer
3. "АЛЬБОМ" на сайт...

   Здравствуйте дорогие HTML'щики это снова я... Теперь такой вопрос, мне нужно сделать альбом на подобии этого - click Что именно мне нужно... хм... я хочу сделать так, чтобы отображалась картинка, справа кнопка ">", а слева "<" жмём на ">", страница не меняется а вместо картинки той что была появилась следующая. Жмём на "<" появилась та которая была до этого. Желательно чтобы вместо знаков > и < были картинки - < > ; знаю на том сайте что я предложил изменяется страница, мне хочется чтобы изменялась только картинка, возможно ли это??

   Asked by Hawk173, May 18, 2009

   0 votes
   6 answers
4. "Барабашки" в ссылках меню

   Время от времени две ссылки в меню перестают адресовать браузеры куда надо (субдомен.сайт.орг), а посылают по чудной (типа хт-4ью-дл.сайт.орг), при этом IE и FF не находят страницу, но показывают в адресной строке верный адрес (субдомен.сайт.орг), а Опера не находит адрес и видит в адресной строке "барабашку" (хт-3ью-дл.сайт.орг). В шаблоне страницы сайта при этом продолжает стоять правильный адрес (субдомен.сайт.орг). Никакие очистки кэша браузеров, баз данных сайта сами по себе не помогают. Лечится просто: меняется в шаблоне адрес на любой другой, после хождения по нему переделывается опять на нужный (субдомен.сайт.орг), вс? начинает работать. Беда только в том, что чер…

   Asked by WalterG, August 23, 2007

   0 votes
   4 answers
5. "Версия для печати"

   Здравствуйте, коллеги. Нужна ваша помощь. Есть страница с закладками (пример здесь). Сначала грузится весь контент для всех закладок, а после завершения этого процесса отображается лишь содержимое дефолтной закладки. Далее, переходя от закладки к закладке, меняется и содержимое страницы. Проблема в том, что какая бы закладка не была активна, при нажатии ссылки "печать" (т.е. имеется ввиду версия страницы для печати) всегда отображается содержимое лишь дефолтной закладки (самой левой), а мне хотелось бы, чтобы отображалось содержимое активной в данный момент закладки. Можно ли это как-то исправить, и если можно, то укажите, пожалуйста, правильное направление решения пробл…

   Asked by mal, May 29, 2009

   0 votes
   5 answers
6. "Всплывающие" элементы

   Здравствуйте. Помогите пожалуйста понять почему при наведении курсора соседние блоки "прыгают" вниз (на ширину строки как я понял из практики меняя все местами, добавляя и удаляя элементы). http://freelesson.ru...cheb/matem.html ссылка на исходник там же. Как их зафиксировать или может страницу переверстать в более "красивом" исполнении и отображении. Может быть есть более "правильное" решение ... php не вариант так как хостинг бесплатный со всеми вытекающими последствиями. js сам по себе выглядит массивно и весит чуть ли не больше(если не больше) чем html.

   Asked by Mirovich, April 29, 2013

   • hover div
   0 votes
   2 answers
7. "Выносной" элемент прямо в контенте

   К примеру в ководстве есть такая штука как "пометки на полях". Ремарки, которые размещены ровно на той же высоте с текстом, к которому они относятся. Видно, что сделано таблицей, но в ручную такой бедой управлять - вообще не вариант. Как бы сделать такое средствами CSS? К примеру, в потоке контента вставим ссылку с картинкой, или просто текст, не важно, с определенным классом, который будет вырван из потока и разместится рядом с ним на том же уровне по высоте? Пока то, что в голову пришло - релативный контейнер в нужном месте контента, в котором абсолютно спозиционированный "выносной" элемент. Минусы - опять же не просто управлять, т.к. нужна доп. разметка (контейне…

   Asked by d0ublezer0, December 12, 2013

   0 votes
   2 answers
8. "Выпадающее меню" подскажите пожалуйста

   Здравствуйте. Я пока только учусь, и уже сломала голову в поисках решения. Мне нужно сделать "выпадающее меню" на трех кнопках основного меню (под header ом) Например: кнопка Puppies должна делится на два подменю - 1) Bullmastifs , 2) Dogo Argentino., но при этом нужно чтоб основное меню не потеряло стилистику...... И второй вопрос, у меня почему то получаются очень тяжелые страницы... может есть какая нить статья как уменьшить вес, не потеряв качество изображений. ссылка на страницу - _http://bullmastiff-dogoargentino.narod.ru/index_k.html Заранее благодарна всем кто откликнется.

   Asked by Antalia, February 4, 2013

   0 votes
   3 answers
9. "границы сайта"

   Сайт состоит из div-блоков. По краям страницы (после div-колонок) - бэкграунд. На лэптопах/ПК все нормально. А вот планшет автоматически "отрезает" все что находится вне div-блоков. И получается некрасиво. Нужно каким то образом очертить границы сайта, чтобы бэкграунд частично считался "полезным". Самый простой способ - создать пустые div-ы по краям... Но я не уверен что это "профессионально". Может быть есть существуют "правильные, общепринятые" способы?

   Asked by deFISH, December 20, 2012

   0 votes
   1 answer
10. "Дёргаются" страницы

    сайт - www.shark.ru Дёргаются страницы при переходе по пунктам меню и при смене картинок в карусели на главной - в Хроме, у нескольких человек на работе. Кеш чистили, не помогло... У большинства в том же Хроме ничего не дёргается. В чём может быть проблема? Я предполагаю, что в самой карусели, поскольку пока её там не было, не было и такой проблемы... Но где именно может быть ошибка?

    Asked by maritca, November 20, 2012

    0 votes
    6 answers
11. "Езда" сайта

    Вопрос закрыт!

    Asked by Zf_Grivachenko, April 14, 2012

    0 votes
    3 answers
12. "железная ширина"

    не могу понять в чем дело... задал ширину в 171px визуально 171px, но когда начинаешь вставлять тект в этот слой, то этот слой становится шире в зависимости сколько в н?м текста! Как задать ширину так, чтобы текст не удлинял слой, а как обычно сам впихивался в эти 171px ?

    Asked by maza, September 7, 2007

    0 votes
    13 answers
13. "Закрыть" внешние ссылки от поисковых систем

    Приветствую! На сайте пользователи пишут комментария, введут блоги и т.п. В тексте могут использовать ссылки на внешние сайты и/или почтовые адреса. Я сделал так чтобы все ссылки автоматически высвечивались, то есть юзер введет www.test.ru, а уже на странице это будет готовая ссылка к примеру: <a href="test.ru"... Я в SEO не силен, но я знаю что если на сайте будут внешние ссылки, то сайт будет терять некую "популярность". 3 варианта решения: 1. Убрать к черту скрипт высвечивая ссылок и эл.адресов (либо подключать его только для зареганых, ведь поисковой робот не зарегистрируется и не увидит ссылки :-) ); 2. Переводить все внешние ссылки на подтверждающую страницу (как…

    Asked by Bebeka, December 2, 2012

    0 votes
    0 answers
14. "клонирование" блока при перемещении

    В общем раньше не встречался с такими проблемами. Да и не верстаю я уже ооочень долго но наконец-то мои навыки мне пригодились снова. Правда столько проблем, все забыл.. В общем проблема даже не уверен в чем. У меня есть код: <div class="content"><div class="fixedmenu"><ul><li>1 punkt<li>2 punkt</ul></div><div class="mblock">text<br></div><span class="clear"></div></div>А css: .content {width:100%;width:800px;margin:0 auto;}.mblock {border-radius: 10px;background: url("../images/50%.png") repeat;padding:20px;margin-top:20px;/*text-align:center;*/}.fixedmenu {border-top-left-radius: 50px;border…

    Asked by Coshe, October 18, 2014

    0 votes
    1 answer
15. "Лишняя" остаточная ширина блока при переносе слов на новую строку

    Пример: http://jsfiddle.net/cqm1Lnhg/ При переносе не помещающихся слов на новую строку (внутри блока) ширина блока не до конца подстраивается под ширину своего контента. Как добиться, чтобы в приведенном примере не оставалось дополнительного пространства в блоках справа от текста? Таким образом я хочу сделать пункты меню. Они должны быть плавающей ширины (зависящей от контента), и с ограничением по ширине (max-width). Таблицу не предлагать...)

    Asked by Squidward, August 27, 2014

    0 votes
    5 answers
16. "Наложение" при верстке в Мозилле

    Уважаемые коллеги, братья, сестры и товарищи! Прошу помощи вот в таком вопросе. Верстаю я страничку (в битриксе, поэтому в текстах проскальзывает лишнее) со следующего рода содержанием: блок 1 - большая такая "плашка" с тенью и скругленными углами. После нее идет таблица, в первую ячейку которой вставлена подложка. В Опере и ИЕ все ладушки, блок один идет себе спокойно, за ним таблица. В Огнелисе таблица наехала на блок 1, код которого я привела ниже. Честно, не ожидала такой реакции, по сему немного растеряна и ошибок не вижу. Подскажите, люди добрые, как с этим мракобесием бороться. ЦСС <style/css> .roundRectBlock { position: relative; left:100px; top: 20p…

    Asked by Lana_M, May 8, 2008

    0 votes
    5 answers
17. "Обрамление" iFrame картинками.

    Всем здрасти! Помогите, плз, кто знает: Нужно сделать рамку из рисунков вокруг айФрейма, а так же убрать рамку у самого фрейма. Есессно, за основу взял таблицу: <table> <tr> <td colspan="3"> <img src="img/code-top.png"> </td> </tr> <tr> <td> <img src="img/code-left.png"> </td> <td> <iframe src="banner.html" width="620" height="245" hspace="0" vspace="0" align="center"> Ваш браузер не поддерживает плавающие фреймы! </iframe> </td> <td> <img src="img/code-right.png" align="right"> </td> </tr> <tr> <td colspan="3"> <img src="img/code-bottom.png"> &lt…

    Asked by Psychologist, December 10, 2007

    0 votes
    2 answers
18. "Обрезка" и выравнивание картинок (как сделать?)

    Здрасте всем. вот пример: http://brendov.com/news-actions часть картинок в каталоге имеет разные пропорции. из-за этого строки с товарами получаются разной высоты. заранее делать предобработку картинки клиент не сможет, там просто некому. подскажите решение, как сделать картинки одинаковыми по высоте, при этом перекрывая обрамляющим элементом "уши" картинки? P.S. есть подозрение, что очень просто, но видимо я заработался, и не вижу решения в упор.

    Asked by d0ublezer0, February 25, 2014

    0 votes
    11 answers
19. "обтекание" блока меню

    Доброй ночи. Есть сайт Пытаюсь переделать под маленькое разрешение монитора, приблизительно 750px по ширине. Надо добиться того, что бы левая часть контента (фотографии) "обтекали" правый блок навигации, при этом, чтобы пока не закончился блок навигации фото шли по 3-и штуки в ряд, а под блоком навигации по пять штук. Желательно без кардинальной переделки вёрстки. Дело в том, что при разном разрешении экрана будут подключаться разные файлы css. И если разрешение будет более 1000px, то сайт должен возвращаться в исходное состояние Подскажите, как решить данную проблему? Сам не могу додуматься... Заранее благодарю откликнувшихся.

    Asked by slo_nik, January 30, 2012

    0 votes
    4 answers
20. "От А до Я"

    Конечно же в интернете можно найти множество полезной информации. Главное - знать что искать. Я, например, только начинаю своё обучение на HTML-верстальщика, по этому хватаюсь за всё. Наверное, много таких же новичков, которые учатся методом тыка. Но систематизировано, поэтапно учиться - это не только легче, но и быстрее. По этому предлагаю в этой теме составить программу обучения, чтобы отсеять ненужную литературу и не сталкиваться с одним и тем же по несколько раз. Построить такой курс можно, например, на списке книг от начального до профессионального уровня + дополнения. Ведь каждый наверное в начале своей карьеры задавал себе вопросы: С чего же начать? (Какие книги …

    Asked by yaroslav_tk, July 25, 2011

    0 votes
    17 answers
21. "от кого" в приходящих сообщениях с сайта

    Здравствуйте. Есть простая контактная форма на php: <?php /* Задаем переменные */ $name = htmlspecialchars($_POST["name"]); $email = htmlspecialchars($_POST["email"]); $phone = htmlspecialchars($_POST["phone"]); $message = htmlspecialchars($_POST["message"]); $bezspama = htmlspecialchars($_POST["bezspama"]); /* Ваш адрес и тема сообщения */ $address = "Почта"; $sub = "Тема"; /* Формат письма */ $mes = "Заголовок\n Имя отправителя: $name Email отправителя: $email Телефон отправителя: $phone Комментарий: $message"; if (empty($bezspama)) { /* Отправляем сообщение, используя mail() функцию */ $from = "Reply-To: $email \r\n"; if (mail($address, $sub, $mes, $f…

    Asked by artem99357, December 3, 2019

    0 votes
    3 answers
22. "Отцы" HTML, помогите!

    Добрый день! Недавно начал изучать HTML и решил сам поэкспериментировать с таблицами. И конечно же у меня сразу возник вопрос, на который я сломав всю голову так и не смог найти ответ. Таблица "обтекает" картинку справа, а хотелось бы чтобы таблица находилась под картинкой. Есть мысль выйти из положения поставив кучу <br>, но это конечно же не выход. Имеется код <html> <head> <title>Моя первая тестовая страница</title> <meta http-equiv="Content-type" content="text/html" charset="windows-1251" </head> <body> <h2 align="center">Англоязычные сайты с пользой</h2> <img src="http://i057.radikal.ru/1210/fa/c9…

    Asked by Nikolaus62, October 26, 2012

    0 votes
    9 answers
23. "Падает" контент под меню на float

    Помогите пожалуйста разобраться, делаю сайт и при уменьшении окна браузера контент съезжает под меню. Меню идет статическое 250px, а контент надо что бы тянулся в ширину. #menu { width: 250px; float: left; padding: 0; margin: 0; height:100%; background-color:#C3E0C6; } .button{ float:left; margin-top:80px; margin-left:12px; padding:1px; } #kontakty{ float:left; margin-left:20px; margin-top:10px; padding: 2px; color:#04605B; font-family:Arial, Helvetica, sans-serif; font-size:10pt; } #kontakty ul li p{ font-weight:bold;} #kontakty ul li{ list-style-type:none; line-height:1.5em; z-index:6; } #content { background: #F5FAF5; width: 80%; margin-left:250px; f…

    Asked by katrinok_k, January 6, 2012

    0 votes
    8 answers
24. "Падают" некоторые блоки в IE

    Здравствуйте. Сразу суть проблемы: - IE не корректно отображает мою верстку. Если быть точнее то некоторые блоки падают в низ по непонятным причинам (см.ссылку). Адрес проблемного сайта: www.simplyfitcanada.com/test Если вы откроете эту ссылку в IE и сравните с такой же картиной в любом другом браузере то увидите суть проблемы. Я использую отрицательные значения в КСС. Мне сказали, что IE не поддерживает отрицательные значения. Возможно это так, но тогда возникает один нюанс. Я достаточно часто использовал в верстке отриц.значения в КСС и они отлично отображаются, не считая "упавших" блоков. Этого я тоже не могу понять. У меня некоторые графические элементы на странице и…

    Asked by nazarlee, April 14, 2011

    0 votes
    6 answers
25. "Перелинковка" картинки на видео

    Добрый день, при просмотре новостей на facebook я заметил что там на первом месте стоит картинка http://albums.foto.tut.by/userpics/t...2/11116148.jpg Далее после нажатия идет "перелинковка" на аудио или видео http://albums.foto.tut.by/userpics/t.../111380365.jpg Как это можно реализовать на wordpress? Возможно есть какой либо плагин?? Т.е сперва появляется на странице новостей в facebook миниатюра в виде картинки, наверное специально что бы грузилась побыстрее страница. А при нажатии появляется код, ролик с youtube

    Asked by quaker2010, March 18, 2011

    0 votes
    2 answers